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
470
WebDriver BiDiとは何なのか
yotahada3
1
400
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.7k
フロントエンドクイズ大会
yotahada3
0
110
Node.jsのWorker threadsの話
yotahada3
1
1.2k
ワタシとPodcast
yotahada3
2
1.5k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
840
App Runner & Next.js
yotahada3
0
160
frontend-couse03
yotahada3
1
140
Other Decks in Technology
See All in Technology
異業種出身エンジニアが気づいた、転向して十数年経っても変わらない自分の武器とは
macnekoayu
0
280
生成AI時代のデータ基盤
shibuiwilliam
4
2.8k
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
sansan_randd
1
120
なぜSaaSがMCPサーバーをサービス提供するのか?
sansantech
PRO
7
2.2k
Language Update: Java
skrb
2
240
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
soneo1127
0
270
大「個人開発サービス」時代に僕たちはどう生きるか
sotarok
18
8.3k
データアナリストからアナリティクスエンジニアになった話
hiyokko_data
2
380
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
1
150
Function Body Macros で、SwiftUI の View に Accessibility Identifier を自動付与する/Function Body Macros: Autogenerate accessibility identifiers for SwiftUI Views
miichan
2
160
Kubernetes における cgroup driver のしくみ: runwasi の bugfix より
z63d
2
120
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
290
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
510
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Embracing the Ebb and Flow
colly
87
4.8k
Why You Should Never Use an ORM
jnunemaker
PRO
59
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