Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 co...
Search
Shunsuke Watanabe
July 30, 2018
Programming
0
610
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)
2018/07/28 と 2018/07/29 に行ったハンズオンのスライドのうち、コード部分を抜粋して掲載したものです。
Shunsuke Watanabe
July 30, 2018
Tweet
Share
More Decks by Shunsuke Watanabe
See All by Shunsuke Watanabe
いますぐ {id: number;} をやめろ
craftgear
1
280
forループを越えて / beyond for loop
craftgear
0
500
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)
craftgear
1
520
Reactハンズオン 02 redux編 コード部分抜粋 / React Handson 02 redux (excerpt)
craftgear
0
510
Reactで作るDrupalサイト
craftgear
0
430
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
craftgear
1
410
大阪Node学園 六時限目 「generator小咄」
craftgear
1
320
大阪Node学園四時限目 "This crazy testless world"
craftgear
1
330
Other Decks in Programming
See All in Programming
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
950
CSC509 Lecture 04
javiergs
PRO
0
300
止められない医療アプリ、そっと Swift 6 へ
medley
1
130
WebエンジニアがSwiftをブラウザで動かすプレイグラウンドを作ってみた
ohmori_yusuke
0
170
Le côté obscur des IA génératives
pascallemerrer
0
130
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
240
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
130
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
840
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
steliosf
PRO
1
350
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.4k
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
mhrtech
3
1.1k
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
400
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Six Lessons from altMBA
skipperchong
28
4k
Gamification - CAS2011
davidbonilla
81
5.5k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Navigating Team Friction
lara
189
15k
Transcript
)FMMP8PSMEίϯϙʔωϯτ࡞ • TSDDPNQPOFOUT)FMMP8PSMEKTΛ࡞ͯ͠։͘
w ϒϥβ͕ࣗಈͰϦϩʔυ͞Εɺ)FMMP8PSME͕දࣔ͞ΕΔ w TSD"QQKTΛ։͘ w )FMMP8PSMEKTΛΠϯϙʔτ w SFOEFSϝιουʹ)FMMP8PSMEΛՃͯ͠อଘ
ϓϩύςΟͷड͚͠ λάʹଐੑΛ͢͜ͱͰɺλάͰQSPQTϓϩύςΟΛ௨ͯͦ͡ͷ ʹΞΫηεͰ͖ΔΑ͏ʹͳΔ 1. "QQKTͰͷݺͼग़͠Λมߋ 2. )FMMP8PSMEKTͰQSPQTϓϩύςΟΛ௨ͯ͡HSFFUJOHΛࢀর͢Δ 3. "QQKTͰͷݺͼग़͠Λมߋ 4.
λάͷࢠཁૉɺQSPQTDIJMESFOͰࢀরͰ͖Δ
&4PCKFDUEFTUSVDUVSJOH ͬͯΈΑ͏ 1.QSPQTΛड͚औ͍ͬͯͨͱ͜ΖΛɺ\HSFFUJOH^ʹมߋͯ͠ΈΔ 2.HSFFUJOHͱผʹɺUPଐੑΛ͠ɺʮੈքʯΛஔ͖͑ͯΈΔ
ελΠϧఆٛ )FMMP8PSMEίϯϙʔωϯτͷจࣈ৭Λม͑ͯΈΔ 1. ελΠϧఆٛ 2. ελΠϧద༻
TFU4UBUFΛͬͨ؆қεςʔτཧ 1. "QQKTʹDPOTUSVDUPSϝιουΛՃͯ͠ϩʔΧϧεςʔτΛ ॳظԽ
εςʔτΛࢀরͯ͠ίϯϙʔωϯτʹ͢ • ͬͯΈΑ͏ • constructorͰઃఆͨ͠ॳظΛมߋͯ͠ΈΔ
ΠϕϯτͰεςʔτΛॻ͖͑Δ εςʔτߋ৽༻ϝιουΛՃ DPOTUSVDUPSͰΫϥεΠϯελϯεΛCJOE
SFOEFSϝιουʹϘλϯՃ ΠϕϯτͰεςʔτΛॻ͖͑Δ • ͬͯΈΑ͏ • stateͷঢ়ଶʹΑͬͯഎܠ৭Λมߋͯ͠ΈΔ