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.4k
Do you like Storybook?
nus3
June 30, 2023
Tweet
Share
More Decks by nus3
See All by nus3
DenoでOpenTelemetryに入門する
yotahada3
2
440
WebDriver BiDiとは何なのか
yotahada3
1
340
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.7k
フロントエンドクイズ大会
yotahada3
0
100
Node.jsのWorker threadsの話
yotahada3
1
1.2k
ワタシとPodcast
yotahada3
2
1.4k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
830
App Runner & Next.js
yotahada3
0
160
frontend-couse03
yotahada3
1
140
Other Decks in Technology
See All in Technology
低レイヤソフトウェア技術者が YouTuberとして食っていこうとした話
sat
PRO
7
5.8k
Talk to Someone At Delta Airlines™️ USA Contact Numbers
travelcarecenter
0
170
P2P通信の標準化 WebRTCを知ろう
faithandbrave
6
2.3k
20250719_JAWS_kobe
takuyay0ne
1
160
AI駆動開発 with MixLeap Study【大阪支部 #3】
lycorptech_jp
PRO
0
210
「手を動かした者だけが世界を変える」ソフトウェア開発だけではない開発者人生
onishi
12
5.5k
メモ整理が苦手な者による頑張らないObsidian活用術
optim
0
120
MCPに潜むセキュリティリスクを考えてみる
milix_m
1
740
公開初日に個人環境で試した Gemini CLI 体験記など / Gemini CLI実験レポート
you
PRO
3
340
TypeScript 上達の道
ysknsid25
10
1.3k
20250718_ITSurf_“Bet AI”を支える文化とコストマネジメント
helosshi
1
210
DatabricksのOLTPデータベース『Lakebase』に詳しくなろう!
inoutk
0
110
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Music & Morning Musume
bryan
46
6.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
370
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
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