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
920
エンジニアのためのデザインの話
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.3k
天下一 Dev Server 武道会 / World Dev Server Tournament
p1ch_jp
2
930
この先生きのこるためのPostCSS実践入門
p1ch_jp
1
1.5k
Other Decks in Design
See All in Design
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
200
PF_濵村ひろみ_202503
maru_design78
0
180
portfolio_YumiYasuda
yum0418
0
280
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
390
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
720
The Golden Whitney
ohtristanart
PRO
0
510
250131_product meetup
motokoishida
0
210
Cyber Heart Online Book
hjnasby
0
110
UXデザインはなぜ定着しないのか?
designstudiopartners
0
710
私とデザインの10年
iflection
0
130
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
sugiyama_sukedachi
0
130
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Producing Creativity
orderedlist
PRO
346
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Documentation Writing (for coders)
carmenintech
72
4.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Code Review Best Practice
trishagee
68
18k
Designing for Performance
lara
609
69k
Transcript
ΤϯδχΞͷͨΊͷ σβΠϯͷ 1ͪΌΜ IUUQQDIKQ!QDI@KQ
1ͪΌΜJT୭ 1ͪΌΜɺͨͩͷίʔμʔɻ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͷҰճੜɻ
աڈʹ͜Μͳ͜ͱͬͯ·ͨ͠ ੲσβΠφʔΛࢦͯͨ͠ɻ த͔Βߴʹ͔͚ͯҹܥσβΠϯࣄॴͰमߦɻ ߴͰํసͯ͠ΤϯδχΞΛࢤ͢ɻ ߴ͔Β8FC੍࡞ձࣾͰΞϧόΠτɻ ͦΜͳ͜ΜͳͰɺ ͦ͜ΒลͷେֶੜΑΓ͔σβΠϯ͔Δɻ ؾ͕͢Δɻ
͜͏͍͏ͷΛͳ͍ͨ͘͠ʂͱࢥͬͯདྷ·ͨ͠ɻ ΤϯδχΞʮԶηϯε͕ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻʯ ΤϯδχΞʮԶֆ͕͔͚ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻʯ ΤϯδχΞʮԶʹ#PPUTUSBQ͕͋Δɻ͔ͩΒɺେৎɻʯ
σβΠϯJTԿʁ
σβΠϯͱΞʔτͷҧ͍ԿͰ͔͢ʁ
σβΠϯղܾͰ͋Γ ΞʔτࣗݾදݱͰ͋Δ
σβΠϯղܾɺ σβΠϯղܾɻ େࣄͳ͜ͱͳͷͰճݴ͍·ͨ͠ɻ
Զηϯε͕ͳ͍͔ΒσβΠϯͰ͖ͳ͍ɻ ͦΜͳ͜ͱͳ͍Αɺղܾͱ͍͏ҙຯͰ σβΠϯϓϩάϥϛϯάࣅͨΑ͏ͳϞϊ ͦͯ͠ɺղܾ ηϯεײ֮ͰͲ͏ʹ͔ͳΔͷͰͳ͍ɻ
͋͑ͯݴ͓͏ɺ σβΠϯϩδοΫͰ͋Δͱ
ϩδΧϧɺ ނʹ୭ͰͰ͖Δ σβΠφʔηϯε͕͋Δ͔ΒσβΠϯ͕Ͱ͖Δ Θ͚Ͱ͋Γ·ͤΜɻ ϧʔϧΛक͍ͬͯΔ͔Βɺ͍͑ͨใΛ͑Δ ͨΊͷσβΠϯ͕Ͱ͖͍ͯΔͷͰ͢ɻ
σβΠϯͷ جຊ࢛ݪଇ ۙ ྻ ίϯτϥετ ෮
ۙ
ۙͱ
ؔཁૉΛ͚ۙͮ ͦ͏Ͱͳ͍ཁૉΛ͢
ݝཱ͓͖ͩΕ͖Ε͍େֶ ֶ෦հ ηΫγʔσβΠϯֶ෦ ηΫγʔϓϩάϥϛϯάֶ෦ ϠΫβֶ෦ ͓େమͷᎄ ͱʹ͔͘ηΫγʔʹΕ ඞཁҎ্ʹϏϏΔͳ งғؾ࣮ફͰ௫Ί ֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
άϧʔϐϯά
ؔ࿈͢ΔใΛάϧʔϓԽ͢Δ͜ͱͰ ใΛ৫Խ͢Δ͜ͱ͕Ͱ͖Δ
ྻ
ྻͱ
શͯͷཁૉΛҙࣝతʹஔ͢Δ͜ͱ
ཁૉ͕Ε͍ͯͯ ྻ͍ͯ͠Εݟ͑ͳ͍ઢͰ ඥ͚Δ͜ͱ͕Ͱ͖Δ
ݟ͑ͳ͍ઢΛҙࣝ͢Δ ˓ͱ˘Λඥ͚Δ
ใͷ৫ԽΛΑΓڧݻͳͷʹ
ίϯτϥετ
ίϯτϥετͱ
͖ͬΓͨ͠ҧ͍Λग़͢͜ͱͰ ใͷ৫ԽΛࢧԉ͢Δ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
ݝཱ͓͖ͩΕ͖Ε͍େֶ ɹֶ෦հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹΕ ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ࣮ફͰ௫Ί ɹɹֶΛݟ͔͚ͨΒԥΕ
࣌ʹେʹΕ
དྷͨΕɺ৽ೖੜʂ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͰɺຖ݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ ͲηϯλʔࢼݧͱɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛఆ͢Δબߟํ๏Ͱ͢ɻ ຖɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ қͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠ɺৗࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻडظؒd
དྷͨΕɺ৽ೖੜʂ ݝཱ͓͖ͩΕ͍͖Ε͍େֶͰɺຖ݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ ͲηϯλʔࢼݧͱɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛఆ͢Δબߟํ๏Ͱ͢ɻ ຖɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ қͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠ɺৗࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻडظؒd
෮
σβΠϯ্ͷԿ͔ͷಛΛ ࡞Λ௨ͯ͠܁Γฦ͢͜ͱ
෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ෮ͱ
࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ ·ͰԿͰἧ͏ߪങ෦Ͱ͢ɻੜెʹ
خ͍͠୯Ґൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ࣌ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰࠁΒͣɻ͓େੜ Ͱ͋ΕແྉͰར༻Ͱ͖·͢ɻ ෮ͱ
ಉ͡Χλνɾ৭ɾ࣭ײͳͲΛ܁Γฦ͠͏͜ͱͰ σβΠϯʹҰ؏ੑΛ࣋ͨͤΔ͜ͱ͕Ͱ͖Δ
σβΠϯͷ جຊ࢛ݪଇ ۙ ྻ ίϯτϥετ ෮
ৄ͘͠ɺ͜ͷॻ੶Λಡ͏ʂ ΤϯδχΞքͷʮϦʔμϒϧίʔυʯ Έ͍ͨͳॻ੶ͩͧʂ ϊϯσβΠφʔζ σβΠϯϒοΫ
ͨΓલͷ͜ͱ͔͠ॻ͍ͯͳ͍͚Ͳ ΊͬͪΌେࣄɺ࣮ફஈ֊ͰΕ͕ͪ
ͪΖΜɺ͜ͷ࢛ݪଇ͚ͩͰσβΠϯ͕ Ͱ͖ΔΑ͏ʹͳΔΘ͚Ͱͳ͍ɻ
ଞʹɺ৭ɺλΠϙάϥϑΟʔɺ࣭ײʹֶ͍ͭͯͿͱྑ͍ ωΫετεςοϓ Typo ৭ λΠϙάϥϑΟʔ ࣭ײ
࠷దͳσβΠϯͱ࠷దͳΤϯδχΞϦϯά͕͋ͬͯͦ͜ɺ ྑ͍αʔϏεϓϩμΫτ͕ੜ·ΕΔͱ৴ͯ͡Δɻ