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.8k
React/Storybookと、全員参加型のUI開発
DIST.17 「Webデザインの現場のための効率化術」
8845musign
August 25, 2017
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
760
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
230
業務システムに必要なアクセシビリティ
8845musign
1
1k
業務システム狂詩曲
8845musign
4
2k
READING The Atomic Workflow
8845musign
3
670
いまさら styled components 入門した
8845musign
3
860
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.7k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2k
感性デザインとは?
8845musign
4
1.8k
Other Decks in Technology
See All in Technology
プロダクトエンジニア構想を立ち上げ、プロダクト志向な組織への成長を続けている話 / grow into a product-oriented organization
hiro_torii
0
150
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
740
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
250
運用しているアプリケーションのDBのリプレイスをやってみた
miura55
1
710
抽象化をするということ - 具体と抽象の往復を身につける / Abstraction and concretization
soudai
13
2.6k
N=1から解き明かすAWS ソリューションアーキテクトの魅力
kiiwami
0
130
ホワイトボードチャレンジ 説明&実行資料
ichimichi
0
130
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
2.1k
現場で役立つAPIデザイン
nagix
33
12k
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
17
6.7k
管理者しか知らないOutlookの裏側のAIを覗く#AzureTravelers
hirotomotaguchi
2
370
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
1
240
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
BBQ
matthewcrist
87
9.5k
Embracing the Ebb and Flow
colly
84
4.6k
Building Your Own Lightsaber
phodgson
104
6.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
We Have a Design System, Now What?
morganepeng
51
7.4k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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