Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
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.7k
React Suspense on Apollo
kdnk
4
1.6k
Other Decks in Programming
See All in Programming
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
kinopeee
28
32k
個人開発者よ、Honoを使え(おじさんver)
tanahiro2010
2
260
PumaからFalconに移行したRailsアプリケーションでの実践
falcon8823
0
170
IBM Bob でAI駆動開発『QC-Playbook』
ichirokano2
0
110
外から家のPCの電源入れたい!をPHPで解決する
kawashimo0
1
130
AI時代のコードレビューは人に向けるな、仕組みに向けろ
texmeijin
5
3.7k
Railsバージョンを4倍にした話
optim
0
390
AI主導のプログラミング学習アプリを作ってみた
econanringo
0
180
ActionController meets Protocol Buffers
sorah
0
530
Rでドレミ/Do-Re-Mi_with_R
florets1
0
130
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
kishida
2
180
RAG の “R” を Swift で覗いてみる 〜「意味から探す」検索の仕組み〜
nao_randd
0
160
Featured
See All Featured
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
460
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
490
Building the Perfect Custom Keyboard
takai
2
910
The Pragmatic Product Professional
lauravandoore
37
7.5k
[RailsConf 2023] Rails as a piece of cake
palkan
59
7.1k
Designing Experiences People Love
moore
143
24k
Unsuck your backbone
ammeep
672
58k
Odyssey Design
rkendrick25
PRO
2
870
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
340
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
380
The Language of Interfaces
destraynor
162
27k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
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