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
3.8k
Do you like Storybook?
nus3
June 30, 2023
Tweet
Share
More Decks by nus3
See All by nus3
ワタシとPodcast
yotahada3
2
780
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
660
App Runner & Next.js
yotahada3
0
89
frontend-couse03
yotahada3
1
77
frontend-couse02.pdf
yotahada3
0
52
Frontend couse01
yotahada3
0
180
sot-podcast
yotahada3
0
1.7k
Before starting vue
yotahada3
0
13k
カオスなフロントエンドと戦うために
yotahada3
0
110
Other Decks in Technology
See All in Technology
ワールドカフェI /チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
150
AWS学習者向けにAzureの解説スライドを作成した話
handy
3
190
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
5
710
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
6
1.2k
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
150
リテール金融(キャッシュレス・ネット銀行・ネット証券)の競争環境と経済圏
8maki
0
1.6k
家族アルバム みてねにおけるGrafana活用術 / Grafana Meetup Japan Vol.1 LT
isaoshimizu
1
970
The AI Revolution Will Not Be Monopolized: Behind the scenes
inesmontani
PRO
1
160
【SORACOM UG 東海】あらゆるモノがつながる社会へ、IoT と SORACOM
soracom
PRO
1
140
R3のコードから見る実践LINQ実装最適化・コンカレントプログラミング実例
neuecc
3
2.4k
【基本】データベース設計
oracle4engineer
PRO
2
170
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
210
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
Why Our Code Smells
bkeepers
PRO
331
56k
Building Effective Engineering Teams - LeadDev
addyosmani
32
1.9k
What's new in Ruby 2.0
geeforr
337
31k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Optimising Largest Contentful Paint
csswizardry
12
2.4k
Typedesign – Prime Four
hannesfritz
36
2.1k
Building Your Own Lightsaber
phodgson
100
5.7k
Mobile First: as difficult as doing things right
swwweet
217
8.6k
Done Done
chrislema
178
15k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
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