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
4.8k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Do you like Storybook?
nus3
June 30, 2023
More Decks by nus3
See All by nus3
フロントエンド刷新 4年間の軌跡
yotahada3
0
1.7k
WebDriver BiDi 2025年のふりかえり
yotahada3
1
1.1k
Playwrightはどのようにクロスブラウザをサポートしているのか
yotahada3
9
3k
DenoでOpenTelemetryに入門する
yotahada3
2
700
WebDriver BiDiとは何なのか
yotahada3
1
1.1k
コンポーネントテストの手法と その効果を考える
yotahada3
8
2k
フロントエンドクイズ大会
yotahada3
0
180
Node.jsのWorker threadsの話
yotahada3
1
1.7k
ワタシとPodcast
yotahada3
2
2.4k
Other Decks in Technology
See All in Technology
スクラムで身についていた動き方を、XPで捉え直してみた
codmoninc
PRO
1
200
Bet AI Day 2026丨AIによって本質に戻るシステムリスク管理
layerx
PRO
0
880
PfEingのアプローチで働こう
rindrics
0
180
[RSJ26] NarrativeFlow: Flow-Based Vision-Language-Action Model Using Robot Velocity Fields
keio_smilab
PRO
0
160
プロダクトエンジニアに必要な「いい感じ」に作る能力 〜たくさん作れる時代に、どこまで作るかの決め方〜
jnishime_dresscode
2
1.4k
「重なり」は迎える側がつくる ― 人もAIエージェントも歓迎するプロダクトエンジニアリング ―
go0517go
PRO
0
240
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
lycorptech_jp
PRO
0
190
#jawssonic2026 あの時代が悪かった ~動かなかったSageMakerと共に迎えたイベント当日~
ktkn1129
0
130
ブラウザアプリの継続的パフォーマンスモニタリング (序) / Continuous Browser Application Performance Monitoring; Act 1
moznion
0
110
[RSJ26] Building a VLA Model Based on Self-Distilled Classification
keio_smilab
PRO
0
190
Tab5をRubyで動くパソコンにする
kishima
1
180
Redmine 7.0で私が開発した新機能の狙いと背景
vividtone
1
110
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Faster Mobile Websites
deanohume
310
32k
Automating Front-end Workflow
addyosmani
1369
210k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.3k
Product Roadmaps are Hard
iamctodd
55
13k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
680
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
560
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.9k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
500
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
510
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