$30 off During Our Annual Pro Sale. View Details »

チームで作る!イケてるデザイン

 チームで作る!イケてるデザイン

アシアル社内勉強会での発表資料。

久保田光則

January 30, 2015
Tweet

More Decks by 久保田光則

Other Decks in Technology

Transcript

  1. νʔϜͰ࡞Δ
    ΠέͯΔσβΠϯ
    ೥݄೔ࣾ಺ΠέͯΔσβΠϯษڧձٱอాޫଇ

    View Slide

  2. ࠓ೔࿩͢͜ͱ
    ςʔϚɿΠέͯΔσβΠϯͱνʔϜ

    View Slide

  3. ‣ ΠέͯΔσβΠϯ͸σβΠφʔ͚ͩͰ࡞ΕΔͷ͔
    ‣ ͳͥνʔϜͰڠྗ͢Δඞཁ͕͋Δͷ͔
    ‣ Ͳ͏΍ͬͨΒνʔϜͰΑΓྑ͍σβΠϯ͕Ͱ͖Δ

    View Slide

  4. ಋೖ
    ‣ σβΠϯͬͯσβΠφʔ͕શ໘తʹ୲౰͢Δ΋ͷͩͱࢥͬ
    ͍ͯ·ͤΜ͔
    ‣ ΠέͯΔσβΠϯ͸ΠέͯΔσβΠφʔ͍͑͞Ε͹࡞ΕΔ
    ?

    View Slide

  5. ࿹ͷྑ͍σβΠφʔ͕͍Ε͹
    ‣ ࣾ಺ʹδϣφαϯɾΞΠϒͷΑ͏ͳ௒ੌ࿹ͷσβΠφʔ͕
    ͍Ε͹શͯղܾ͢Δ
    IUUQTXXXBQQMFDPNKQQSCJPTKPOBUIBOJWFIUNM

    View Slide

  6. ࣮͸ͦ͏Ͱ͸ͳ͍
    ‣ ࣾ಺Ͱ΍͖ͬͯͯܦݧతʹΘ͔͖ͬͯͨ
    ‣ ͦ΋ͦ΋ɺσβΠϯ্ͷܾఆΛσβΠφʔ͚ͩͰ͸
    Ͱ͖ͳ͍
    ը૾ग़యόΩ

    View Slide

  7. ͦ΋ͦ΋
    ΠέͯΔσβΠϯͱ͸

    View Slide

  8. ΠέͯΔσβΠϯͱ͸ͳΜͧ΍
    ‣ ʮΠέͯΔσβΠϯʯͱਓʑ͕ݴ͍ͬͯΔͷ͸Ұମ
    શମԿͷ͜ͱΛࢦͯ͠ʮΠέͯΔσβΠϯʯͱݴͬ
    ͍ͯΔͷ͔
    ‣ ݟӫ͕͑ྑ͍͕શ͘࢖͍ͮΒ͍΋ͷΛΠέͯ
    ΔσβΠϯͱݴ͏ͷͩΖ͏͔

    View Slide

  9. ΅͕͔͘Μ͕͑ͨ͜ͱ
    ‣ ΠέͯΔϓϩμΫτΛݟͯʮΠέͯΔσβΠϯʯͬ
    ͯݴͬͯΔ͚ͩ
    ‣ ຽ૲͸͔͍͍ͬ͜14%ϑΝΠϧΛධՁ͢ΔΘ͚Ͱ͸
    ͳ͍
    ‣ ݁ہେࣄͳͷ͸νʔϜ͕ΠέͯΔϓϩμΫτΛ࡞Δ
    ͜ͱ

    View Slide

  10. σβΠφʔͱ্ͷͭͷ࣠Ͱ࿩͠·͢ɻ
    શ෦͸࿩͖͠Εͳ͍ͷͰ͔͍ͭ·ΜͰجຊతͳ͜ͱΛɻ
    ։ൃϓϩηε
    ϑΟʔυόοΫ
    ͡Ό͋Ͳ͏͢Ε͹

    View Slide

  11. σβΠφʔͱ
    ։ൃϓϩηε

    View Slide

  12. σβΠϯʹඞཁͳ΋ͷ
    ‣ σβΠφʔʹԿΛΠϯϓοτͱͯ͠༩͑Ε͹ྑ͍
    ը૾ग़యIUUQTUXJUUFSDPNMVDLZEPHTUBUVT

    View Slide

  13. ϏδϡΞϧσβΠϯʹඞཁͳ෺
    ‣ ଟ͍͠ґଘؔ܎΋ෳࡶ
    ‣ σβΠφʔ͚ͩͰશ෦༻ҙ͢Δͷ͸ແཧ
    ‣ ͜͜Ͱ΋νʔϜͷྗ͕ඞཁ
    ը໘ભҠਤɺϢʔεέʔεਤɺ֓೦ϞσϧਤɺϢʔ
    βʔ૾ɺϓϩμΫτͷίΞόϦϡʔɺαΠτจݴɺ
    ϩΰσβΠϯɺ৘ใઃܭ *"
    ɺλʔήοτϢʔβʔ
    ૾ɺϖʔύʔϓϩτλΠϓɺσβΠϯςΠετɺ
    τϯϚφɺFUDʜ

    View Slide

  14. ੒Ռ෺ͷґଘؔ܎
    ‣ ֤੒Ռ෺ͷ࡞੒࣌ʹɺඞཁʹԠͯ͡ϑΟʔυόοΫΛ΋Β͍ͭͭਐߦ
    ֓೦Ϟσϧਤ
    ϫΠϠϑϨʔϜ
    ϏδϡΞϧσβΠϯ
    ϋΠϑΟσΟϦςΟ
    ϓϩτλΠϓ
    จݴɾίϐʔɾ಺༰
    Ϣʔεέʔεਤ αʔϏεͷίΞόϦϡʔ
    ͦͷଞઃܭจॻ
    *"
    ϩΰσβΠϯ
    Ϣʔβͷϖϧιφ
    σβΠϯςΠετ
    ϖʔύʔϓϩτλΠϓ ετʔϦʔϘʔυ

    View Slide

  15. ޻ఔ͕݁ߏͨ͘͞Μ͋Δ
    ‣ ґଘؔ܎ʹͦͬͯ੒Ռ෺ͷ࡞੒࡞ۀͷ޻ఔ͕ೖΔ
    ‣ Α͘ߟ͑ͨΒ࣮૷ϑΣʔζΑΓ΋޻ఔଟ͍ΜͰ͸

    View Slide

  16. Ͳ͏ͯ͠޻ఔΛ
    ੵΈॏͶͯ΍͍ͬͯ͘ͷ
    ‣ ֤޻ఔͰɺϑΟʔυόοΫΛ౤͛ͨΓεέδϡʔϧ੾ͬ
    ͨΓ͢Δ͜ͱͰϓϩδΣΫτͷਐߦ΍Ξ΢τϓοτ੍͕
    ޚՄೳʹͳΔ͔Β
    ϫΠϠϑϨʔϜ
    ࡞੒
    ϑΟʔυόοΫ
    ϏδϡΞϧσβΠϯ
    ࡞੒
    ϑΟʔυόοΫ
    6*ϓϩτλΠϓ
    ࡞੒
    ϑΟʔυόοΫ
    w ಺༰จݴɾը໘ભҠ
    w ΠϯλϥΫγϣϯ
    w ΞϓϦͷݟͨ໨
    w σβΠϯςΠετ
    w Ξχϝʔγϣϯ
    w ৮ͬͨ࣌ͷײ͡
    w ख໭Γ͕ແ͍͔࠷ऴ
    ֬ೝ

    View Slide

  17. ޻ఔΛল͘ͱͲ͏ͳΔ
    ‣ ख໭Γ͕Կ౓΋ى͖ͯɺεέδϡʔϧ΍Ξ΢τϓοτ੍͕ޚ
    ෆೳʹͳΓ΍͍͢
    ‣ σβΠφʔͷ࿹ͱ͸ؔ܎ͳ͘Ξ΢τϓοτ͕ͻͲ͘ͳΓ͕ͪ
    ‣ ࣦഊϓϩδΣΫτ΁ͷୈҰา
    ͍͖ͳΓϏδϡΞϧ
    σβΠϯ࡞੒

    View Slide

  18. ख໭Γࣗମ͸ѱ͍͜ͱͰ͸ͳ͍
    ‣ ࣄલʹઃܭͨ͠΋ͷ͕શͯ׬ᘳʹͳΔ͜ͱ͸গͳ͍
    ‣ ͨͩ͠ɺ͋Β͔͡Ί௵ͤΔख໭ΓΛ௵͓͔ͯ͠ͳ͍
    ͱɺվળͷͨΊʹඞཁͳख໭Γͷ༨༟΋ແ͘ͳͬͯ
    ͠·͏

    View Slide

  19. ޻ఔ͸࡞Δ΋ͷʹΑͬͯมΘͬ
    ͯ͘Δ
    ‣ Ͳ͏͍ͬͨ։ൃϓϩηεΛऔΔͱྑ͍ͷͩΖ͏
    ‣ Ͳ͏͢Δͱྑ͍ͷͩΖ͏
    ΢ΣϒαΠτ
    ΢ΣϒαʔϏε ϞόΠϧΞϓϦ
    ۀ຿γεςϜ σεΫτοϓΞϓϦ
    41"

    View Slide

  20. Ͳ͏͢Δͱྑ͍
    ‣ ϓϩϚω͕ɺ࡞Δ΋ͷʹ߹ΘͤͯͲ͏͍͏։ൃϓϩηεʹ
    ͢Δ͔Λߟ͓͑ͯ͘
    ‣ ༧ΊϝϯόʔͰ։ൃϓϩηεʹ͍ͭͯٞ࿦͢Ε͹ྑ͍
    ‣ σβΠφʔ͚ͩͩͱͲ͏͠Α͏΋ͳ͍ ͦΜͳݖݶͳ͍͔Β

    ‣ ͚ΕͲ΋ɺσβΠϯͷ੒Ռ෺ͷ࣭ʹඞͣ൓ө͞ΕΔ

    View Slide

  21. σβΠφʔͱ
    ϑΟʔυόοΫ

    View Slide

  22. ͲͷΑ͏ʹϑΟʔυόοΫΛฦ
    ͤ͹ྑ͍ͩΖ͏͔
    ‣ σβΠφʔͱͦͷνʔϜ͸Ͳ͏΍ͬͯίϛϡχέʔ
    γϣϯ͢Ε͹ྑ͍ͩΖ͏

    View Slide

  23. Α͋͘Δ͚Ͳྑ͘ͳ͍
    ϑΟʔυόοΫ
    ‣ Ғ͍ਓʮ͜͜ͷॴͷϐΫηϧΛ͜͏ͯ͠ʂΜͰ'*9Ͷʂʯ
    ‣ σβΠφʔʮ͑ͬʯ
    ʙσβΠϯΛఏग़͔ͯ͠Β࣍ͷ೔ʙ
    ‣ σβΠφʔʮσβΠϯ࡞ͬͨͷͰ֬ೝ͓ئ͍͠·͢ʯ

    View Slide

  24. Α͋͘Δࢮ๢ύλʔϯ
    ‣ ۩ମతͳमਖ਼Λ౤͛ͯ'*9ͤ͞Δͷ͸શ͘ྑ͘ͳ͍
    ‣ σβΠφʔʮ͜͏͢Δͱ࢖͍ͮΒ͍͠ɺ͍͚ͦͩ͘͞
    Ͳɺ΋͏'*9ͪ͠Όͬͨ͠ɾɾɾɾʯ
    ‣ Ϟνϕʔγϣϯ͕௿Լ

    View Slide

  25. ͜Ε͕ਐΉͱͲ͏ͳΔ͔
    ‣ σβΠϯʹ͍ͭͯ੹೚͕࣋ͯͳ͘ͳΔ
    ‣ σβΠφʔʮ͍ͦͩ͘͞͠࢖͍ͮΒ͍͚ͲɺҒ͍ਓ
    ͕'*9ͪ͠Ό͔ͬͨΒ௚͢͜ͱ΋Ͱ͖ͳ͍͠ɺࣗ෼
    ͷ੹೚͡Όͳ͍͠ɺ΋͏ผʹͳΜͰ΋͍͍΍ʯ
    σβΠϯ͕σβΠφʔͷ࢓ࣄͰ͸ແ͘ͳͬͯ͠·͏

    View Slide

  26. Ғ͍ਓʹ͸Θ͔ΒΜͷͰ͢
    ‣ σβΠφʔ͕͖ͪΜͱͦͷσβΠϯͷૂ͍Λ࿩͞ͳ͍ͱҒ͍ਓ͸
    ཧղͰ͖ͳ͍
    ‣ ͳͷͰɺඞͣఏҊ࣌࿩͢Α͏ʹ͠·͠ΐ͏ɻ
    ‣ ·ͨϑΟʔυόοΫΛ΋Β͏ͱ͖ʹ΋ٞ࿦͠·͠ΐ͏
    ը૾ग़యػಈઓ࢜ΨϯμϜ

    View Slide

  27. ໰୊ʹ͍ͭͯ࿩ͦ͏
    ‣ ͦͷσβΠϯͩͱԿ͕໰୊ͳͷ͔
    ‣ ʮ͜͜ͷϐΫηϧΛ͜͏ͯ͠Լ͍͞ʯ
    ‣ ΫϥΠΞϯτ PSҒ͍ਓ
    ͕ͦΕΛݴ͏ཧ༝͸͋Δ
    ‣ ͦͷ··ड͚औΒͣʹɺͦͷഎޙʹ͋Δ໰୊ʹ͍ͭ
    ͯٞ࿦Λ͠Α͏

    View Slide

  28. ͨͩٞ͠࿦͢Δલʹ
    ‣ ϝϯόʔؒͰ΋৬छͱཱ৔ʹΑͬͯར֐૬൓͢Δ
    ‣ ͳͷͰٞ࿦ͯͯ͠΋ׂΓͱී௨ʹରཱ͠·͢

    View Slide

  29. ϝϯόʔ͸৬छͰ૬൓͕ͪ͠
    ‣ ΦϯεέͰߦ͖͍ͨ
    ‣ ΫϥΠΞϯτʹتΜͰ
    ΋Β͍͍ͨ
    ϓϩϚω
    ‣ ࣮૷Λ៉ྷʹ͍ͨ͠
    ‣ ༨ܭͳ޻਺Λ

    ͔͚ͨ͘ͳ͍
    ΤϯδχΞ
    ‣ ͔͍͍ͬ͜σβΠϯ

    ʹ͍ͨ͠
    ‣ ϢʔβϏϦςΟΛ

    ௥ٻ͍ͨ͠
    σβΠφʔ

    View Slide

  30. ʮͳΜͰ\NFNCFS^͸
    Θ͔ͬͯ͘Εͳ͍ΜͩΖ͏ʜ ʯ
    ‣ NFNCFSม਺ͷத਎
    ‣ ϓϩϚω
    ‣ σβΠφ
    ‣ ΤϯδχΞ
    ‣ Ғ͍ਓ
    ‣ ΫϥΠΞϯτ
    \NFNCFS^

    View Slide

  31. ೤͘ͳͬͨ࣌
    ը૾ग़య௝ೖࣾһۚଠ࿠

    View Slide

  32. ৺Λམͪண͔ͤ·͠ΐ͏
    ‣ ϝϯόؒͰ΋৬छͰར֐૬൓͢Δ͜ͱΛલఏʹͯ͠ɺ

    ରཱ͢Δͷ͸͋ͨΓ·͑ͩͱࢥͬͯ৺Λམͪண͔ͤΔ
    ‣ ޓ͍ͷཱ৔ͷҧ͍Λ஌͓͚ͬͯͩ͘Ͱҧ͏ ͱࢥ͏

    ը૾ग़యδϣδϣͷحົͳ๯ݥ

    View Slide

  33. ·ͱΊ

    View Slide

  34. ·ͱΊ
    ‣ νʔϜϝϯόʔͰσβΠϯͷ੒Ռ෺ͷ࣭͕มΘΔ
    ‣ ։ൃϓϩηεɺσβΠϯʹͱͬͯ΋େࣄͰ͢
    ‣ ϑΟʔυόοΫͱٞ࿦ɺσβΠϯʹͱͬͯ΋େࣄͰ͢

    View Slide

  35. ͝ਗ਼ௌ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠

    View Slide