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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Pちゃん
November 09, 2015
Design
950
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
エンジニアのためのデザインの話
BKDC vol.1
Pちゃん
November 09, 2015
More Decks by Pちゃん
See All by Pちゃん
API になろう / Let's become an API
p1ch_jp
0
3.6k
天下一 Dev Server 武道会 / World Dev Server Tournament
p1ch_jp
2
1k
この先生きのこるためのPostCSS実践入門
p1ch_jp
1
1.6k
Other Decks in Design
See All in Design
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
350
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
2
2.4k
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
200
タイル紹介サイト「タイルだもんで」
calpin
0
160
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
230
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
280
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
700
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.1k
ISO 9241-171:2025っていうのがあってな
shosira
1
210
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
160
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
980
なぜ、インサイトを貯めるのか?
tajima_kaho
3
2.4k
Featured
See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
260
Facilitating Awesome Meetings
lara
57
7k
WENDY [Excerpt]
tessaabrams
11
38k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
320
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
420
Why Our Code Smells
bkeepers
PRO
340
58k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Deep Space Network (abreviated)
tonyrice
0
230
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Making Projects Easy
brettharned
120
6.7k
The Spectacular Lies of Maps
axbom
PRO
1
860
Transcript
ΤϯδχΞͷͨΊͷ σβΠϯͷ 1ͪΌΜ IUUQQDIKQ!QDI@KQ
1ͪΌΜJT୭ 1ͪΌΜɺͨͩͷίʔμʔɻ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͷҰճੜɻ
աڈʹ͜Μͳ͜ͱͬͯ·ͨ͠ ੲσβΠφʔΛࢦͯͨ͠ɻ த͔Βߴʹ͔͚ͯҹܥσβΠϯࣄॴͰमߦɻ ߴͰํసͯ͠ΤϯδχΞΛࢤ͢ɻ ߴ͔Β8FC੍࡞ձࣾͰΞϧόΠτɻ ͦΜͳ͜ΜͳͰɺ ͦ͜ΒลͷେֶੜΑΓ͔σβΠϯ͔Δɻ ؾ͕͢Δɻ
͜͏͍͏ͷΛͳ͍ͨ͘͠ʂͱࢥͬͯདྷ·ͨ͠ɻ ΤϯδχΞʮԶηϯε͕ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻʯ ΤϯδχΞʮԶֆ͕͔͚ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻʯ ΤϯδχΞʮԶʹ#PPUTUSBQ͕͋Δɻ͔ͩΒɺେৎɻʯ
σβΠϯJTԿʁ
σβΠϯͱΞʔτͷҧ͍ԿͰ͔͢ʁ
σβΠϯղܾͰ͋Γ ΞʔτࣗݾදݱͰ͋Δ
σβΠϯղܾɺ σβΠϯղܾɻ େࣄͳ͜ͱͳͷͰճݴ͍·ͨ͠ɻ
Զηϯε͕ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻ ͦΜͳ͜ͱͳ͍Αɺղܾͱ͍͏ҙຯͰ σβΠϯϓϩάϥϛϯάࣅͨΑ͏ͳϞϊ ͦͯ͠ɺղܾ ηϯεײ֮ͰͲ͏ʹ͔ͳΔͷͰͳ͍ɻ
͋͑ͯݴ͓͏ɺ σβΠϯϩδοΫͰ͋Δͱ
ϩδΧϧɺ ނʹ୭ͰͰ͖Δ σβΠφʔηϯε͕͋Δ͔ΒσβΠϯ͕Ͱ͖Δ Θ͚Ͱ͋Γ·ͤΜɻ ϧʔϧΛक͍ͬͯΔ͔Βɺ͍͑ͨใΛ͑Δ ͨΊͷσβΠϯ͕Ͱ͖͍ͯΔͷͰ͢ɻ
σβΠϯͷ جຊ࢛ݪଇ ۙ ྻ ίϯτϥετ ෮
ۙ
ۙͱ
ؔཁૉΛ͚ۙͮ ͦ͏Ͱͳ͍ཁૉΛ͢
ݝཱ͓͖ͩΕ͖Ε͍େֶ ֶ෦հ ηΫγʔσβΠϯֶ෦ ηΫγʔϓϩάϥϛϯάֶ෦ ϠΫβֶ෦ ͓େమͷᎄ ͱʹ͔͘ηΫγʔʹΕ ඞཁҎ্ʹϏϏΔͳ งғؾ࣮ફͰ௫Ί ֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
άϧʔϐϯά
ؔ࿈͢ΔใΛάϧʔϓԽ͢Δ͜ͱͰ ใΛ৫Խ͢Δ͜ͱ͕Ͱ͖Δ
ྻ
ྻͱ
શͯͷཁૉΛҙࣝతʹஔ͢Δ͜ͱ
ཁૉ͕Ε͍ͯͯ ྻ͍ͯ͠Εݟ͑ͳ͍ઢͰ ඥ͚Δ͜ͱ͕Ͱ͖Δ
ݟ͑ͳ͍ઢΛҙࣝ͢Δ ˓ͱ˘Λඥ͚Δ
ใͷ৫ԽΛΑΓڧݻͳͷʹ
ίϯτϥετ
ίϯτϥετͱ
͖ͬΓͨ͠ҧ͍Λग़͢͜ͱͰ ใͷ৫ԽΛࢧԉ͢Δ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
࣌ʹେʹΕ
དྷͨΕɺ৽ೖੜʂ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͰɺຖ݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ ͲηϯλʔࢼݧͱɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛఆ͢Δબߟํ๏Ͱ͢ɻ ຖɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ қͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠ɺৗࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻडظؒd
དྷͨΕɺ৽ೖੜʂ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͰɺຖ݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ ͲηϯλʔࢼݧͱɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛఆ͢Δબߟํ๏Ͱ͢ɻ ຖɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ қͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠ɺৗࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻडظؒd
෮
σβΠϯ্ͷԿ͔ͷಛΛ ࡞Λ௨ͯ͠܁Γฦ͢͜ͱ
෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ
خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ෮ͱ
ಉ͡Χλνɾ৭ɾ࣭ײͳͲΛ܁Γฦ͠͏͜ͱͰ σβΠϯʹҰ؏ੑΛ࣋ͨͤΔ͜ͱ͕Ͱ͖Δ
σβΠϯͷ جຊ࢛ݪଇ ۙ ྻ ίϯτϥετ ෮
ৄ͘͠ɺ͜ͷॻ੶Λಡ͏ʂ ΤϯδχΞքͷʮϦʔμϒϧίʔυʯ Έ͍ͨͳॻ੶ͩͧʂ ϊϯσβΠφʔζ σβΠϯϒοΫ
ͨΓલͷ͜ͱ͔͠ॻ͍ͯͳ͍͚Ͳ ΊͬͪΌେࣄɺ࣮ફஈ֊ͰΕ͕ͪ
ͪΖΜɺ͜ͷ࢛ݪଇ͚ͩͰσβΠϯ͕ Ͱ͖ΔΑ͏ʹͳΔΘ͚Ͱͳ͍ɻ
ଞʹɺ৭ɺλΠϙάϥϑΟʔɺ࣭ײʹֶ͍ͭͯͿͱྑ͍ ωΫετεςοϓ Typo ৭ λΠϙάϥϑΟʔ ࣭ײ
࠷దͳσβΠϯͱ࠷దͳΤϯδχΞϦϯά͕͋ͬͯͦ͜ɺ ྑ͍αʔϏεϓϩμΫτ͕ੜ·ΕΔͱ৴ͯ͡Δɻ