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 Fire
Search
Kodai Nakamura
October 04, 2018
Programming
1.5k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
React Fire
Kodai Nakamura
October 04, 2018
More Decks by Kodai Nakamura
See All by Kodai Nakamura
wejs24.pdf
kdnk
1
1.2k
Local State Management with Apollo
kdnk
2
1.6k
React Suspense on Apollo
kdnk
4
1.6k
Other Decks in Programming
See All in Programming
Even G2とAWSで推しのエージェントを召喚しよう!
har1101
1
170
SREは、MCPとSRE Agentをこう使え!
kazumax55
0
150
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
210
act1-costs.pdf
sumedhbala
0
230
【やさしく解説 設計編・中級 #1】一つの車に、運転手は一人 ~ある倉庫システムの事例から~
panda728
PRO
0
180
ランチタイムLT会3周年!ランチタイムLT会を3年間続けられたお話
y0hgi
1
140
광주소프트웨어마이스터고등학교 DevFest 특강 - 바이브 코딩 시대에서 주니어 개발자로 살아남는 방법
utilforever
1
130
信頼性について考えてみる(SRE NEXT 2026 miniLT)
hayama17
0
190
Prismを使った型安全な暗号化_関数型まつり2026
_fhhmm
0
140
才能?センス?知らん、 続けたもん勝ちだ。-- 結婚・出産・癌を越えてなお、私がプロダクトを創り続ける理由
16bitidol
2
860
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
iidatakuma
1
770
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
450
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
230
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
30 Presentation Tips
portentint
PRO
1
350
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
220
Marketing to machines
jonoalderson
1
5.6k
Bash Introduction
62gerente
615
220k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
340
Discover your Explorer Soul
emna__ayadi
2
1.2k
The Invisible Side of Design
smashingmag
301
52k
What's in a price? How to price your products and services
michaelherold
247
13k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
610
Transcript
ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB
ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB
ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB Θ͔Βͳ͍
ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB ͳΜͱͳ͘Θ͔Δ
,PEBJ/BLBNVSB (JUIVC!LEOL 5XJUUFS!LEOL@@ 4PGUXBSF&OHJOFFSBU8BOUFEMZ JOD /FX(SBET +BWB4DSJQU 5ZQF4DSJQU 3FBDU
‣ 3FBDU%0.ͷۙԽ ‣ ͬ͘͟Γݴ͏ͱෛ࠴ฦࡁ ‣ ͳʹ͔৽͍͠ػೳ͕Ճ͞ΕΔΘ͚Ͱͳ͍ ‣ ࣍ͷϝδϟʔϦϦʔεʹೖΔ 3FBDU'JSFʁ
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF 3FBDU'JSFͷJTTVFIUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
4UPQSFGMFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ AWBMVFABUUSJCVUFͷөΛΊΔ ‣ QSPQFSUZͱBUUSJCVUFҧ͏ͷ ‣ QSPQFSUZ+4ͷੈքͷਓ ‣ BUUSJCVUF)5.-ͷੈքͷਓ ‣
OBUJWFͰɺϑΥʔϜೖྗͨ͠ͱ͖QSPQFSUZͷΈʹө͞ΕΔ ‣ 3FBDU͜ͷڍಈʹ߹ΘͤΔ͖ ‣ ͜Ε͕ݪҼͰى͜Δόάଟ͍
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
"UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ 3FBDUͷΠϕϯτEPDVNFOUʹՃ͞ΕΔ ‣ ͚ͩͲɺ3FBDUͷ%0.Πϕϯτ͕ൃՐ͢ΔͷOBUJWFͷ%0.Πϕϯτͷ CVCCMJOH͕ऴΘͬͨ͋ͱ ‣ 3FBDU͚ͩͷΞϓϦέʔγϣϯͳΒͳ͍͚Ͳɺ͋ͱ͔Β3FBDUΛಋೖͨ͠߹ ʹʹͳΔ͜ͱ͕͋Δ ‣
OBUJWFଆͰAFWFOUTUPQ1SPQBHBUJPOA͞Ε͍ͯͨΒɺ3FBDUଆͷΠϕϯτൃՐ͠ ͳ͍
"UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU https://github.com/facebook/react/issues/8693
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
.JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZGJMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ PO$IBOHF໊͍͍લɻ3FBDUΛ࢝Ί͔ͨΓͷͻͱʹͱͬͯΘ͔Γ͍͢ ‣ ͚ͲɺJOQVUΠϕϯτͳͷʹPO$IBOHFมˠPO*OQVU ‣ DPOUSPMMFEDPNQPOFOU ‣ PO*OQVU͍·ͷPO$IBOHFͱಉ͡ৼΔ͍ʹ
‣ ୈ̎ҾʹWBMVFΛ͢Α͏ʹͳΔ ‣ ཧతʹɺFWFOUUBSHFUWBMVFΛফ͠ڈΓ͍ͨ ‣ PO$IBOHFඇਪʹ ‣ VODPOUSPMMFEDPNQPOFOU ‣ ϒϥβͱಉ͡Α͏ʹಈ͘
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
%SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣ Πϕϯτͷ࣮͔ΒมΘͬͯͳ͍ ‣ QPMZpMM͋Δ͚ͲɺϞμϯϒϥβʹ΄ͱΜͲෆཁ ‣ ͜ͷ͍ͤͰ3FBDU%0.ͷόϯυϧαΠζ͕େ͖͍ ‣ ಠࣗͷΠϕϯτγεςϜΛͳΔ͘%0.Πϕϯτʹ͚ۙͮΔ
‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣
DMBTT/BNFˠDMBTT 3FBDU'JSF
DMBTT/BNFˠDMBTT ‣ 3FBDU$PNQPOFOU+4ͷ׳शʹै͏͖ ‣ +4ʹɺDMBTT໊Λऔಘ͢ΔͨΊͷɺAOPEFDMBTT/BNFAͱ͍͏1SPQFSUZ͕͋Δ ‣ ͚Ͳɺ3FBDUͷ࣮Ͱɺ ͷྫ֎Λআ͍ͯQSPQFSUZ͕ΘΕ͍ͯΔ ‣ ҙਤతʹҰ؏ͯ͠ͳ͍ͷ͋Δ
‣ APODMJDLAWTAPO$MJDLA ‣ BUUSJCVUF͚ͩ͏Θ͚ʹ͍͔ͳ͍ ‣ UBCJOEFYͷ΄͏͕ਖ਼͍͚͠ͲɺUBC*OEFYͷ΄͏͕+4ͬΆ͍ ‣ DMBTT/BNFQSPQFSUZ DMBTTBUUSJCVUF ‣ Ͳͬͪ+4ͬΆ͍
ؔ࿈JTTVFT ‣ 3FBDU'JSF.PEFSOJ[JOH3FBDU%0. ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ WBMVFBUUSJCVUF ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣
EPDVNFOUFWFOU ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ PO$IBOHFˠPO*OQVU ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ &WFOU4ZTUFN ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ DMBTT/BNFˠDMBTT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFTJTTVFDPNNFOU