Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 co...

Avatar for Shunsuke Watanabe Shunsuke Watanabe
July 30, 2018
Programming
730
0

Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)

2018/07/28 と 2018/07/29 に行ったハンズオンのスライドのうち、コード部分を抜粋して掲載したものです。

Avatar for Shunsuke Watanabe

Shunsuke Watanabe

July 30, 2018

More Decks by Shunsuke Watanabe

See All by Shunsuke Watanabe
いますぐ {id: number;} をやめろ
Avatar for Shunsuke Watanabe craftgear
1
380
forループを越えて / beyond for loop
Avatar for Shunsuke Watanabe craftgear
0
590
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)
Avatar for Shunsuke Watanabe craftgear
1
610
Reactハンズオン 02 redux編 コード部分抜粋 / React Handson 02 redux (excerpt)
Avatar for Shunsuke Watanabe craftgear
0
600
Reactで作るDrupalサイト
Avatar for Shunsuke Watanabe craftgear
0
510
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
Avatar for Shunsuke Watanabe craftgear
1
430
大阪Node学園 六時限目 「generator小咄」
Avatar for Shunsuke Watanabe craftgear
1
350
大阪Node学園四時限目 "This crazy testless world"
Avatar for Shunsuke Watanabe craftgear
1
350

Other Decks in Programming

See All in Programming
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.3k
はてなアカウント基盤 State of the Union
Avatar for cockscomb cockscomb
1
1.3k
関数型プログラミングのメリットって何だろう？
Avatar for わんこ(Wanko_IT) wanko_it
0
190
えっ!!コードを読まずに開発を!?
Avatar for はなのうち hananouchi
0
240
人間の目はかわらない、だからJPEGは30年もつ
Avatar for yuzneri yuzneri
8
15k
The Bowling Game - From Imperative to Functional Programming - Part 1
Avatar for Philip Schwarz philipschwarz
PRO
0
340
ここ半年くらいでAIに作らせたR用ツール
Avatar for eitsupi eitsupi
0
230
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
Avatar for ライガー raiga0310
2
400
鹿野さんに聞く！『TypeScriptコードレシピ集』で磨く実践力
Avatar for tonkotsuboy_com tonkotsuboy_com
4
1.2k
PHP Application における Kubernetes 内 gRPC 通信
Avatar for Shin Ohno ganchiku
0
540
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
1
220
エンジニア向け会社紹介/Findy Company Profile
Avatar for Findy findyinc
6
360k

Featured

See All Featured
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
470
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
450
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
420
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
190
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.8k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
67
56k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
180
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
Done Done
Avatar for chrislema chrislema
186
16k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

Transcript

  1. )FMMP8PSMEίϯϙʔωϯτ࡞੒ • TSDDPNQPOFOUT)FMMP8PSMEKTΛ࡞੒ͯ͠։͘

  2. w ϒϥ΢β͕ࣗಈͰϦϩʔυ͞Εɺ)FMMP8PSME͕දࣔ͞ΕΔ w TSD"QQKTΛ։͘ w )FMMP8PSMEKTΛΠϯϙʔτ w SFOEFSϝιου಺ʹ)FMMP8PSMEΛ௥Ճͯ͠อଘ

  3. ϓϩύςΟͷड͚౉͠ λάʹଐੑΛ౉͢͜ͱͰɺλά಺Ͱ͸QSPQTϓϩύςΟΛ௨ͯͦ͡ͷ஋ ʹΞΫηεͰ͖ΔΑ͏ʹͳΔ 1. "QQKT಺Ͱͷݺͼग़͠Λมߋ 2. )FMMP8PSMEKT಺ͰQSPQTϓϩύςΟΛ௨ͯ͡HSFFUJOHΛࢀর͢Δ 3. "QQKTͰͷݺͼग़͠Λมߋ 4.

    λάͷࢠཁૉ͸ɺQSPQTDIJMESFOͰࢀরͰ͖Δ

  4. &4PCKFDUEFTUSVDUVSJOH ΍ͬͯΈΑ͏ 1.QSPQTΛड͚औ͍ͬͯͨͱ͜ΖΛɺ\HSFFUJOH^ʹมߋͯ͠ΈΔ 2.HSFFUJOHͱ͸ผʹɺUPଐੑΛ౉͠ɺʮੈքʯΛஔ͖׵͑ͯΈΔ

  5. ελΠϧఆٛ )FMMP8PSMEίϯϙʔωϯτͷจࣈ৭Λม͑ͯΈΔ 1. ελΠϧఆٛ 2. ελΠϧద༻

  6. TFU4UBUFΛ࢖ͬͨ؆қεςʔτ؅ཧ 1. "QQKTʹDPOTUSVDUPSϝιουΛ௥Ճͯ͠ϩʔΧϧεςʔτΛ ॳظԽ

  7. εςʔτΛࢀরͯ͠ίϯϙʔωϯτʹ౉͢ • ΍ͬͯΈΑ͏ • constructorͰઃఆͨ͠ॳظ஋Λมߋͯ͠ΈΔ

  8. ΠϕϯτͰεςʔτΛॻ͖׵͑Δ εςʔτߋ৽༻ϝιουΛ௥Ճ DPOTUSVDUPSͰΫϥεΠϯελϯεΛCJOE

  9. SFOEFSϝιουʹϘλϯ௥Ճ ΠϕϯτͰεςʔτΛॻ͖׵͑Δ • ΍ͬͯΈΑ͏ • stateͷঢ়ଶʹΑͬͯഎܠ৭Λมߋͯ͠ΈΔ