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入門会@lagoon
Search
shimabee
January 25, 2020
Programming
0
250
React入門会@lagoon
shimabee
January 25, 2020
Tweet
Share
Other Decks in Programming
See All in Programming
Site Reliability Engineering for GMO
pyama86
6
970
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
220
Elm Form Validation
bkuhlmann
0
510
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
180
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.3k
Rails と人魚の話/rails-and-mermaid
sanfrecce_osaka
0
100
Elm 0.19.0 Changes
bkuhlmann
0
490
Semantic search with Django and pgvector
pauloxnet
0
240
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
130
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
160
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
3
790
スクラムチームと認知負荷 - ニフティのスクラムトーク Vol2. / NIFTY Tech Talk #18
niftycorp
PRO
1
120
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
[RailsConf 2023] Rails as a piece of cake
palkan
22
3.9k
Code Review Best Practice
trishagee
54
15k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
186
16k
Six Lessons from altMBA
skipperchong
20
3k
The Illustrated Children's Guide to Kubernetes
chrisshort
29
46k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
A better future with KSS
kneath
231
16k
GraphQLとの向き合い方2022年版
quramy
31
12k
Music & Morning Musume
bryan
41
5.6k
Designing for Performance
lara
601
67k
Transcript
3FBDUೖ
ɹγϚϒʔ ɾླྀٿେֶɹ࢈ۀܦӦֶՊ ɾ$0%&#"4&ɹظ ɾझຯɿΞχϥδɺϥϯχϯά ɾ࠷ۙ+4͕͖ ɾࡶڕ͚ͩͲɺϑϩϯτόο ΫΠϯϑϥͬͯΈ͍ͨ
͠·Ϳʔͷඪ ɾ3FBDUΛϑϫͬͱཧղͯ͠Β͏ɻ ɾ3FBDUʹڵຯΛ࣋ͬͯΒ͏ɻ
͘͡ 3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ
DPNQPOFOUͱ
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
3FBDUͱ 'BDFCPPL͕։ൃͨ͠ ɹΞϓϦέʔγϣϯͷ6*Λ࣮͢ΔͨΊͷ ɹɹɹɹɹɹɹɹɹɹɹɹɹ+4ϥΠϒϥϦʔ 'BDFCPPL TMBDL 2JJUBͳͲͰΘΕ͍ͯΔΑʂ
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
3FBDUͷಛ ίϯϙʔωϯτࢦ Ծ%0.
3FBDUͷಛ ίϯϙʔωϯτࢦ Ծ%0.
ίϯϙʔωϯτࢦͱ ίϯϙʔωϯτ6*Λ෦Խͨ͠ͷͰ ϖʔδΛߏ͢Δ ˡͭ·Γɺ͜͏͍͏͜ͱ
None
None
Ͱɺݟͨࠓ·ͰͱҰॹ͡ΌΜʂ ɹɹɹɹɹࠓ·Ͱ͜ΜͳαΠτ࡞Εͯͨͷ͕ͩʜ
ίϯϙʔωϯτʢ෦ʣ͝ͱʹผͷϑΝΠ ϧͰ࡞ͬͯɺ͍͍ͨͱ͜ΖͰݺͼग़͢ͱ ͍͍ͬͨํ͕Ͱ͖Δɻ ࠓ·Ͱͱҧ͏ͱ͜Ζ
Ұຕͷ)5.-ʹॻ͔Ε͍ͯͳ͍͠ɺ ͍·ΘͤΔ தͷจݴ͚ͩม͑ΕΔ ۩ମతͳ͜ͱޙ΄Ͳ
ίϯϙʔωϯτࢦͷϝϦοτ ɾίʔυ͕Γ͚ΒΕ͍ͯΔͷͰ ɹɹɹɹɹɹɹখ͞ͳ୯ҐͰίʔυΛߟ͑ΒΕΔ ɾݟΔ͖ͱ͜Ζ͕ϋοΩϦ͢ΔͷͰ ɹɹɹɹɹɹίʔυΛཧղ͘͢͠อ͍࣋͢͠ ɾσβΠϯͷ࠶ར༻͕؆୯
3FBDUͷಛ ίϯϙʔωϯτࢦ Ծ%0.
Ծ%0.ͱ ɾ+4ͷΦϒδΣΫτʹΑΓ ɹɹɹɹɹɹԾతʹ࡞ΒΕͨ%0. ɾมߋʹڧ͘ߏங͕͍ͷͰɺද͕͍ࣔ
ͳΜͰԾ%0.͍ͷʁ
มߋ มߋ ϖʔδͷભҠͱ͔ දࣔ දࣔ %0. Ծ%0. %0. ࠶ߏங มߋ෦͚ͩߏங
ͬͱԾ%0.ΛΓ͍ͨਓ ϦΞϧͳ%0.ͳ͍ͥͷ͔ 7JSUVBM%0.ͷࣄͬͯͳʹʁ ͋ͱҰͭͷࢿྉʹϦϯΫࡌ͍ͬͯ·͢
͜͜·ͰͰԿ͔࣭͋Γ·͔͢ʁ
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
)BDL.%ͷࢿྉʂ )FMMP 3FBDU·ͰͬͯΈΔʂ
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
+49ͱ w +BWB4DSJQU9.-ͷུͰɺ+4ͷ֦ுݴޠɻ w 3FBDUΛ༻͍ͯ)5.-Λग़ྗ͢Δࡍʹɺॻ͖ ख͕ײతʹॻ͖͍͢Α͏ʹΧελϚΠζ ͞Εͨݴޠɻ
ݴ༿Ͱݴ͔ͬͯΓͮΒ͍ͷͰ ίʔυΛݟൺͯΈΑ͏ʂ
+49Λ͏ͱ)5.-෩ʹॻ͘͜ͱ͕Ͱ͖ΔͷͰ ݟ͍͢ɺॻ͖͍͢ɺ͍͢͝خ͍͠ +49ͷ·ͱΊ
͜͜·ͰͰԿ͔࣭͋Γ·͔͢ʁ ʢٳܜʣ
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
$PNQPOFOUͱ w 3FBDUͰදࣔ͢Δ෦ͷ͜ͱɻ w දࣔ͢Δ༰ɺඞཁͳσʔλɺॲཧ Λͻͱ·ͱΊʹͨ͠ͷɻ
None
ίϯϙʔωϯτͷछྨ w$MBTTίϯϙʔωϯτ wؔίϯϙʔωϯτ
ίϯϙʔωϯτͷछྨ w$MBTTίϯϙʔωϯτ wؔίϯϙʔωϯτ
ίϯϙʔωϯτͷछྨ w$MBTTίϯϙʔωϯτ wؔίϯϙʔωϯτ
ίϯϙʔωϯτΛ͏্Ͱԡ͓͖͑ͯ֓͘͞೦ ίϯϙʔωϯτͷଐੑQSPQT ίϯϙʔωϯτͷͷอݿTUBUF
QSPQT wίϯϙʔωϯτͷଐੑ wࢠίϯϙʔωϯτؒͷσʔλड͚͠ wಡΈऔΓઐͰมߋͰ͖ͳ͍
QSPQTΛମݧͯ͠ΈΑ͏ʂ
6TFSͱ͍͏ؔίϯϙʔωϯτ Λ࡞Δ 6TFSʹOBNFଐੑɺFNBJMଐੑΛ࣋ͨͤΔ 6TFSΛඳը͢Δؔίϯϙʔωϯτ"QQΛ࡞Δ "QQίϯϙʔωϯτͰɺ6TFSίϯϙʔωϯτ
ʢࢠʣΛݺͼग़͠ɺඳըͷࡍʹOBNFଐੑɺFNBJM ଐੑʹ۩ମతͳΛ࣋ͨͤΔɻ ࠓ͔ΒΔ͜ͱ
QSPQTͷߟ͑ํ௫Ί·͔ͨ͠ʁ
TUBUF wίϯϙʔωϯτͷͷอݿ wίϯϙʔωϯτͰͷใอ࣋ wมߋՄೳʢୠ͠ɺมߋ/(ʣ wมߋ͢Δࡍίπ͕͍ΔʢTFU4UBUFʣ
TUBUFΛମݧͯ͠ΈΑ͏ʂ
ࠓ͔ΒΔ͜ͱ $PVOUFSΫϥείϯϙʔωϯτΛ࡞Δ $PVOUFSΛ$POTUSVDUPSͰॳظԽ ॳظԽ࣌ʹTUBUFͷઃஔ DPVOU6Qͱ͍͏TUBUFΛߋ৽͢ΔϝιοτΛ࡞Δ
SFOEFSͰTUBUFͷΛදࣔ͢Δ DPVOU6QϝιοτΛ࣮ߦ͢ΔϘλϯΛ࡞Δ
TUBUFͷߟ͑ํ௫Ί·͔ͨ͠ʁ
ίϯϙʔωϯτΛผϑΝΠϧʹʂ
ࠓ͔ΒΔ͜ͱ "QQKTͱಉ͡֊ʹ$PVOUFSKTΛ࡞Δ $PVOUFSKTʹ$PVOUFS$MBTTΛҠಈ $PVOUFS$MBTTΛFYQPSU "QQKTͰ$PVOUFS$MBTTΛJNQPSU
ίϯϙʔωϯτͱ͍͏֓೦Λ ௫ΊͨͰ͠ΐ͏͔ʁ
·ͱΊ 3FBDUԾ%0.ͷ͓ӄͰද͕ࣔૣ͍ ίϯϙʔωϯτࢦͰίʔυཧ͕͍͢͠ ίʔυͷ࠶ར༻͍͢͠ ͭ·Γɺ3FBDU࠷ߴ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ