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
Pちゃん
November 09, 2015
Design
0
890
エンジニアのためのデザインの話
BKDC vol.1
Pちゃん
November 09, 2015
Tweet
Share
More Decks by Pちゃん
See All by Pちゃん
API になろう / Let's become an API
p1ch_jp
0
3k
天下一 Dev Server 武道会 / World Dev Server Tournament
p1ch_jp
2
740
この先生きのこるためのPostCSS実践入門
p1ch_jp
1
1.4k
Other Decks in Design
See All in Design
ウェブディレクターを救うBacklog
wattlaa
0
280
IPの世界観に寄り添う、マルチブランドなカラーシステム設計
jirosh1998
0
2.8k
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.3k
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.8k
decksh object reference
ajstarks
2
920
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
630
1人歩きする営業資料作成
yutoshukuya
0
150
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.9k
実案件でのFigmaデータの作り方
xxxkinu
2
220
Goodpatch Tour💙 / We are hiring!
goodpatch
28
690k
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170
B/43プラスカードができるまで
putchomsmartbank
0
470
Featured
See All Featured
Teambox: Starting and Learning
jrom
128
8.4k
Infographics Made Easy
chrislema
238
18k
Ruby is Unlike a Banana
tanoku
96
10k
Being A Developer After 40
akosma
57
580k
Rails Girls Zürich Keynote
gr2m
91
13k
What's in a price? How to price your products and services
michaelherold
237
11k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
Happy Clients
brianwarren
92
6.4k
Product Roadmaps are Hard
iamctodd
44
9.7k
Transcript
ΤϯδχΞͷͨΊͷ σβΠϯͷ 1ͪΌΜ IUUQQDIKQ!QDI@KQ
1ͪΌΜJT୭ 1ͪΌΜɺͨͩͷίʔμʔɻ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͷҰճੜɻ
աڈʹ͜Μͳ͜ͱͬͯ·ͨ͠ ੲσβΠφʔΛࢦͯͨ͠ɻ த͔Βߴʹ͔͚ͯҹܥσβΠϯࣄॴͰमߦɻ ߴͰํసͯ͠ΤϯδχΞΛࢤ͢ɻ ߴ͔Β8FC੍࡞ձࣾͰΞϧόΠτɻ ͦΜͳ͜ΜͳͰɺ ͦ͜ΒลͷେֶੜΑΓ͔σβΠϯ͔Δɻ ؾ͕͢Δɻ
͜͏͍͏ͷΛͳ͍ͨ͘͠ʂͱࢥͬͯདྷ·ͨ͠ɻ ΤϯδχΞʮԶηϯε͕ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻʯ ΤϯδχΞʮԶֆ͕͔͚ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻʯ ΤϯδχΞʮԶʹ#PPUTUSBQ͕͋Δɻ͔ͩΒɺେৎɻʯ
σβΠϯJTԿʁ
σβΠϯͱΞʔτͷҧ͍ԿͰ͔͢ʁ
σβΠϯղܾͰ͋Γ ΞʔτࣗݾදݱͰ͋Δ
σβΠϯղܾɺ σβΠϯղܾɻ େࣄͳ͜ͱͳͷͰճݴ͍·ͨ͠ɻ
Զηϯε͕ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻ ͦΜͳ͜ͱͳ͍Αɺղܾͱ͍͏ҙຯͰ σβΠϯϓϩάϥϛϯάࣅͨΑ͏ͳϞϊ ͦͯ͠ɺղܾ ηϯεײ֮ͰͲ͏ʹ͔ͳΔͷͰͳ͍ɻ
͋͑ͯݴ͓͏ɺ σβΠϯϩδοΫͰ͋Δͱ
ϩδΧϧɺ ނʹ୭ͰͰ͖Δ σβΠφʔηϯε͕͋Δ͔ΒσβΠϯ͕Ͱ͖Δ Θ͚Ͱ͋Γ·ͤΜɻ ϧʔϧΛक͍ͬͯΔ͔Βɺ͍͑ͨใΛ͑Δ ͨΊͷσβΠϯ͕Ͱ͖͍ͯΔͷͰ͢ɻ
σβΠϯͷ جຊ࢛ݪଇ ۙ ྻ ίϯτϥετ ෮
ۙ
ۙͱ
ؔཁૉΛ͚ۙͮ ͦ͏Ͱͳ͍ཁૉΛ͢
ݝཱ͓͖ͩΕ͖Ε͍େֶ ֶ෦հ ηΫγʔσβΠϯֶ෦ ηΫγʔϓϩάϥϛϯάֶ෦ ϠΫβֶ෦ ͓େమͷᎄ ͱʹ͔͘ηΫγʔʹΕ ඞཁҎ্ʹϏϏΔͳ งғؾ࣮ફͰ௫Ί ֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
άϧʔϐϯά
ؔ࿈͢ΔใΛάϧʔϓԽ͢Δ͜ͱͰ ใΛ৫Խ͢Δ͜ͱ͕Ͱ͖Δ
ྻ
ྻͱ
શͯͷཁૉΛҙࣝతʹஔ͢Δ͜ͱ
ཁૉ͕Ε͍ͯͯ ྻ͍ͯ͠Εݟ͑ͳ͍ઢͰ ඥ͚Δ͜ͱ͕Ͱ͖Δ
ݟ͑ͳ͍ઢΛҙࣝ͢Δ ˓ͱ˘Λඥ͚Δ
ใͷ৫ԽΛΑΓڧݻͳͷʹ
ίϯτϥετ
ίϯτϥετͱ
͖ͬΓͨ͠ҧ͍Λग़͢͜ͱͰ ใͷ৫ԽΛࢧԉ͢Δ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
࣌ʹେʹΕ
དྷͨΕɺ৽ೖੜʂ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͰɺຖ݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ ͲηϯλʔࢼݧͱɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛఆ͢Δબߟํ๏Ͱ͢ɻ ຖɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ қͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠ɺৗࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻडظؒd
དྷͨΕɺ৽ೖੜʂ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͰɺຖ݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ ͲηϯλʔࢼݧͱɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛఆ͢Δબߟํ๏Ͱ͢ɻ ຖɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ қͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠ɺৗࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻडظؒd
෮
σβΠϯ্ͷԿ͔ͷಛΛ ࡞Λ௨ͯ͠܁Γฦ͢͜ͱ
෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ
خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ෮ͱ
ಉ͡Χλνɾ৭ɾ࣭ײͳͲΛ܁Γฦ͠͏͜ͱͰ σβΠϯʹҰ؏ੑΛ࣋ͨͤΔ͜ͱ͕Ͱ͖Δ
σβΠϯͷ جຊ࢛ݪଇ ۙ ྻ ίϯτϥετ ෮
ৄ͘͠ɺ͜ͷॻ੶Λಡ͏ʂ ΤϯδχΞքͷʮϦʔμϒϧίʔυʯ Έ͍ͨͳॻ੶ͩͧʂ ϊϯσβΠφʔζ σβΠϯϒοΫ
ͨΓલͷ͜ͱ͔͠ॻ͍ͯͳ͍͚Ͳ ΊͬͪΌେࣄɺ࣮ફஈ֊ͰΕ͕ͪ
ͪΖΜɺ͜ͷ࢛ݪଇ͚ͩͰσβΠϯ͕ Ͱ͖ΔΑ͏ʹͳΔΘ͚Ͱͳ͍ɻ
ଞʹɺ৭ɺλΠϙάϥϑΟʔɺ࣭ײʹֶ͍ͭͯͿͱྑ͍ ωΫετεςοϓ Typo ৭ λΠϙάϥϑΟʔ ࣭ײ
࠷దͳσβΠϯͱ࠷దͳΤϯδχΞϦϯά͕͋ͬͯͦ͜ɺ ྑ͍αʔϏεϓϩμΫτ͕ੜ·ΕΔͱ৴ͯ͡Δɻ