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入門 2018
Search
takepo
January 25, 2018
Technology
4
2.6k
React入門 2018
takepo
January 25, 2018
Tweet
Share
More Decks by takepo
See All by takepo
作りながら学ぶReactアプリケーション
takepo
1
12k
React×ReduxにおけるTypeScript入門
takepo
10
4.5k
初心者のためのReact入門
takepo
3
4.3k
初心者に向けたサンプル付きReact入門と勉強法について
takepo
0
5.6k
リモートワーク+リモートでの新技術のキャッチアップ
takepo
0
110
Other Decks in Technology
See All in Technology
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
260
自動生成を活用した、運用保守コストを抑える Error/Alert/Runbook の一元集約管理 / Centralized management of Error/Alert/Runbook to minimize operational costs using automated code generation
biwashi
13
2.3k
Cracking the KubeCon CfP
inductor
2
200
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
160
ServiceNow Knowledge Learning Rise up
manarobot
0
190
自己改善からチームを動かす! 「セルフエンジニアリングマネージャー」のすゝめ
shoota
4
110
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
120
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ 「ABEMA Live」の開発について
tomu28
0
620
〜小さく始めて大きく育てる〜データ分析基盤の開発から活用まで
kniino
0
2.1k
MapLibreとAmazon Location Service
dayjournal
1
140
JSON攻略法.pdf
miyakemito
8
4.7k
プラットフォームってつくることより計測することが重要なんじゃないかという話 / Platform Engineering Meetup #8
taishin
0
330
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
36
2.1k
Why Our Code Smells
bkeepers
PRO
331
56k
Docker and Python
trallard
33
2.7k
Designing Experiences People Love
moore
136
23k
What's new in Ruby 2.0
geeforr
337
31k
Designing for humans not robots
tammielis
248
25k
Building Your Own Lightsaber
phodgson
98
5.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
243
20k
How to Ace a Technical Interview
jacobian
272
22k
Git: the NoSQL Database
bkeepers
PRO
422
63k
Optimizing for Happiness
mojombo
370
69k
Transcript
3FBDUೖ 5BLFTIJNB/BIPLP
ࣗݾհ ϥϯαʔζϓϩμΫτ։ൃ෦ ଔͷ৽ଔ ৽نࣄۀαʔϏεQPPLͷ ϑϩϯτΤϯυΤϯδχΞΛ୲ ࠷ۙۂ໘σΟεϓϨΠಋೖ✨ िϑϦʔϥϯε࢝Ί·ͨ͠ 3FBDUྺܦͪ·ͨ͠ ౡࡊึࢠ !UBLFQP
-BODFST
None
ϝοηʔδ
ϓϩδΣΫτཧ
QPPL
QPPL ͱͱ8FCͰ࡞͍ͬͯͨ $PSEPWBͷ্ʹͤͯ J04 "OESPJEΞϓϦϦϦʔε ݱࡏ8FC J04 "OESPJEͷ։ൃ·Δͬͱɻ
࣍ 3FBDUͱ w 3FBDU w $PNQPOFOU w +49
Α͘ฉ͘͜ΕγϦʔζ ษڧ๏ ·ͱΊ w QSPQTͱTUBUF w $PNQPOFOUϥΠϑαΠΫϧ
3FBDUͱʁ
3FBDUͱʁ 'BDFCPPLͷΦʔϓϯιʔε +BWB4DSJQUͰ6*Λ࡞ΔͨΊ͚ͩͷϥΠϒϥϦ w $PNQPOFOUΛͭ͘Δ͚ͩ w σʔλͷྲྀΕ͕୯Ұํ w Ծ%0.ͰॲཧΛߦ͏
ར༻͍ͯ͠Δاۀ
$PNQPOFOU ࠶ར༻Մೳͳύʔπ ࣗͰࣗͷঢ়ଶΛཧ جຊతʹ$PNQPOFOUΛ࡞ͬͯΈ߹Θͤͯ ΞϓϦέʔγϣϯΛ࡞͍ͬͯ͘ +49ΛͬͨΓͯ͠هड़
+49 ͜Ε'BDFCPPL +BWB4DSJQUͷߏจதʹ 9.-෩ͷͷΛͦͷ··ॻ͚Δ )5.-ͱࣅ͍ͯΔͷͰ ඇΤϯδχΞͰΘ͔Γ͍͢ʂ
$PNQPOFOUͷαϯϓϧ
+49)5.-ͬΆ͍
QSPQTͱTUBUF QSPQT $PNQPOFOUੜ࣌ʹ͔Β͞ΕΔΦϒδΣΫτ $PNQPOFOU͕ը໘͔Βഉআ͞ΕΔ·Ͱෆมͷ *NNVUBCMFͰ͋Γ֎෦ͱͷΠϯλʔϑΣʔεͷׂ TUBUF ಈతʹΛมԽͤ͞ΒΕΔΦϒδΣΫτ $PNQPOFOUͰอ࣋
QSPQTΛͬͨαϯϓϧ
-JTU*UFN$PNQPOFOU
"QQ$PNQPOFOU
͜Μͳ෩ʹ͔͚·͢
TUBUFΛͬͨαϯϓϧ
ͭ͘Γ ࣮ࡍʹΧϯτͤ͞ΔΛTUBUFͰ࣋ͨͤΔ TUBUFಈతʹΛมԽͤ͞ΒΕΔͷͰ ϘλϯΛԡͨ࣌͠ʹTUBUFͷΛมԽͤ͞Δ
"QQ$PNQPOFOU
$PNQPOFOUͷϥΠϑαΠΫϧ $PNQPOFOUʹϥΠϑαΠΫϧϝιου͕͋Δ ϚϯτΞϯϚϯτ͞ΕΔͱ͖ɺ 1SPQT͕มԽ͢Δͱ͖ͳͲͷλΠϛϯάͰݺΕ Δϝιου "1*Λݺͼ͍ͨ༻్ʹ߹Θͤͯ͑Δ
IUUQTRJJUBDPNLBXBDIJJUFNTCGDGFBF
3FBDUͱҰॹʹ Α͘ฉ͘ίϨ
͜Εͳʹʁ w 3FEVY w ZBSO w #BCFM w XFCQBDL w
qPX w $44.PEVMFT
3FEVYʁ 3FBDU͕ѻ͏TUBUFΛ Ұݩཧ͢ΔͨΊͷϑϨʔϜϫʔΫ ΞϓϦ͕େ͖͘ͳͬͯ $PNQPOFOUಉ͕࢜ґଘ͋͠͏Α͏ʹͳΔͱ TUBUFͷཧΛ͢Δ͜ͱ͕େมʹͳΔ 3FEVYΛ͏͜ͱͰ3FBDUͷ$PNQPOFOUͰ TUBUFΛཧͤͣʹQSPQT͚ͩΛ͏Α͏ʹͰ͖Δ
ZBSOʁ ύοέʔδཧπʔϧ ϑϩϯτͰར༻͢ΔϥΠϒϥϦΛ QBDLBHFKTPOͱ͍͏ϑΝΠϧͰཧɻ 3VCZͰ͍͏CVOEMFS ߴʂ
#BCFMʁ &$."4DSJQUͷτϥϯείϯύΠϥ 3FBDUੜ+4ͩͱ͠ΜͲ͍ͷͰ&4Ͱهड़ ͨͩ͠&4 +49ϒϥβͰಈ͔ͳ͍ɻɻɻ &4ɺ+49&4ʹมͯ͘͠ΕΔ
XFCQBDLʁ ΞηοτΛੜ͢ΔϏϧυπʔϧ ෳͷιʔεΛҰͭʹ·ͱΊΒΕΔ KT͚ͩͰͳ͘DTTͱ͔ѻ͑Δ #BCFMXFCQBDLͷϏϧυͰߦ͏
qPXʁ +BWBTDSJQUಈతܕ͚ݴޠ ੩తܕνΣοΫΛͯ͘͠Εͯɺ ࣮ߦલʹܕΤϥʔΛݕग़Ͱ͖Δ 6TFSͳͲಠࣗʹܕఆٛͰ͖ΔͷͰ ίʔυ͕ϦʔμϒϧʹͳΔ
$44.PEVMFTʁ DTTΛ$PNQPOFOU͝ͱʹ࣋ͨͤΒΕΔπʔϧ Ϗϧυ࣌ʹিಥ͕ى͖ͳ͍Α͏ʹ ໊લ͕ࣗಈੜ͞ΕͯϚοϐϯάͯ͘͠ΕΔ #&.ͷ໋໊نଇͱ͔ߟ͑ͳͯ͘ྑ͍ ίϯϙδγϣϯ͑Δ
͍Ζ͍Ζհ͠·͕ͨ͠ ͱΓ͍͋͑ͣͬͺ͍͋ΔͷͰ ͜Μͳͷ͋ΔΜͩఔͰ࠷ॳɻɻ DSFBUFSFBDUBQQΈͯΈͯ IUUQTHJUIVCDPNGBDFCPPLDSFBUFSFBDU BQQ
ษڧ๏
Θͨ͠ͷ3FBDUϨϕϧ ҰԠͬͱʹͳΓ·͢ɻ ࠷ॳ࢝Ίͨ͜Ζ +BWB4DSJQUࣗମ͋Μ·Γ৮ͬͨ͜ͱͳ͍ ֮͑Δ͜ͱ͍Ζ͍Ζ͋Γ͗ͯ͢Θ͚Θ͔Μͳ͍ ᤨຑൃ⚡
Α͏͘ɻ ·ͩ·ֶͩͿ͜ͱ͍Ζ͍Ζ͋Δ͚Ͳָ͍͠ 3FBDUωλͰϒϩάΛॻ͚ΔΑ͏ʹͳͬͨʂ Φʔϓϯιʔε͕ಡΊΔΑ͏ʹͳͬͨʂ 044׆ಈ࢝Ίͯ3FBDUͷϥΠϒϥϦ࡞ͨ͠ΓͰ ͖ΔΑ͏ʹͳͬͨʂ ͯϒ4/4Ͱ ٕज़ωλΛνΣοΫ͢Δश׳͕͍ͭͨʂ
ษڧ๏ ᶃ ެࣜνϡʔτϦΞϧ ᶄ νʔϜͰྠಡձ ᶅ Ұਓ3FBDUKT"EWFOU$BMFOEBS ᶆ Φʔϓϯιʔεʹίϛοτ ᶇ
ΦʔϓϯιʔεΛಡΉ ᶈ ࣮Ͱͷ։ൃ ᶉ ࠷৽ٕज़ͷΩϟονΞοϓ
·ͣެࣜνϡʔτϦΞϧ 3FBDUͷ֓ཁΛ͔ͭΈͭͭਐΊΔ αϯϓϧ͚ͩͰͳͪ͘ΐͬͱࣗͰΞϨϯδɻ 3FEVYಉ࣌ʹΠϯϓοτ͢Δඞཁ͕͋ͬͨͷͰ ಉ͘͡νϡʔτϦΞϧΛͬͯΈΔ
νʔϜͰྠಡձ ։ൃνʔϜΈΜͳ΄΅3FBDUॳ৺ऀ 0`3FJMMZͷೖ3FBDUΛ༻ͯ͠ྠಡձ ղઆ͢ΔਓΛճ͠ͳ͕Βຖؒ νʔϜؒͷࣝڞ༗ઢ߹ΘͤΛͨ͠
Ұਓ3FBDUKT"EWFOU$BMFOEBS ˏLPCB͞ΜʹΑΔ2JJUBͷΞυϕϯτΧϨϯμʔ جຊతͳͱ͜Ζ͕݁ʹॻ͔Ε͍ͯΔ ಡΉ͚ͩͰͳ͘ɺ٧·ͬͨͱ͖ʹௐΔͷʹศར ಛʹϥΠϑαΠΫϧͷͱ͜Ζ ৗʹݟ͑Δͱ͜Ζʹஔ͍͓ͯ͘ͱΑ͍͔
Φʔϓϯιʔεʹίϛοτ ։ൃͨ͠ιʔεΛΦʔϓϯιʔεϥΠϒϥϦԽ ະϚʔδ͕ͩػೳՃͷίϛοτΛࢼΈͨ ֎͔Βίʔυ͕ݟΒΕΔɺΘΕΔ͔͠Εͳ͍ ۓுײΛ࣋ͬͯͰ͖ͯྑ͔ͬͨ
ΦʔϓϯιʔεΛಡΉ ΦʔϓϯιʔεԽ͞Ε͍ͯΔίʔυΛಡΉ ࣮ࡍʹ͍ͬͯΔϥΠϒϥϦΛݟΔͱಈ͖Θ͔ Δ͠ྑ͍ ࠷ॳܰΊͷͷελʔ͕ଟ͍ਓؾͷͷΛ ͓͢͢Ί.BUFSJBM6*
࣮Ͱͷ։ൃ ݁ہ࣮ફ͕Ұ൪ ࣮ʹݶΒͣखΛಈ͔ͯ͠ݟΔ͜ͱ͕େࣄ ϨϏϡʔͰࢦఠΛΒ͑Δ ଞͷਓͷίʔυΈΕΔ ͭ·͍ͮͨ࣌ʹάάΔɺڭ͑ͯΒ͏
࠷৽ใͷΩϟονΞοϓ ࠓ·ͰଞݴޠֶͿ࣌ຊͱ͔͕΄ͱΜͲ ͰϑϩϯτपΓͷਐԽͷεϐʔυ͕ૣ͍ͷͰ ͭͶʹΩϟονΞοϓͷඞཁ͕͋Δ ͯͿɺRJJUBɺ4/4ΛຖνΣοΫ
ϥϯαʔζΤϯδχΞϒϩά ։ൃϝϯόʔ͕ॻ͍ͨϒϩάެ։த w ϥϯαʔζྲྀ3FBDUKTSFEVYΞϓϦ։ൃೖ w 3FBDU3FEVYΛ༻͍ͨ41"৽نαʔϏεΛӡ ༻ͯ͠ಘͨݟͱ࣮ྫ w +BWB4DSJQUॳ৺ऀͷࢲ͕ɺ3FBDUº3FEVYʹΑΔ 41"։ൃͷҰһʹͳΔ·Ͱ
ͳͲͳͲɻ
·ͱΊ
·ͱΊ 3FBDUෑډߴͦ͏ʹࢥ͑Δ͚Ͳݪཧ؆୯ $PNQPOFOUͷΈ߹ΘͤͳͷͰɺ QSPQTͱTUBUFΛ͓͑͞Ε࡞ΕΔʂ ·ͣެࣜνϡʔτϦΞϧ͔Βɻ ͋ͱͨΓલ͚ͩͲ࣮ફ͕େࣄ ࠓ͏ใଟ͍ͷͰେৎʂ
3FBDUؒ ืूதͰ͢ʂ
Ұॹʹָ͠Έ·͠ΐ͏
None
ࢀߟจݙ 3FBDUKTͱ IUUQRJJUBDPNLPCBJUFNTEDBGBCCG 3FEVYೖʲμΠδΣετ൛ʳͰཧղ͢Δ3FEVYͷجૅ IUUQRJJUBDPNLJJUBJUFNTBGCDGC