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
開発初期からはじめるスタイルガイド
Search
m-yoshiro
September 22, 2017
Design
3
560
開発初期からはじめるスタイルガイド
社内イベント `Designer's MTG #1 「失敗事例・成功事例」` で発表した資料です。
m-yoshiro
September 22, 2017
Tweet
Share
More Decks by m-yoshiro
See All by m-yoshiro
雑に出してみるデザイントークン適用率
myoshiro
0
55
デザイントークンの適用率計測とその活用
myoshiro
0
750
画像の減色処理とOctree
myoshiro
1
160
CSS Houdiniであそぶ
myoshiro
0
73
Template Literal Typesであそぶ
myoshiro
1
120
Selector-2-regexp というツールを作った
myoshiro
0
170
わたしたちのコーディングのUX
myoshiro
1
170
Data Studio Community Visualizationを触ってみた
myoshiro
1
430
UIデザインと関わろう
myoshiro
0
400
Other Decks in Design
See All in Design
Jeremy's First Day
myates3
1
130
リリース1ヶ月後で機能をなくした話
hinofu
1
700
20240120_画像生成AI_NovelAI入門・情報収集
doradora09
0
120
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.8k
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1k
ポートフォリオ思考を通じたデザイナーキャリアの形成と未来への展望
recruitengineers
PRO
3
2.3k
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
Designing UIs without a UI designer
strongeron
0
120
Wishing Star Comic
torije
2
1.2k
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
740
Featured
See All Featured
Code Review Best Practice
trishagee
55
15k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
21
1.6k
Designing for humans not robots
tammielis
248
25k
Raft: Consensus for Rubyists
vanstee
132
6.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
A Tale of Four Properties
chriscoyier
151
22k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Designing for Performance
lara
601
67k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
GraphQLとの向き合い方2022年版
quramy
32
12k
Ruby is Unlike a Banana
tanoku
96
10k
Transcript
։ൃॳظ͔Β͡ΊΔ ελΠϧΨΠυ 1 ϗεςΟϯάࣄۀ෦σβΠφʔদຊ๕
2 দຊ๕ !CFOOLZPVHJSBJ d
ϜʔϜʔυϝΠϯʂΧʔτԽʂ wυϝΠϯൢചͷ ฮαΠτ wຊ/P
͓ͷ༰ ΧʔτԽͰͷಋೖͷ ϦϦʔεޙͷධՁͷ 4 ελΠϧΨΠυʹ·ͭΘΔ
ຊʹೖΔલʹ 5
ελΠϧΨΠυͱ ৭λΠϙάϥϑΟ σβΠϯϧʔϧͷఆٛ 6 σβΠϯɾઃܭͷҰ؏ੑΛอͭͨΊʹඞཁ 6*ɾίϯϙʔωϯτͷ σβΠϯύλʔϯҰཡ IUUQVYNBJMDIJNQDPNQBUUFSOTGPSNT IUUQTXXXMJHIUOJOHEFTJHOTZTUFNDPNHVJEFMJOFTUZQPHSBQIZ
ࠓճͷϙΠϯτ ࠓ·ͰɺϦϦʔεޙʹߏங͞ΕΔ͜ͱ͕ଟ͍ҹɻ ࠓճ ։ൃॳظ͔Βߏஙʂ 7 ʮελΠϧΨΠυͷߏஙλΠϛϯάʂʯ
ΧʔτԽͰͷಋೖͷ 8
ΧʔτԽϓϩδΣΫτ
w υϝΠϯΛෳߪೖͰ͖ΔΧʔ τػೳͷ։ൃ w ڥ͕ͭʹ͔ΕͯΔ w Χʔτػೳ3BJMT w طଘαΠτ1)1 ΧʔτԽϓϩδΣΫτ
ελΠϧΨΠυಋೖͷཧ༝ w $44ઃܭͷจԽΛ͔ࠜͤΔ w ػೳՃ͕සൟͳαʔϏεɻΤϯδχΞ͕ϑϩϯτ࣮ Ͱ͖ͨ΄͏͕ྑ͍ w υϝΠϯͷߪೖϑϩʔෳࡶɻॳظʹઃܭ͠ͳ͍ͱഁ͠ ͦ͏ɻ w
։ൃऀؒͷίϛϡχέʔγϣϯπʔϧͱͯ͠ظͯͨ͠ 11
ελΠϧΨΠυͷπʔϧબఆ 12
ελΠϧΨΠυͷπʔϧબఆ ಋೖ͍͢͜͠ͱ ૄ݁߹Ͱ͋Δ͜ͱ ͙͢ʹࣺͯΕΔ͜ͱ 13 ̏ͭͷબఆج४
'SBDUBM 14 IUUQGSBDUBMCVJME ಋೖ͍͢͜͠ͱ ૄ݁߹Ͱ͋Δ͜ͱ ͙͢ʹࣺͯΕΔ͜ͱ
15
ߏ w 3BJMTͷTBTTΛ͏ͨΊʹ(VMQͰUBTLΜͩ 16 3BJMT 'SBDUBM 4UZMFHVJEF (VMQ TBTT $44
(VMQͰελΠϧΨΠυΛىಈ͢Δͱ 3BJMTͷTBTT͔Β$44ΛCVJME
ఔ 17 σβΠϯ ϑϩϯτΤϯυ ελΠϧΨΠυ ϫΠϠʔɾϓϩτλΠϓ ڥߏஙɾ४උ ɾ$44ͷϕʔεઃܭߏங ɾίϯϙʔωϯτҰཡγʔτΛ࡞
ɾίϯϙʔωϯτ։ൃ Ͱ͖Δͱ͜ σβΠϯ σβΠϯͷөணख ɾΧϥʔɾλΠϙάϥϑܾఆ ɾίϯϙʔωϯτσβΠϯ ϖʔδσβΠϯ ֤ϖʔδͷαϯϓϧ࡞ 3BJMTө
18 ίϯϙʔωϯτͷΈ߹ΘͤελΠϧΨΠυͰઌʹ࡞
19 খ͍͞ίϯϙʔωϯτ͔Β େ͖ͳߏ
༨ஊ 20 ίϯϙʔωϯτҰཡγʔτΛ࠷ॳʹ࡞͢ΔͷΦεεϝ ݟੵΓ͍͢͠ λεΫͷࡉԽ શମײͷѲ ίϯϙʔωϯτઃܭͷԼॻ͖
21 ภࣥڰͷ͝ͱ͘ɺίϯϙʔωϯτΛϦετΞοϓ
22 ແࣄϦϦʔεʂʂ
ϦϦʔεޙͷධՁͷ 23
Α͔ͬͨ͜ͱ 24
σβΠφʔͱΤϯδχΞͷ ίϯϑϦΫτݮ 25 ! " ελΠϧΨΠυͰ ίʔσΟϯάʂ 3BJMTͰػೳ։ൃ ʹूதʂ ྫ͑ϩάΠϯը໘
όοΫͱϑϩϯτͷ։ൃڥ͕͔ΕͯΔͷͰόοςΟϯ ά͕ͳ͔ͬͨ
։ൃʹूதͰ͖Δ w ϓϩμΫτͷ༷ͷ੍ݶΛड͚ͣදࣔ֬ೝͰ͖Δ ྫ ϩάΠϯɺߪೖϑϩʔͳͲखଓ͖͕ඞཁͳը໘ 26 ! " ࡞ۀ͍ͨ͠ϖʔδΛ ͙͢ΈΕΔʂ
ϑΥϩʔ͕ݮͬͯ ։ൃʹूதͰ͖Δʂ
ϨϏϡΞʔબͼ͍͢ w ͜ΕΤϯδχΞʁσβΠφʔʁͱ͍͏໎͍͕ݮͬͨ w ڥ͕λεΫͷࡉԽΛଅ͢ϨϏϡʔϙΠϯτ͕໌֬ʹ ͳΔ 27 ! " ελΠϧΨΠυ্ͷߋ৽͔ͩΒ
σβΠφʹϨϏϡʔґཔ ػೳ։ൃ͕ϝΠϯ͔ͩΒ ΤϯδχΞʹϨϏϡʔґཔ
ίϛϡχέʔγϣϯऔΓ͔ͬͨ͢ w ٙ՝ΛελΠϧΨΠυΛΈͳ͕Β֬ೝͰ͖ͨ w Έͳ͕ΒΓͱΓ͢Δ͜ͱͰղܾ·Ͱ͕εϜʔζ 28 ! " ! !
" ςΩετϑΥʔϜͲ͜ʹ͓͘ͷʁ ͜͜Ͳ͏͢Δʁ
ஃͷσβΠϯमਖ਼ɾมߋʹରԠ ͔ͬͨ͢͠ w मਖ਼ରΛ͕͍͢͞͠ɻ w ίϯϙʔωϯτؒͷؔ࿈͕Έ͍͑͢ w मਖ਼ͷࡍʹదͳஅΛߦ͑ͨʢ͠ͷ͗͡Όͳ͍ରԠʣ 29 "
Ұ෦༷ΛΜΰϗΰϗʂ ͋ͷϘλϯϑΥʔϜͱϞʔμϧͰ ΘΕͯΔ͔Β ৽͘͠Ճ͠Α͏ʂ
30 ͜ͷؔੑͱ΄΅શͯͷΈ߹ΘͤΛ ၆ᛌͯ͠ΈΕΔ
ઃܭΛ่ͣ͞ϦϦʔεͰ͖ͨ w ஃͰ͖ͪΜͱରԠͰ͖ͨͷͰɺϦϦʔε࣌ઃܭ͕ ่Εͳ͔ͬͨʢ·ͬͨ͘Ͱͳ͍͚Ͳɻɻʣ 31 ! "
Α͔ͬͨ͜ͱ·ͱΊ 32 σβΠφʔͱ ΤϯδχΞͷ ίϯϑϦΫτݮ ։ൃʹूதͰ͖Δ ϨϏϡΞʔ બͼ͍͢ ίϛϡχέʔγϣϯ औΓ͔ͬͨ͢
ஃͷσβΠϯ मਖ਼ɾมߋʹ ରԠ͔ͬͨ͢͠ ઃܭΛ่ͣ͞ ϦϦʔεͰ͖ͨ
Α͔ͬͨ͜ͱ·ͱΊ 33 σβΠφʔͱ ΤϯδχΞͷ ίϯϑϦΫτݮ ։ൃʹूதͰ͖Δ ϨϏϡΞʔ બͼ͍͢ ίϛϡχέʔγϣϯ औΓ͔ͬͨ͢
ஃͷσβΠϯ मਖ਼ɾมߋʹ ରԠ͔ͬͨ͢͠ ઃܭΛ่ͣ͞ ϦϦʔεͰ͖ͨ ޮ্͕͕Δʂ ίϛϡχέʔγϣϯ ͕औΓ͍͢ ։ൃͷஃͰ ཧੑΛอͯΔʂ
՝ 34
՝ w ։ൃڥͰ͔͠ӾཡͰ͖ͳ͍ w ίϯϙʔωϯτͷॴΛ֮͑ͮΒ͍ w ຊՈͱ3BJMT͕ผڥͳͷͰελΠϧΨΠυ͕࿈ܞͰ͖ͳ͍ w TMJNͷม͕ඞཁ w
ελΠϧΨΠυͷ࡞Γ͕ଐਓԽͪ͠Όͬͨɻɻ 35 w ίετͱརӹͷόϥϯε
ίετͱརӹͷόϥϯε w ಋೖʹࡍͯ͠Ұ൪ͷ՝͔ w ࠓޙͷӡ༻Ͱ༗ޮੑΛࣔͤΔΑ͏ʹ͠ͳ͖Ό͍͚ͳ͍ 36
ελΠϧΨΠυΛॳظಋೖͯ͠Έͯ w ελΠϧΨΠυىͷ։ൃָ͕νϯʂ w ࠷ॳʹελΠϧΨΠυͰ࡞ΔΫη͕͍ͭͨ 37
ࢦ͢ελΠϧΨΠυʰυϦϒϯʱʂ 38 ελΠϧΨΠυ͕ϑϩϯτ։ൃͷىͱͳΔ
·ͱΊ w։ൃͷޮΞοϓʂ wίϛϡχέʔγϣϯʹ͑Δʁ wϦϦʔεͷஃʹڧ͍ʂ wελΠϧΨΠυΛ͏จԽ͕͖͍ࠜ͢ 39 ։ൃॳظ͔Βಋೖ͢Δͱʜ
·ͣؾܰʹ࢝ΊͯΈΔͱྑ͛͞ 40