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
React/Storybookと、全員参加型のUI開発
Search
8845musign
August 25, 2017
Technology
3
1.7k
React/Storybookと、全員参加型のUI開発
DIST.17 「Webデザインの現場のための効率化術」
8845musign
August 25, 2017
Tweet
Share
More Decks by 8845musign
See All by 8845musign
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
200
業務システムに必要なアクセシビリティ
8845musign
1
890
業務システム狂詩曲
8845musign
3
1.9k
READING The Atomic Workflow
8845musign
3
590
いまさら styled components 入門した
8845musign
3
730
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.5k
チームをかえていくこと そして、泥臭さについて
8845musign
1
1.8k
感性デザインとは?
8845musign
3
1.6k
○DD駆動開発
8845musign
1
130
Other Decks in Technology
See All in Technology
オブジェクトのおしゃべり大失敗 メッセージングアンチパターン集 / messaging anti-pattern collection
ytake
0
330
長文から長文を生成するLLMツールをオープンソースで作ってみた。
tomohisa
2
140
KubeCon EU 2024 : Knative Maintainers Session
salaboy
0
370
単回帰分析について数式を追いながら実装してみた
kentaitakura
0
500
データマネジメントを支える武器としてのメタデータ管理
10xinc
1
370
任意コード実行の原理
ffri
0
170
Introduction to Jetpack Compose
pohjus
1
110
生成AIの不確実性と向き合うためのオブジェクト指向設計
tkikuchi1002
2
660
20240321_生成AI時代のDevOps
kzkmaeda
2
610
Challenges - Open Farming Hackdays 2024
loleg
0
560
ビジネスロジックを「型」で表現するOOPのための関数型DDD / Functional And Type-Safe DDD for OOP
yuitosato
29
12k
Oracle Database で機械学習を始めよう! Oracle Machine Learning
oracle4engineer
PRO
1
140
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
RailsConf 2023
tenderlove
0
510
How STYLIGHT went responsive
nonsquared
92
4.7k
From Idea to $5000 a Month in 5 Months
shpigford
376
45k
Keith and Marios Guide to Fast Websites
keithpitt
407
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.5k
Visualization
eitanlees
135
14k
Building Applications with DynamoDB
mza
88
5.6k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Making the Leap to Tech Lead
cromwellryan
123
8.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
67
38k
Transcript
3FBDU4UPSZCPPLͱɺ શһࢀՃܕͷ6*։ൃ %*45 ʮ8FCσβΠϯͷݱͷͨΊͷޮԽज़ʯ σ β Π ϯ
ෲےϩʔϥʔΤϰΝ ϯδ Σ Ϧ ε τࣾγ Σ ϑ )5.-$44+BWB4DSJQU6*Ϧʔ υͬ
Ά͍ 4/4!NVTJHO ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ
ෲےϩʔϥʔΤϰΝ ϯδ Σ Ϧ ε τࣾγ Σ ϑ )5.-$44+BWB4DSJQU6*Ϧʔ υͬ
Ά͍ 4/4!NVTJHO ԣथ ෲےϩʔϥʔͷྗΛ৴͡Ζ 53645"#30--&3
ʮσβΠ φʔ ʯ ͱ ʮΤϯδχΞ ʯ ͷڠۀ ࠓ͢͜ͱ
πʔϧͷ ͳ ͘ ͳΓ · ͨ͠ ͕࣌ؒ͋ͬͨΒʜ
ࢲ͕+PJO ͨ࣌͠ͷ՝ w σβΠφʔͱͷؔੑ͕رബ w σβΠφʔͷλεΫաଟ
σβΠ φʔ ͱΤϯδχΞ σβΠφʔ Ϧʔμʔ ʢΤϯδχΞʣ ΤϯδχΞ ͍͍ͩͨ ͜ ͜Ͱղܾ
ͨ·ʹ ૬ஊ
σβΠ ϯ όϥόϥࣄ݅ w ΤϯδχΞ͕σβΠϯʹಠࣗղऍΛՃ͑ͯ ಥ͖ਐΜͩ݁Ռ w DPMPSˠ ʜ w
GPOUTJ[FˠQY QY MBSHFʜ
'BOUBTUJD
͑ Β͍ਓݴ͏
༨༟͕Ͱ͖ͨΒ σβΠϯ ౷Ұ͠ ͍ͯ͜ ͏ ʮ ʯ
ͦΜͳͲ͏ͤ དྷͳ͍
݂ుΛు͖ͳ͕Β ͬ ͍͖ͯ
ί ϛ ϡχέʔγ ϣ ϯ͕ Γ ͳ͍ w ·͖ͨ͗ίϛϡχέʔγϣϯ w
͓Μͳ͡ΦϑΟεʹ͍ͳ͕ΒΒͳ͍ਓ w ͍ͬ͜͏ʹҭͨͳ͍৴པײ
ظ͢Δ Ξ τ ϓ ο τ
ΒΉޡղ
σβΠ φʔ Α ΓԶͨͪͷ΄͏ ͕ 8FCΛɺ 6*ΛΘ͔ͬ ͯ Δ ʮ
ʯ ʮ ʯ
σβΠ φʔͷ๊͑ ͍ͯΔ ͷ w ͨ͘͞Μͷཁ͍ΖΜͳϢʔβʔ w ϏδϡΞϧͷΫΦϦςΟ w ϓϩμΫτࣗମҎ֎ͷσβΠϯλεΫ
w ΤϯδχΞ͔Βݟ͍͑ͯͳ͍ͷ͕ͨ͘͞Μ
ͳΜͱ͔ͤͳͳ
ʮԶ͕6*୲ͩʯ ͱ ΞϐΓͩͨ͠
࣮ࡍʹ6*ʹؔ͢Δ ૬ஊ͕͖ͩͨ͠
͑Δ w ͜͏͍͏6*ͷํ͕Α͍͔͠Ε·ͤΜͶ w ڞ௨Խͯ͠ϧʔϧԽ͢ΔνϟϯεͰ w ͰσβΠφʔ͞Μͱʹ͍ͬͯΒ͑·͔͢ʁ
͖Ί·ͤʙʙ Μ ͳ͠·ͤʙ Μ ʜ ϑΝ Π τ͒ʙ
ॿ͚सग़͢ w ͜ͷσβΠϯʙΈ͍ͨͳҙਤ͕͔ͨ͠͠Β ͋ΔͷͰʙ w σβΠϯґཔ͢ΔࡍʙͷใσβΠφʔ͞Μ ʹ͑ͨํ͕Α͍ͷͰʁ w σβΠφʔ͞Μɺ৭ࢦఆʷʷʷͰ ໌هͯ͘͠ΕΔͱΤϯδχΞॿ͔Γ·͢
ਓ ΛؒʹΛஔ͍ͨͱ ͠ ͯɺ σβΠ φʔ 6*Ϧʔ υ ΤϯδχΞ ฉ͘
ݕ౼͢Δ
͜ͷؔʹͳͬ ͨͱ ͠ ͯɺ ղܾ͢Δ͔ ʁ
σβΠφʔ 6*Ϧʔ υ Τϯδ χΞ
ʮ૭ޱʯ ͠ͳ͍
ԥΓ ͋ ͬ ͯ ͘ ͍ͩ͞
ͰɺσβΠ φʔ͞Μͱ Ͳ͏͓͠ΌΓ ͢Δ ʁ
w ʮ͜Εͱ͜Εɺࡉ͔͍ҧ͍͕͋Γ·͕͢ ͲΜͳͩ͜ΘΓ͕͋ΔͷͰ͔͢ʂʁʯ w ʮ͜Εɺ͔ͨ͠͠Βڞ௨ԽͰ͖ͦ͏͡Όͳ͍ ɹͰ͔͢ʁʯ w ʮ࣮8FCͷ༷తʹ͜͏ͳͬͪΌ͏ΜͰ͢ʯ
͍͠ݴ༿͍Βͳ͍ ॏശͷ۱ΛΛͭͭ͘ ͜ ͱ͔Β
πʔ ϧͷલʹਓ
͍ͨ͞ΜΔ͏ͱ టष ͘
ΈΜͳͰ σβΠϯ͠ ͯ͜
5IBOL: PV
͔͜͜Β͕࣌ؒ ༨ͬ ͨΒ
IUUQTTUPSZCPPLKTPSH
3FBDU 4UPSZCPPL w 3FBDUͰಈ͘6*ΧλϩάͷΑ͏ͳͷ͕࡞ΕΔ w ฐࣾͰͦͷ··։ൃͰ͖Δ ελΠϧΨΠυͱͯ͠όϦόϦ׆༻த
ίʔ υ ϑ Ν ʔ ε τ w ɹੜ͞Ε͍ͯΔίʔυҰ൪ਖ਼͍͠σβΠϯͰ͋Δ w
ɹσβΠϯϑΝΠϧॻ͖ࣺͯ w ɹσβΠφʔ͞Μͷݴ༿͕มΘͬͨ w ʮࠓ։ൃதͷը໘ͰͲ͏ͳ͍ͬͯ·͔͢ʁʯ w ʮσβΠϯ͓͜͢ͷͰεΫγϣ͍ͩ͘͞ʯ w σβΠϯىίʔυʹͳΔ
σβΠ ϯγ ε ς Ϝ w "UPNJD%FTJHOͷࢥʹӨڹ͞Ε·ͬͨ͘ w ίϯϙʔωϯτཻͷͰͳ͍Ͱ͢ 5IF"UPNJD8PSLqPX
IUUQBUPNJDEFTJHOCSBEGSPTUDPNDIBQUFS
σβΠ φʔͷηϯ ε Λ 뱌͠ ͯϧʔ ϧԽ
ϧʔ ϧԽ w ΤϯδχΞ͕σβΠφʔʹΠϯλϏϡʔ໊ͯ͠લΛͭ ͚Δ w σβΠϯγεςϜελΠϧΨΠυΤϯδχΞ͕ ࡞Δ w σβΠϯͷ෯Λ͛ΔͨΊͷϧʔϧఏҊͬͪΌ͏ɹ
w σβΠϯΛνʔϜͷͷʹ͢Δ
ޮՌ w ୭͕6*Λ࡞ͬͯͦͦ͜͜ͷ࣭ w ιʔείʔυͷϞδϡʔϧੑ͕ߴ·Δʢʂʣ w είʔϓΛ͖Δ͜ͱͰσβΠϯ͚ͩͰͳ͘ ίʔυ্࣭͕͛͘͢ͳΔ w ΞΫηγϏϦςΟʹΛ͚͍͢
w զʑ)5.-$44ͰγεςϜΛ࡞Δͷͩͱ͍͏ೝࣝ
ޮՌ w ୭͕6*Λ࡞ͬͯͦͦ͜͜ͷ࣭ w ιʔείʔυͷϞδϡʔϧੑ͕ߴ·Δʢʂʣ w είʔϓΛ͖Δ͜ͱͰσβΠϯ͚ͩͰͳ͘ ίʔυ্࣭͕͛͘͢ͳΔ w ΞΫηγϏϦςΟʹΛ͚͍͢
w զʑ)5.-$44ͰγεςϜΛ࡞Δͷͩͱ͍͏ೝࣝ 53645"#30--&3