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
270
React入門会@lagoon
shimabee
January 25, 2020
Tweet
Share
Other Decks in Programming
See All in Programming
速いWebフレームワークを作る
yusukebe
5
1.7k
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
6
2.5k
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
860
RDoc meets YARD
okuramasafumi
4
170
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.6k
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
270
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
600
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
120
ProxyによるWindow間RPC機構の構築
syumai
3
1.2k
Kiroで始めるAI-DLC
kaonash
2
590
Vue・React マルチプロダクト開発を支える Vite
andpad
0
110
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
45
7.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Visualization
eitanlees
148
16k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
GraphQLとの向き合い方2022年版
quramy
49
14k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Designing Experiences People Love
moore
142
24k
A Modern Web Designer's Workflow
chriscoyier
696
190k
The Invisible Side of Design
smashingmag
301
51k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
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࠷ߴ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ