Upgrade to Pro — share decks privately, control downloads, hide ads and more …

エンジニアのためのデザインの話

60775fff9467dfa6fa158228010a26df?s=47 Pちゃん
November 09, 2015

 エンジニアのためのデザインの話

BKDC vol.1

60775fff9467dfa6fa158228010a26df?s=128

Pちゃん

November 09, 2015
Tweet

Transcript

  1. ΤϯδχΞͷͨΊͷ σβΠϯͷ࿩ 1ͪΌΜ IUUQQDIKQ!QDI@KQ

  2. 1ͪΌΜJT୭ 1ͪΌΜ͸ɺͨͩͷίʔμʔɻ ݝཱ͓͸͖ͩΕ͍͖Ε͍େֶͷҰճੜɻ

  3. աڈʹ͜Μͳ͜ͱ΍ͬͯ·ͨ͠ ੲ͸σβΠφʔΛ໨ࢦͯͨ͠ɻ த͔Βߴʹ͔͚ͯҹ࡮ܥσβΠϯࣄ຿ॴͰमߦɻ ߴͰํ޲స׵ͯ͠ΤϯδχΞΛࢤ͢ɻ ߴ͔Β͸8FC੍࡞ձࣾͰΞϧόΠτɻ ͦΜͳ͜ΜͳͰɺ ͦ͜ΒลͷେֶੜΑΓ͔͸σβΠϯ෼͔Δɻ ؾ͕͢Δɻ

  4. ͜͏͍͏ͷΛͳ͍ͨ͘͠ʂͱࢥͬͯདྷ·ͨ͠ɻ ΤϯδχΞʮԶ͸ηϯε͕ͳ͍͔ΒσβΠϯ͸Ͱ͖ͳ͍ɻʯ ΤϯδχΞʮԶ͸ֆ͕͔͚ͳ͍͔ΒσβΠϯ͸Ͱ͖ͳ͍ɻʯ ΤϯδχΞʮԶʹ͸#PPUTUSBQ͕͋Δɻ͔ͩΒɺେৎ෉ɻʯ

  5. σβΠϯJTԿʁ

  6. σβΠϯͱΞʔτͷҧ͍͸ԿͰ͔͢ʁ

  7. σβΠϯ͸໰୊ղܾͰ͋Γ Ξʔτ͸ࣗݾදݱͰ͋Δ

  8. σβΠϯ͸໰୊ղܾɺ σβΠϯ͸໰୊ղܾɻ େࣄͳ͜ͱͳͷͰճݴ͍·ͨ͠ɻ

  9. Զ͸ηϯε͕ͳ͍͔ΒσβΠϯ͸Ͱ͖ͳ͍ɻ ͦΜͳ͜ͱͳ͍Αɺ໰୊ղܾͱ͍͏ҙຯͰ͸ σβΠϯ΋ϓϩάϥϛϯά΋ࣅͨΑ͏ͳϞϊ ͦͯ͠ɺ໰୊ղܾ͸ ηϯε΍ײ֮ͰͲ͏ʹ͔ͳΔ΋ͷͰ͸ͳ͍ɻ

  10. ͋͑ͯݴ͓͏ɺ σβΠϯ͸ϩδοΫͰ͋Δͱ

  11. ϩδΧϧɺ ނʹ୭Ͱ΋Ͱ͖Δ σβΠφʔ͸ηϯε͕͋Δ͔ΒσβΠϯ͕Ͱ͖Δ Θ͚Ͱ͸͋Γ·ͤΜɻ ϧʔϧΛक͍ͬͯΔ͔Βɺ఻͍͑ͨ৘ใΛ఻͑Δ ͨΊͷσβΠϯ͕Ͱ͖͍ͯΔͷͰ͢ɻ

  12. σβΠϯͷ جຊ࢛ݪଇ  ۙ઀  ੔ྻ  ίϯτϥετ  ൓෮

  13. ۙ઀

  14. ۙ઀ͱ͸

  15. ؔ܎ཁૉΛ͚ۙͮ ͦ͏Ͱͳ͍ཁૉΛ཭͢

  16. ݝཱ͓͸͖ͩΕ͖Ε͍େֶ ֶ෦঺հ ηΫγʔσβΠϯֶ෦ ηΫγʔϓϩάϥϛϯάֶ෦ ϠΫβֶ෦ ͓͸େమͷᎄ ͱʹ͔͘ηΫγʔʹ΍Ε ඞཁҎ্ʹϏϏΔͳ งғؾ͸࣮ફͰ௫Ί ֶ௕Λݟ͔͚ͨΒԥΕ

  17. ݝཱ͓͸͖ͩΕ͖Ε͍େֶ ɹֶ෦঺հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓͸େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹ΍Ε ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ͸࣮ફͰ௫Ί ɹɹֶ௕Λݟ͔͚ͨΒԥΕ

  18. ݝཱ͓͸͖ͩΕ͖Ε͍େֶ ɹֶ෦঺հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓͸େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹ΍Ε ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ͸࣮ફͰ௫Ί ɹɹֶ௕Λݟ͔͚ͨΒԥΕ

    άϧʔϐϯά
  19. ؔ࿈͢Δ৘ใΛάϧʔϓԽ͢Δ͜ͱͰ ৘ใΛ૊৫Խ͢Δ͜ͱ͕Ͱ͖Δ

  20. ੔ྻ

  21. ੔ྻͱ͸

  22. શͯͷཁૉΛҙࣝతʹ഑ஔ͢Δ͜ͱ

  23. ཁૉ͕཭Ε͍ͯͯ΋ ੔ྻ͍ͯ͠Ε͹ݟ͑ͳ͍ઢͰ ඥ෇͚Δ͜ͱ͕Ͱ͖Δ

  24. ݟ͑ͳ͍ઢΛҙࣝ͢Δ ˓ͱ˘Λඥ෇͚Δ

  25. ৘ใͷ૊৫ԽΛΑΓڧݻͳ΋ͷʹ

  26. ίϯτϥετ

  27. ίϯτϥετͱ͸

  28. ͸͖ͬΓͨ͠ҧ͍Λग़͢͜ͱͰ ৘ใͷ૊৫ԽΛࢧԉ͢Δ

  29. ݝཱ͓͸͖ͩΕ͖Ε͍େֶ ɹֶ෦঺հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓͸େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹ΍Ε ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ͸࣮ફͰ௫Ί ɹɹֶ௕Λݟ͔͚ͨΒԥΕ

  30. ݝཱ͓͸͖ͩΕ͖Ε͍େֶ ɹֶ෦঺հ ɹɹηΫγʔσβΠϯֶ෦ ɹɹηΫγʔϓϩάϥϛϯάֶ෦ ɹɹϠΫβֶ෦ ɹ͓͸େమͷᎄ ɹɹͱʹ͔͘ηΫγʔʹ΍Ε ɹɹඞཁҎ্ʹϏϏΔͳ ɹɹงғؾ͸࣮ફͰ௫Ί ɹɹֶ௕Λݟ͔͚ͨΒԥΕ

  31. ࣌ʹ͸େ୾ʹ΍Ε

  32. དྷͨΕɺ৽ೖੜʂ ݝཱ͓͸͖ͩΕ͍͖Ε͍େֶͰ͸ɺຖ೥݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ Ͳηϯλʔࢼݧͱ͸ɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛ൑ఆ͢Δબߟํ๏Ͱ͢ɻ ຖ೥ɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ ೉қ౓ͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠͸ɺৗ೔ࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻड෇ظؒd

  33. དྷͨΕɺ৽ೖੜʂ ݝཱ͓͸͖ͩΕ͍͖Ε͍େֶͰ͸ɺຖ೥݄ʹͲ ηϯλʔࢼݧʹΑΔબߟΛߦ͍ͬͯ·͢ɻ Ͳηϯλʔࢼݧͱ͸ɺͲΕ͚ͩηϯλʔʹدΕͨ ͔Ͱֶੜͷ࣮ྗΛ൑ఆ͢Δબߟํ๏Ͱ͢ɻ ຖ೥ɺ⺧ͷࠩͰଟ͘ͷֶੜ͕ྦΛྲྀ͢ɺඇৗʹ ೉қ౓ͷߴ͍બߟͱͳ͓ͬͯΓ·͢ɻ ࢤئऀ֤Ґʹ͓͔Ε·ͯ͠͸ɺৗ೔ࠒ͔Βηϯλʔ ʹدΔֶशΛ৺͕͚͍ͯͩ͘͞ɻ ئॻड෇ظؒd

  34. ൓෮

  35. σβΠϯ্ͷԿ͔ͷಛ௃Λ ࡞඼Λ௨ͯ͠܁Γฦ͢͜ͱ

  36. ൓෮ͱ͸

  37. ࣌଎ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰ஗ࠁ஌Βͣɻ͓͸େੜ Ͱ͋Ε͹ແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ฼ ·ͰԿͰ΋ἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґ΋ൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ൓෮ͱ͸

  38. ࣌଎ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰ஗ࠁ஌Βͣɻ͓͸େੜ Ͱ͋Ε͹ແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ฼ ·ͰԿͰ΋ἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґ΋ൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ൓෮ͱ͸

  39. ࣌଎ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰ஗ࠁ஌Βͣɻ͓͸େੜ Ͱ͋Ε͹ແྉͰར༻Ͱ͖·͢ɻ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ฼ ·ͰԿͰ΋ἧ͏ߪങ෦Ͱ͢ɻੜెʹ خ͍͠୯Ґ΋ൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ςΟογϡͰ࡞ͬͨ͜ΑΓ͔Βۭ฼ ·ͰԿͰ΋ἧ͏ߪങ෦Ͱ͢ɻੜెʹ

    خ͍͠୯Ґ΋ൢച͓ͯ͠Γ·͢ɻ εΫʔϧόε ߪങ෦ʮܹ҆ࡾࠃࢤʯ ࣌଎ϊοτΛތΔεΫʔϧόεɻӡ ༻࣌ࠁݫकͰ஗ࠁ஌Βͣɻ͓͸େੜ Ͱ͋Ε͹ແྉͰར༻Ͱ͖·͢ɻ ൓෮ͱ͸
  40. ಉ͡Χλνɾ৭ɾ࣭ײͳͲΛ܁Γฦ͠࢖͏͜ͱͰ σβΠϯʹҰ؏ੑΛ࣋ͨͤΔ͜ͱ͕Ͱ͖Δ

  41. σβΠϯͷ جຊ࢛ݪଇ  ۙ઀  ੔ྻ  ίϯτϥετ  ൓෮

  42. ৄ͘͠͸ɺ͜ͷॻ੶Λಡ΋͏ʂ ΤϯδχΞքͷʮϦʔμϒϧίʔυʯ Έ͍ͨͳॻ੶ͩͧʂ ϊϯσβΠφʔζ σβΠϯϒοΫ

  43. ౰ͨΓલͷ͜ͱ͔͠ॻ͍ͯͳ͍͚Ͳ ΊͬͪΌେࣄɺ࣮ફஈ֊Ͱ๨Ε͕ͪ

  44. ΋ͪΖΜɺ͜ͷ࢛ݪଇ͚ͩͰσβΠϯ͕ Ͱ͖ΔΑ͏ʹͳΔΘ͚Ͱ͸ͳ͍ɻ

  45. ଞʹ΋ɺ഑৭ɺλΠϙάϥϑΟʔɺ࣭ײʹֶ͍ͭͯͿͱྑ͍ ωΫετεςοϓ Typo ഑৭ λΠϙάϥϑΟʔ ࣭ײ

  46. ࠷దͳσβΠϯͱ࠷దͳΤϯδχΞϦϯά͕͋ͬͯͦ͜ɺ ྑ͍αʔϏε΍ϓϩμΫτ͕ੜ·ΕΔͱ৴ͯ͡Δɻ