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
Do you like Storybook?
Search
nus3
June 30, 2023
Technology
2
4.5k
Do you like Storybook?
nus3
June 30, 2023
Tweet
Share
More Decks by nus3
See All by nus3
Playwrightはどのようにクロスブラウザをサポートしているのか
yotahada3
8
2.5k
DenoでOpenTelemetryに入門する
yotahada3
2
520
WebDriver BiDiとは何なのか
yotahada3
1
530
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.8k
フロントエンドクイズ大会
yotahada3
0
120
Node.jsのWorker threadsの話
yotahada3
1
1.3k
ワタシとPodcast
yotahada3
2
1.6k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
850
App Runner & Next.js
yotahada3
0
170
Other Decks in Technology
See All in Technology
Data Engineering Guide 2025 #data_summit_findy by @Kazaneya_PR / 20251106
kazaneya
PRO
7
1.2k
猫でもわかるAmazon Q Developer CLI 解体新書
kentapapa
1
310
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
1
800
Snowflakeとdbtで加速する 「TVCMデータで価値を生む組織」への進化論 / Evolving TVCM Data Value in TELECY with Snowflake and dbt
carta_engineering
0
140
触れるけど壊れないWordPressの作り方
masakawai
0
660
AWSが好きすぎて、41歳でエンジニアになり、AAIを経由してAWSパートナー企業に入った話
yama3133
2
230
Spec Driven Development入門/spec_driven_development_for_learners
hanhan1978
0
610
サブドメインテイクオーバー事例紹介と対策について
mikit
15
7.2k
書籍『実践 Apache Iceberg』の歩き方
ishikawa_satoru
0
470
kotlin-lsp の開発開始に触発されて、Emacs で Kotlin 開発に挑戦した記録 / kotlin‑lsp as a Catalyst: My Journey to Kotlin Development in Emacs
nabeo
2
310
20251102 WordCamp Kansai 2025
chiilog
1
530
AIの個性を理解し、指揮する
shoota
3
630
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
The Language of Interfaces
destraynor
162
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
How GitHub (no longer) Works
holman
315
140k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
Making Projects Easy
brettharned
120
6.4k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Code Review Best Practice
trishagee
72
19k
GitHub's CSS Performance
jonrohan
1032
470k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How to Think Like a Performance Engineer
csswizardry
27
2.2k
Transcript
4UPSZCPPL͓͖Ͱ͔͢ʁ
OVT ͳ͢͞Μ ࡀஉੑಢݝࡏॅ
4UPSZCPPLͬͯ·͔͢ʁ
4UPSZCPPLͰͰ͖Δ͜ͱ
IUUQTTUPSZCPPLKTPSH
IUUQTTUPSZCPPLKTPSH #VJME6*DPNQPOFOUT BOEQBHFTJOJTPMBUJPO
IUUQTTUPSZCPPLKTPSH
IUUQTTUPSZCPPLKTPSH
5FTU6*TXJUIMFTTFGGPSU BOEOPGMBLF IUUQTTUPSZCPPLKTPSH
IUUQTTUPSZCPPLKTPSHEPDTSFBDUXSJUJOHEPDTJOUSPEVDUJPO
IUUQTTUPSZCPPLKTPSHEPDTSFBDUXSJUJOHEPDTJOUSPEVDUJPO %PDVNFOU6*GPSZPVS UFBNUPSFVTF
༷ʑͳ6*ϥΠϒϥϦɺϑϨʔϜϫʔΫΛ αϙʔτ
༷ʑͳ6*ϥΠϒϥϦɺϑϨʔϜϫʔΫΛ αϙʔτ
͜Μͳʹଟ͘ͷ6*ϥΠϒϥϦ͕ ͳͥ4UPSZCPPL্ͰදࣔͰ͖Δͷ͔
զʑͦͷಾΛղ͖໌͔͘͢ɺ4UPSZCPPLͷԞͱ͔ͬͨ
˞ҙࣄ߲ όʔδϣϯ4UPSZCPPLWBMQIB ར༻͍ͯ͠ΔόʔδϣϯɾϥΠϒϥϦʹΑͬͯΈ͕ҟͳΔ߹͕͋Γ·͢ ར༻ϥΠϒϥϦ
TUPSZCPPLEFWΛ࣮ߦ͢Δͱ ϩʔΧϧͰ4UPSZCPPL͕ىಈ͢Δ
None
ͪͳΈʹ .BOBHFS෦3FBDU IUUQTXXXOQNKTDPNQBDLBHF!TUPSZCPPLNBOBHFS !TUPSZCPPLNBOBHFSͱ͍͏ύοέʔδ͕֘ͯ͠Δ:0
͜ͷ෦
TUPSZCPPLEFWΛ࣮ߦ͢Δͱ FYQSFTTΛͬͨ/PEFKTαʔόʔ͕ ϩʔΧϧͰىಈ͢Δ
None
͜ͷ෦
JGSBNFIUNMʹϦΫΤετΛૹΔͱ 4UPSZCPPLͰԿ͕ߦΘΕ͍ͯΔͷ͔ʁ
ᶃTUPSZCPPLEFWͷ࣮ߦ࣌ʹ DPOGJHΛಡΈࠐΉ
IUUQTTUPSZCPPLKTPSHEPDTSFBDUBQJNBJODPOGJHNBJOKTPSNBJOUT
IUUQTTUPSZCPPLKTPSHEPDTSFBDUBQJNBJODPOGJHNBJOKTPSNBJOUT
GSBNFXPSLʹ ରԠ͍ͯ͠Δͷ
IUUQTHJUIVCDPNTUPSZCPPLKTTUPSZCPPLUSFFOFYUDPEFGSBNFXPSLT TUPSZCPPLDPEFGSBNFXPSLT
IUUQTHJUIVCDPNTUPSZCPPLKTTUPSZCPPLUSFFOFYUDPEFGSBNFXPSLT TUPSZCPPLDPEFGSBNFXPSLT ͜ΕΒͷύοέʔδ ಉ໊͡લͷϞδϡʔϧͰɺ ಉ͡ܕͷΦϒδΣΫτΛ FYQPSU͍ͯ͠Δ
!TUPSZCPPLSFBDUWJUF !TUPSZCPPLTWFMUFWJUF !TUPSZCPPLWVFXFCQBDL
!TUPSZCPPLSFBDUWJUF !TUPSZCPPLTWFMUFWJUF !TUPSZCPPLWVFXFCQBDL
TUPSZCPPLEFW࣌ɺ ͜ΕΒͷϞδϡʔϧΛ EZOBNJDJNQPSU͍ͯ͠Δ
DPEFMJCDPSFTFSWFSTSDVUJMTHFUCVJMEFSTUT
DPOGJH͔Β ͲͷΑ͏ʹίϯϙʔωϯτΛ ϨϯμϦϯά͢Δ͔Λஅ͍ͯ͠Δ
ᶄCVJMEFSΛͬͯɺ ).3͢Δ։ൃαʔόʔΛ࡞Δ
CVJMEFS͕ !TUPSZCPPLCVJMEFSWJUF ͷ߹
7JUFʹ։ൃαʔόʔΛ ϛυϧΣΞͱͯ͠࡞Ͱ͖Δ Ϟʔυ͕͋Δ IUUQTWJUFKTEFWHVJEFTTSIUNMTFUUJOHVQUIFEFWTFSWFS
IUUQTWJUFKTEFWHVJEFTTSIUNMTFUUJOHVQUIFEFWTFSWFS
TUPSZCPPLDPEFCVJMEFSTCVJMEFSWJUFTSDJOEFYUT
TUPSZCPPLDPEFCVJMEFSTCVJMEFSWJUFTSDWJUFTFSWFSUT
None
ᶅSFOEFSFSΛͬͯ4UPSZΛ ϨϯμϦϯά͢Δ
TUPSZCPPLEFW࣌ɺ ϒϥβͰ࣍ͷΑ͏ͳ +4ϑΝΠϧ͕ಡΈࠐ·ΕΔ
None
None
DPOGJH͔Β֘ͷ TUPSZϑΝΠϧΛϚοϐϯά͠ EZOBNJDJNQPSUͰ͖Δ ؔΛ༻ҙ
IUUQTTUPSZCPPLKTPSHEPDTSFBDUBQJNBJODPOGJHNBJOKTPSNBJOUT
None
DPOGJHͰऔಘͨ͠SFOEFSFSͷύοέʔδΛEZOBNJDJNQPSU
GSBNFXPSL͔ΒSFOEFSFSΛ औಘ͢Δ
IUUQTTUPSZCPPLKTPSHEPDTSFBDUBQJNBJODPOGJHNBJOKTPSNBJOUT
!TUPSZCPPLSFBDUWJUF !TUPSZCPPLTWFMUFWJUF !TUPSZCPPLWVFXFCQBDL
SFOEFSFSಉ༷ʹ ಉ͡ܕͷϞδϡʔϧΛ ͦΕͧΕFYQPSU͍ͯ͠Δ
!TUPSZCPPLSFBDU !TUPSZCPPLTWFMUF !TUPSZCPPLWVF
None
SFOEFSFS͔Βఏڙ͞ΕΔSFOEFSؔͱ TUPSZϑΝΠϧΛEZOBNJDJNQPSUͰ͖Δ JNQPSU'OؔΛͬͯ1SFWJFX8FC͕ ͍͍ײ͡ʹίϯϙʔωϯτΛ ϨϯμϦϯάͯ͘͠ΕΔ
͍͍ײ͡ʹ ϨϯμϦϯάͯ͘͠ΕΔ ͬͯͲΏ͜ͱʁ
SFOEFSFS͕ !TUPSZCPPLSFBDU ͷ߹
TUPSZCPPLDPEFSFOEFSFSTSFBDUTSDSFOEFSUTY
TUPSZCPPLDPEFSFOEFSFSTSFBDUTSDSFOEFSUTY
TUPSZCPPLDPEFSFOEFSFSTSFBDUTSDSFOEFSUTY ҾͰड͚औΔDPOUFYUͷதʹ͋Δ DPNQPOFOUΛฦͯ͠Δ
DPOUFYUͷDPNQPOFOU Ͳ͔͜ΒདྷΔͷ͔
4UPSZϑΝΠϧ͕ͲͷΑ͏ʹ ఆٛ͞Ε͍ͯΔͷ͔ݟͯΈΑ
$4'ͷ 4UPSZϑΝΠϧ ͜Μͳײ͡
$4'ͷ 4UPSZϑΝΠϧ ͜Μͳײ͡
$4'ͷ 4UPSZϑΝΠϧ ͜Μͳײ͡ $4'Ͱఆٛ͞ΕΔDPNQPOFOUϓϩύςΟ͕ SFOEFSؔʹ͞Ε͍ͯΔ 4UPSZϑΝΠϧ͔ΒDPNQPOFOUΛड͚औΓɺ SFOEFSؔʹͯ͘͠ΕΔͷ͕1SFWJFX8FC
None
'JO