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勉強会② ハンズオン編
Search
Takuya Fujimoto
May 18, 2018
Programming
0
93
React勉強会② ハンズオン編
- Mix Leap
- React
- ハンズオン
Takuya Fujimoto
May 18, 2018
Tweet
Share
More Decks by Takuya Fujimoto
See All by Takuya Fujimoto
React + GraphQLで社内の負債を解決した話
tfrcm
0
470
AppSyncで負債を解決した話
tfrcm
1
370
なぜ社内でGoを採用したのか
tfrcm
0
65
さよならRecompose, こんにちはReact Hooks!
tfrcm
0
380
Facebookに行ってきたの秋
tfrcm
0
64
ReactNativeでモバイル開発を始めよう!
tfrcm
0
52
My favorite Morisawa's fonts
tfrcm
0
53
ReactNativeの開発環境を5分で作る
tfrcm
1
340
さぁ!Reactを始めよう!
tfrcm
0
150
Other Decks in Programming
See All in Programming
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
270
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
Goのエラースタックトレースの歴史と今後
sonatard
8
1.4k
雑に思考を整理する技術と効能
konifar
60
29k
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
920
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
840
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
690
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
370
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
240
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
260
Hanami and htmx
bkuhlmann
0
210
Featured
See All Featured
For a Future-Friendly Web
brad_frost
172
9k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
The Mythical Team-Month
searls
216
42k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Building Your Own Lightsaber
phodgson
99
5.7k
KATA
mclloyd
15
12k
The Cult of Friendly URLs
andyhume
74
5.7k
Teambox: Starting and Learning
jrom
128
8.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
25
2.3k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Design by the Numbers
sachag
274
18k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
Transcript
3FBDUͰ5PEPΛ࡞Ζ͏ʂ 0TBLB.JY-FBQ4UVEZd3FBDUษڧձᶄϋϯζΦϯฤd
ΞδΣϯμ ڥߏஙͷ֬ೝ͢Δ 3FBDUͷ։ൃڥΛ࡞Δ DSFBUFSFBDUBQQͰϓϩδΣΫτΛ࡞͢Δ
ඞཁͳOQNϥΠϒϥϦΛΠϯετʔϧ͢Δ ϩʔΧϧͰαʔόʔΛىಈ͢Δ ςΩετΤσΟλͰϓϩδΣΫτΛ։͘ $44पΓΛίϐϖ͢Δ 3FBDUͷ։ൃͰΑ͘ग़Δ༻ޠΛཧղ͢Δ ը໘ΛίʔσΟϯά͢Δ TUBUFͱΠϕϯτͰΞϓϦͷঢ়ଶΛཧ͢Δ MPDBM4UPSBHFͰσʔλΛӬଓԽ͢Δ ڥߏஙฤ ࣮ฤ
ΰʔϧ w3FBDUͷ։ൃΛ࢝ΊΔ·ͰΛΔ w3FBDUͷ։ൃͷྲྀΕΛΔ w3FBDUͷ֩Ͱ͋ΔTUBUFཧΛΔ wOQNϥΠϒϥϦͷಋೖͷྲྀΕΛΔ wOQNϥΠϒϥϦͷυΩϡϝϯτͷݟํΛΔ
ҙ ࠓฐࣾͷϝϯλʔ͕ਓ͍·͢ɻ ్தͰ٧·ͬͨ߹ɺΛֻ͚͍ͯͩ͘͞ɻ ·ͨɺԣͷਓ͕٧·͍ͬͯΔͳͱࢥͬͨΒॿ͚ͯ ͍͋͛ͯͩ͘͞ɻ
ҙ ࣌ؒʹݶΓ͕͋Γ·͢ͷͰɺશһͷ࡞ۀऴྃΛ ͨͣʹɺ࣍ʹਐΉ߹͕͋Γ·͢ɻ (JU)VCʹܗͷιʔεΛڞ༗͍ͯ͠ΔͷͰɺ ؒʹ߹Θͳ͍߹ίϐϖͰରԠ͍ͯͩ͘͠͞ɻ (JU)VCDPOQBTTͷืूهࣄͰ63-Λڞ༗͍ͯ͠·͢ɻ
ҙ ϋϯζΦϯܗࣜͳͷͰɺܦݧͷࠩʹΑΓ͕ͪ࣌ؒൃੜ ͢Δ߹͕͋Γ·͢ɻ ͪ࣌ؒɺຊར༻͢ΔϥΠϒϥϦͷެࣜαΠτͳͲ ΛӾཡͯ͘͠ͱઌͷ࡞ۀ͕εϜʔζʹͳΓ·͢ɻ (JU)VCϖʔδΛ63-Λڞ༗͍ͯ͠·͢ɻ
ࠓͷ։ൃͰΑ͘ݟΔը໘ wςΩετΤσΟλ w։ൃதͷը໘ MPDBMIPTU w(JU)VCϖʔδ w֤छϥΠϒϥϦͷυΩϡϝϯτ ৭ʑͳॴΛݟΔͨΊʹɺϒϥβλϒ Λͯͨ͠ํ͕։ൃ͍͢͠Αʔʂ
ڥߏஙͷ֬ೝ͢Δ
/PEFKTͷόʔδϣϯΛ֬ೝ͢Δ
3FBDUͷ։ൃڥΛ࡞Δ
ZBSOͱDSFBUFSFBDUBQQΛΠϯετʔϧ͢Δ
DSFBUFSFBDUBQQͰϓϩδΣΫτΛ࡞͢Δ
ࠓ։ൃ͢ΔϓϩδΣΫτͷܗΛ࡞͢Δ ҙ wҰ୴λʔϛφϧΛ࠶ىಈ͢Δɻ wࣗͷ࡞ۀσΟϨΫτϦ Ͳ͜Ͱ͍͍ ʹҠಈ͢Δɻ
ඞཁͳOQNϥΠϒϥϦΛΠϯετʔϧ͢Δ
ϓϩδΣΫτͰ͏ϥΠϒϥϦΛΠϯετʔϧ
ϩʔΧϧͰαʔόʔΛىಈ͢Δ
࡞ͨ͠ϓϩδΣΫτΛखݩͷύιίϯ ϩʔΧϧ Ͱىಈ͢Δ
ࣗಈతʹ։͔ΕͨϒϥβΛ֬ೝ͢Δ
ςΩετΤσΟλͰϓϩδΣΫτΛ։͘
74$PEFฤ αΠυόʔͷϓϥάΠϯϚʔΫΛԡԼ͢Δ ʮQSFUUJFSʯΛϓϥάΠϯΛݕࡧ͢Δ ʮ1SFUUJFS$PEFGPSNBUUFSʯΛΠϯετʔϧ͢Δ ʮ࠶ಡΈࠐΈʯϘλϯΛԡ͢ 74$PEFͷઃఆϖʔδΛ։͘ DNE
(JU)VC͔ΒઃஔϑΝΠϧΛίϐʔͯ͠ɺషΓ͚Δ 74$PEFΛ࠶ىಈ͢Δ
"UPNฤ "UPNͷઃఆϖʔδΛ։͘ DNE ʮ*OTUBMMʯͰʮQSFUUJFSBUPNʯͱݕࡧ Πϯετʔϧ͢Δ ʮ1BDLBHFTʯͰʮQSFUUJFSBUPNʯͱݕࡧ ʮ4FUUJOHTʯΛԡ͢
(JU)VCͷઃఆʹ߹ΘͤΔ "UPNΛ࠶ىಈ͢Δ
$44पΓΛίϐϖ͢Δ
4FNBOUJDͷ$%/ΛಡΈࠐΉ wQVCMJDJOEFYIUNM
5PEP༻ͷ$44Λίϐϖ͢Δ wTSD"QQDTT
3FBDUͷ։ൃͰΑ͘ग़Δ༻ޠΛཧղ͢Δ
ίϯϙʔωϯτ $PNQPOFOU ͱ wʮ෦ʯͱ͔ʮߏཁૉʯͱ͍͏ҙຯ w3FBDUίϯϙʔωϯτࢥߟ w֤6*ύʔπΛ෦ͱଊ͑ͯ։ൃ͍ͯ͘͠ࣄͰՄಡੑͱอकੑ͕61
QSPQTͱ w3FBDUͰίϯϙʔωϯτ͔ΒࢠίϯϙʔωϯτʹΛ͢Έ wจࣈྻɾɾྻɾΦϒδΣΫτɾؔͳΜͰͤΔ QSPQTͷ͔ΒࢠͷΛ͢࡞ۀ ʮόέπϦϨʔʯͱΑ͘දݱ͞ΕΔΑʂ
TUBUFͱ w3FBDUͰঢ়ଶΛཧ͢ΔҝͷΈ w5PEPͷঢ়ଶɺೖྗ͍ͯ͠Δจࣈͷঢ়ଶFUDʜ wԿ͔͠ΒͷΠϕϯτͷޙɺTUBUF͕ߋ৽͞ΕΔ wΫϦοΫͨ͠ޙɺೖྗ͞ΕͨޙFUDʜ ຊ֨తͳΞϓϦέʔγϣϯɺ ແͷTUBUFͱΠϕϯτͰߏ͞Ε͍ͯΔΑʂ
+49ͱ w+BWB4DSJQUΛ֦ுͨ͠ݴޠ w'BDFCPPL͕ߟҊ w+BWB4DSJQUͰ)5.-ͬΆ͍ه๏͕͑Δ w࠷ऴతʹ͍͜͠+4ʹͳ͍ͬͯΔ w3FBDUΛ༻͍ͨ։ൃͰඞਢͱ͍͏༁Ͱͳ͍ ࠓDSFBUFSFBDUBQQ্͕ख͍͜ͱͯ͘͠Ε ͍ͯΔ͚Ͳɺຊ֨తͳ։ൃ͕࢝·ΔͱɺࣗͰτϥ ϯείϯύΠϧͷઃఆΛॻ͍ͨΓ͢Δඞཁ͕͋Δ Αʂ
XFCQBDL
'VODUJPOBM$PNQPOFOUͱ$MBTT$PNQPOFOU w3FBDUͷίϯϙʔωϯτͷछྨ wͲͪΒͷه๏Ͱେମಉ͡ࣄ͕Ͱ͖Δ w$MBTT$PNQPOFOUʹʮϥΠϑαΠΫϧʯͱʮTUBUFʯ͕ଘࡏ͢Δ Մಡੑςετͷ͢͠͞ͳͲ͔Βɺ ಛʹཧ༝͕ͳ͍ݶΓ'VOUJPOBM$PNQPOFOU Λ͏ํ͕͍͍Αʂ
ը໘ΛίʔσΟϯά͢Δ
େ͖ͭ͘ͷϒϩοΫʹ͔ΕΔ λΠτϧ෦ ೖྗ෦ Ϧετ෦
TUBUFͱΠϕϯτͰΞϓϦͷঢ়ଶΛཧ͢Δ
ࠓͷ··Ͱಈ͔ͳ͍ͨͩͷը໘ ͔͜͜Βಈ͖Λ͚͍ͭͯ͘
MPDBM4UPSBHFͰσʔλΛӬଓԽ͢Δ
ࠓͷ··ͰϦϩʔυͨ͠Βফ͑ͯ͠·͏ ಉ͡ϒϥβͳΒӬٱతʹอଘͰ͖Δ༷ʹमਖ਼͢Δ
͓ർΕ༷Ͱͨ͠ ݱࡏ8BOUFEMZͰΤϯδχΞͱσβΠφʔΛ ืूதͰ͢ʂ