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
ローカルLLMを使ってB2Bサービスを作っていての学び
yaotti
0
210
なぜ型を書くのか? TSKaigi2026で改めて考える #tskaigi_smarthr
kajitack
0
140
技術記事、AIに書かせるか、自分で書くか? 〜それでも私が自分の手で書く理由〜 / #QiitaConference
jnchito
2
1.5k
ローカルLLMでどこまでコードが書けるか -拡張版 / How much code can be written on a local LLM Extended
kishida
12
4.4k
例外の正しい扱い方 そのエラー try-catchして大丈夫?
jinwatanabe
0
280
キャリア迷子上等 ─ "ない道"は自分で作ればいい
16bitidol
3
2.2k
Mujeres en SEO Summit 2026 - Greatest Disaster Hits en Web Performance
guaca
0
200
スマートグラスで並列バイブコーディング
hyshu
0
260
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
nrslib
0
290
AIだと陥りがちなJakarta EE最新技術への移行時の落とし穴と解決策
tnagao7
0
120
Inside Stream API
skrb
1
770
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
wagyu
0
260
Featured
See All Featured
Crafting Experiences
bethany
1
190
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.3k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
40k
The Curious Case for Waylosing
cassininazir
1
400
The Limits of Empathy - UXLibs8
cassininazir
1
370
So, you think you're a good person
axbom
PRO
2
2.1k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
170
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
240
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.5k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
260
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.6k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
210
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