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
730
私が考えるReactのよさ #fukuokajs
Hiroyuki ANAI
February 26, 2019
Tweet
Share
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
230
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
250
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
16k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.6k
Web Share Target API #w3fukuoka
pirosikick
0
560
Google I/O '19のWebをまとめる会
pirosikick
2
740
PuppeteerでいらないCSSを消す
pirosikick
24
28k
Progressive Hydration #react_fukuoka
pirosikick
5
1.5k
WebFEのテストにおける気持ちの変遷
pirosikick
0
420
Other Decks in Programming
See All in Programming
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
480
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
1
360
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
6
1.2k
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
220
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
10
1.4k
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
1k
新宿ダンジョンを可視化してみた
satoshi7190
3
390
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
670
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
180
AppRouter Panel Talk
yosuke_furukawa
PRO
1
460
VS Code をプロダクトにどう取り込むか
onomax
1
710
CREってこういうこと? 体験入社 - 提案資料 - / what-is-cre-trial-employment
shinden
1
520
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Debugging Ruby Performance
tmm1
70
11k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Designing Experiences People Love
moore
136
23k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
Facilitating Awesome Meetings
lara
43
5.6k
Practical Orchestrator
shlominoach
183
9.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Fireside Chat
paigeccino
22
2.6k
Code Reviewing Like a Champion
maltzj
515
39k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
21
1.4k
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 ϑϨʔϜϫʔΫɾϥΠϒϥϦಉ࢜Ͱ͍͍ͱ͜ΖΛ औΓೖΕ͍͋ͬͯΔͷͰɺ΄΅ಉ͜͡ͱ͕Ͱ͖Δ
͋Γ͕ͱ͏ ͍͟͝·ͨ͠