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のよさ #fukuokajs
Search
Hiroyuki ANAI
February 26, 2019
Programming
2
760
私が考えるReactのよさ #fukuokajs
Hiroyuki ANAI
February 26, 2019
Tweet
Share
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
240
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
260
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
16k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.7k
Web Share Target API #w3fukuoka
pirosikick
0
580
Google I/O '19のWebをまとめる会
pirosikick
2
750
PuppeteerでいらないCSSを消す
pirosikick
24
28k
Progressive Hydration #react_fukuoka
pirosikick
5
1.6k
WebFEのテストにおける気持ちの変遷
pirosikick
0
430
Other Decks in Programming
See All in Programming
Introduction to GitOps
hwchiu
0
110
CSC307 Lecture 07
javiergs
PRO
0
220
入社1ヶ月でここまでやった!Findy Toolsインフラ支援の最適化
rvirus0817
6
1.4k
Rust.Nagoya #1
codemountains
0
170
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
29
13k
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
SDCon2024: Enabling DevOps and Team Topologies thru architecture: architecting for fast flow
cer
PRO
0
780
CSC307 Lecture 10
javiergs
PRO
0
310
CSC307 Lecture 13
javiergs
PRO
0
150
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
Featured
See All Featured
Debugging Ruby Performance
tmm1
71
11k
BBQ
matthewcrist
82
9k
Typedesign – Prime Four
hannesfritz
37
2.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
Scaling GitHub
holman
458
140k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Clear Off the Table
cherdarchuk
89
320k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
15
4.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
Transcript
'VLVPLB+4 !QJSPTJLJDL 5VF
w ݀Ҫ w !QJSPTJLJDL w ϠϑʔגࣜձࣾΤϯδχΞ w "QFY-FHFOETʹڵຯ͕͋Γ·͢ w 'BSDSZ/FX%BXOʹڵຯ͕͋Γ·͢
w %BZT(POFʹʢҎԼུʣ
3FBDUೖʢᠳӭࣾʣ ڞஶ 8&# %#13&44 ࿈ࡌʮͲΜͱ͍͜ϑϩϯτΤϯυ։ൃʯ ࿈ࡌ࠷ऴճʂ
ΑΖ͘͠ ͓ئ͍க͠·͢
None
ొஃऀͷํʑ͔Βɺ ʮ˓˓͕͖ʂʯ ʮ˓˓͕ັྗʂʯ ʮ͕͜͜࠷ߴʂʯ ͳͲɺ ؾͷෝ͘··ʹ͓͍ͯͨͩ͜͠͏ͱ ࢥ͍·͢ʂ
ࢲ͕ߟ͑Δ3FBDUͷΑ͞ w γϯϓϧ͞ w %9ͷΑ͞ w એݴతʹ6*ΛఆٛͰ͖Δ
Α͞ᶃɿγϯϓϧ͞
3FBDUͷγϯϓϧ͞ w ʮ"+BWB4DSJQUMJCSBSZGPSCVJMEJOHVTFSJOUFSGBDFTʯ w ͣͬͱมΘͬͯͳ͍ w 3FBDU୯ମͰΞϓϦέʔγϣϯΛ࡞Δ͜ͱك w Կ͔ͱΈ߹Θͤͯ։ൃ w
3FEVYɺίϯϙʔωϯτूFUD
ݸਓͷΈ͔͠Εͳ͍ w ϞϊϦεͱൺΔͱϝϦσϝ͋Δͱࢥ͏ w γϯϓϧͳύʔπΛΈ߹ΘͤͯɺશମΛߏங͢Δ w ύʔπຖʹཧղ͢ΕΑ͍ͷͰɺཧղ͍͢͠ w ύʔπ୯ҐͰަՄೳ w
։ൃπʔϧϞϊϦγοΫͰɺ ϥΠϒϥϦγϯϓϧͳͷͷΈ߹Θ͕ͤݸਓతͳΈ
Α͞ᶄɿ%9
%9 w %FWFMPQFS&YQFSJFODFʹ։ൃऀͷମݧ w %9%FWFMPQFS&YQFSJFODFʢ։ൃମݧʣॏཁͩ IUUQTHGYIBUFOBCMPHDPNFOUSZ w %969ͷҰछͰ͋Δ w %9͕Α͍ͱʑͷ։ൃΛָ͠ΊΔΑ͏ʹͳΓɺ
ؾ࣋ͪʹ༨༟͕Ͱ͖Δ w %9͕ѱ͍ͱ։ൃΛָ͠Ίͣɺ ʮఆΊΒΕͨλεΫʯҎ֎ͷ͜ͱΛͨ͘͠ͳ͘ͳΔ
ϥΠϒϥϦɾϑϨʔϜϫʔΫ ͷ%9 w υΩϡϝϯτ͕ἧ͍ͬͯΔ͔ɺ༁͞Ε͍ͯΔ͔ w σόοάπʔϧ͕͋Δ͔ w ΤίγεςϜͱੑ͕͋Δ͔ w FY
&4-JOUɺ5ZQF4DSJQUʹରԠ͍ͯ͠Δ͔ʁ
w &4-JOU 5ZQF4DSJQUͱͷ૬ੑ͔ͳΓ͍͍ w ͍࢝Ίͨࠒʢɺόʔδϣϯ͕͘Β͍ ʣ पลπʔϧͷରԠ͕Α͔ͬͨهԱ w &4-JOUͷ+49ରԠ݄ɺ #BCFMʢUPʣ݄ʹ+49αϙʔτ͍ͯͨ͠
3FBDUͷ%9
3FBDUͷ%9 w 3FBDU%FW5PPMTʢެࣜʣ w 6TFS5JNJOH"1*ΛͬͯͷϓϩϑΝΠϦϯά w $ISPNF%FW5PPMTͷύϑΥʔϚϯελϒʹදࣔ͞ΕΔ IUUQTSFBDUKTPSHEPDTPQUJNJ[JOHQFSGPSNBODFIUNMQSPpMJOHDPNQPOFOUTXJUIUIF DISPNFQFSGPSNBODFUBC
3FBDUͷ%9 w ࠷ۙɺυΩϡϝϯτ༁͞Εͨ IUUQTKBSFBDUKTPSH
Α͞ᶅɿ એݴతʹ6*Λهड़Ͱ͖Δ
None
໋ྩతɾએݴత w ݸਓతͳղऍ w ໋ྩతɿ ʢతΛୡ͢ΔͨΊͷʣखॱɾखଓ͖Λॻ͘ w એݴతɿ తΛॻ͘ʢͱखॱɾखଓ͖উखʹͬͯ͘ΕΔʣ
໋ྩతɾએݴత w 3FBDUʹͯΊΔ w 6*ͷߏΛએݴ͢Δ ʢͱɺखଓ͖ɾखॱউखʹͬͯ͘ΕΔʣ w खଓ͖ɾखॱ σʔλͷՃɾมߋɾআʹର͢Δޮతͳ%0.ͷߋ৽ w
Ծ%0.͕Χόʔ
+49 w +BWB4DSJQUͷதʹ)5.-λά͕هड़Ͱ͖Δߏจ w 6*Λએݴతʹهड़Ͱ͖Δ w ͨͩͷ3FBDUDSFBUF&MFNFOUͷҥߏจɺมޙͷ༧ଌָ͕ w એݴతʹهड़Ͱ͖Δ͕+4ͷΛେ͖͘֎Ε͍ͯͳ͍ ͜Ε͕+49
3FBDU)PPLTͰ DMBTTίϯϙʔωϯτએݴతʹ w 3FBDUʹɺίϯϙʔωϯτΛॻ͘ํ๏͕ͭ w ؔPSΫϥε w ίϯϙʔωϯτͰঢ়ଶϥΠϑαΠΫϧͷར༻͕ ඞཁͳ߹ɺΫϥεͰॻ͘ඞཁ͕͋ͬͨ
3FBDU)PPLTͰ DMBTTίϯϙʔωϯτએݴతʹ w 3FBDU)PPLT w ؔίϯϙʔωϯτͰঢ়ଶϥΠϑαΠΫϧΛ ѻ͏Έ w 3FBDUͰՃ
ྫʣը໘αΠζͷऔಘ DMBTTίϯϙʔωϯτ൛
ྫʣը໘αΠζͷऔಘ DMBTTίϯϙʔωϯτ൛ తΛୡ͢ΔͨΊͷखଓ͖
ྫʣը໘αΠζͷऔಘ DMBTTίϯϙʔωϯτ൛ ঢ়ଶΛѻ͏෦ ϥΠϑαΠΫϧΛѻ͏෦
ྫʣը໘αΠζͷऔಘ 3FBDU)PPLT൛ ը໘αΠζΛ͏͜ͱΛએݴ
w VTF8JOEPX4J[F w ը໘αΠζΛࢀর͢Δ͜ͱΛએݴ w SFNPWF&WFOU-JTUFOFSͷखଓ͖એݴͷཪʹӅṭ w એݴతʹهड़Ͱ͖Δ͜ͱͰత͕໌֬ʹͳΔ
·ͱΊ w 3FBDUKTɺ͍͍Αʙ w 3FBDU)PPLTͰΑΓΑ͘ͳͬͨΑʙ w ϑϨʔϜϫʔΫɾϥΠϒϥϦಉ࢜Ͱ͍͍ͱ͜ΖΛ औΓೖΕ͍͋ͬͯΔͷͰɺ΄΅ಉ͜͡ͱ͕Ͱ͖Δ
͋Γ͕ͱ͏ ͍͟͝·ͨ͠