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
900
エンジニアのためのデザインの話
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
3.1k
天下一 Dev Server 武道会 / World Dev Server Tournament
p1ch_jp
2
790
この先生きのこるためのPostCSS実践入門
p1ch_jp
1
1.4k
Other Decks in Design
See All in Design
企業やプロダクトにおける "らしさ"を分析する | UXリサーチャー/デザイナーはもっとAIを触って欲しいシリーズ
iflection
0
220
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
330
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
870
We Baby Bears-Triple T Tiger
yvonnehsuanho
PRO
0
400
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
800
B/43プラスカードができるまで
putchomsmartbank
1
630
DMMデザイナーのプロダクトへの携わり方と組織再編
takumasaito
1
160
TrollsTopia: Funtography- Part 1
kenijam
1
260
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
1.4k
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
200
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
ncdc
8
6.4k
Designing UIs without a UI designer
strongeron
0
240
Featured
See All Featured
Designing the Hi-DPI Web
ddemaree
276
34k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
Agile that works and the tools we love
rasmusluckow
325
20k
Docker and Python
trallard
37
2.9k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Designing for Performance
lara
604
67k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
245
1.2M
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
It's Worth the Effort
3n
181
27k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
Transcript
ΤϯδχΞͷͨΊͷ σβΠϯͷ 1ͪΌΜ IUUQQDIKQ!QDI@KQ
1ͪΌΜJT୭ 1ͪΌΜɺͨͩͷίʔμʔɻ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͷҰճੜɻ
աڈʹ͜Μͳ͜ͱͬͯ·ͨ͠ ੲσβΠφʔΛࢦͯͨ͠ɻ த͔Βߴʹ͔͚ͯҹܥσβΠϯࣄॴͰमߦɻ ߴͰํసͯ͠ΤϯδχΞΛࢤ͢ɻ ߴ͔Β8FC੍࡞ձࣾͰΞϧόΠτɻ ͦΜͳ͜ΜͳͰɺ ͦ͜ΒลͷେֶੜΑΓ͔σβΠϯ͔Δɻ ؾ͕͢Δɻ
͜͏͍͏ͷΛͳ͍ͨ͘͠ʂͱࢥͬͯདྷ·ͨ͠ɻ ΤϯδχΞʮԶηϯε͕ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻʯ ΤϯδχΞʮԶֆ͕͔͚ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻʯ ΤϯδχΞʮԶʹ#PPUTUSBQ͕͋Δɻ͔ͩΒɺେৎɻʯ
σβΠϯJTԿʁ
σβΠϯͱΞʔτͷҧ͍ԿͰ͔͢ʁ
σβΠϯղܾͰ͋Γ ΞʔτࣗݾදݱͰ͋Δ
σβΠϯղܾɺ σβΠϯղܾɻ େࣄͳ͜ͱͳͷͰճݴ͍·ͨ͠ɻ
Զηϯε͕ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻ ͦΜͳ͜ͱͳ͍Αɺղܾͱ͍͏ҙຯͰ σβΠϯϓϩάϥϛϯάࣅͨΑ͏ͳϞϊ ͦͯ͠ɺղܾ ηϯεײ֮ͰͲ͏ʹ͔ͳΔͷͰͳ͍ɻ
͋͑ͯݴ͓͏ɺ σβΠϯϩδοΫͰ͋Δͱ
ϩδΧϧɺ ނʹ୭ͰͰ͖Δ σβΠφʔηϯε͕͋Δ͔ΒσβΠϯ͕Ͱ͖Δ Θ͚Ͱ͋Γ·ͤΜɻ ϧʔϧΛक͍ͬͯΔ͔Βɺ͍͑ͨใΛ͑Δ ͨΊͷσβΠϯ͕Ͱ͖͍ͯΔͷͰ͢ɻ
σβΠϯͷ جຊ࢛ݪଇ ۙ ྻ ίϯτϥετ ෮
ۙ
ۙͱ
ؔཁૉΛ͚ۙͮ ͦ͏Ͱͳ͍ཁૉΛ͢
ݝཱ͓͖ͩΕ͖Ε͍େֶ ֶ෦հ ηΫγʔσβΠϯֶ෦ ηΫγʔϓϩάϥϛϯάֶ෦ ϠΫβֶ෦ ͓େమͷᎄ ͱʹ͔͘ηΫγʔʹΕ ඞཁҎ্ʹϏϏΔͳ งғؾ࣮ફͰ௫Ί ֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
άϧʔϐϯά
ؔ࿈͢ΔใΛάϧʔϓԽ͢Δ͜ͱͰ ใΛ৫Խ͢Δ͜ͱ͕Ͱ͖Δ
ྻ
ྻͱ
શͯͷཁૉΛҙࣝతʹஔ͢Δ͜ͱ
ཁૉ͕Ε͍ͯͯ ྻ͍ͯ͠Εݟ͑ͳ͍ઢͰ ඥ͚Δ͜ͱ͕Ͱ͖Δ
ݟ͑ͳ͍ઢΛҙࣝ͢Δ ˓ͱ˘Λඥ͚Δ
ใͷ৫ԽΛΑΓڧݻͳͷʹ
ίϯτϥετ
ίϯτϥετͱ
͖ͬΓͨ͠ҧ͍Λग़͢͜ͱͰ ใͷ৫ԽΛࢧԉ͢Δ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
࣌ʹେʹΕ
དྷͨΕɺ৽ೖੜʂ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͰɺຖ݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ ͲηϯλʔࢼݧͱɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛఆ͢Δબߟํ๏Ͱ͢ɻ ຖɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ қͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠ɺৗࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻडظؒd
དྷͨΕɺ৽ೖੜʂ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͰɺຖ݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ ͲηϯλʔࢼݧͱɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛఆ͢Δબߟํ๏Ͱ͢ɻ ຖɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ қͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠ɺৗࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻडظؒd
෮
σβΠϯ্ͷԿ͔ͷಛΛ ࡞Λ௨ͯ͠܁Γฦ͢͜ͱ
෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ
خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ෮ͱ
ಉ͡Χλνɾ৭ɾ࣭ײͳͲΛ܁Γฦ͠͏͜ͱͰ σβΠϯʹҰ؏ੑΛ࣋ͨͤΔ͜ͱ͕Ͱ͖Δ
σβΠϯͷ جຊ࢛ݪଇ ۙ ྻ ίϯτϥετ ෮
ৄ͘͠ɺ͜ͷॻ੶Λಡ͏ʂ ΤϯδχΞքͷʮϦʔμϒϧίʔυʯ Έ͍ͨͳॻ੶ͩͧʂ ϊϯσβΠφʔζ σβΠϯϒοΫ
ͨΓલͷ͜ͱ͔͠ॻ͍ͯͳ͍͚Ͳ ΊͬͪΌେࣄɺ࣮ફஈ֊ͰΕ͕ͪ
ͪΖΜɺ͜ͷ࢛ݪଇ͚ͩͰσβΠϯ͕ Ͱ͖ΔΑ͏ʹͳΔΘ͚Ͱͳ͍ɻ
ଞʹɺ৭ɺλΠϙάϥϑΟʔɺ࣭ײʹֶ͍ͭͯͿͱྑ͍ ωΫετεςοϓ Typo ৭ λΠϙάϥϑΟʔ ࣭ײ
࠷దͳσβΠϯͱ࠷దͳΤϯδχΞϦϯά͕͋ͬͯͦ͜ɺ ྑ͍αʔϏεϓϩμΫτ͕ੜ·ΕΔͱ৴ͯ͡Δɻ