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

設計力を上げる!バリエーションの見極め術

 設計力を上げる!バリエーションの見極め術

Hiromi Hishida

March 30, 2019
Tweet

More Decks by Hiromi Hishida

Other Decks in Programming

Transcript

  1. ઃܭྗΛ্͛Δʂ
    όϦΤʔγϣϯͷݟۃΊज़
    !XFC
    1)1FS,BJHJEBZ

    View full-size slide

  2. ɾ!XFC
    ɾϑϦʔϥϯεʢ೥͙Β͍ʣˠΧϧςοτίϛϡχέʔγϣϯζʢ೥ʣ
    ɾ໊ݹ԰
    ɾࣇͷ฼
    ɾ೔ຊ4ZNGPOZϢʔβʔձ
    ɾ$PEFS%PKP໊ݹ԰ॳ୅νϟϯϐΦϯʢॾࣄ৘͋ͬͯҾୀʜʣ
    ɾ*—1)1

    View full-size slide

  3. ɾӡ༻ܕ޿ࠂۀքΛϗϫΠτʹ͢Δ࢓૊ΈΛ࡞ͬͯ·͢
    ɾ஥ؒืूதʂʢϑϧϦϞʔτɺύʔτλΠϜɺ΋ͪΖΜϑϧλΠϜਖ਼ࣾһ΋׻ܴʣ

    View full-size slide

  4. ͜ͷτʔΫͷ໨త
    w όϦΤʔγϣϯͷൃੜݯͱൃੜύλʔϯ͕Θ͔Δ
    w όϦΤʔγϣϯ͔Βอޢ͠΍͍͢ίʔυΛॻͨ͘Ίʹඞཁͳ΋ͷ͕Θ͔Δ
    w όϦΤʔγϣϯ͔Βอޢ͠΍͍͢ίʔυΛॻͨ͘Ίʹඞཁͳ΋ͷͷ࢖͍ํΛମݧ͢Δ

    View full-size slide

  5. ͜Μͳܦݧ͋Γ·ͤΜ͔ʁ
    ݱࡏͷফඅ੫͸ͩͧɻ
    ݹ͍஫จ΋஫จ೔࣌ʹΑͬͯ
    ੫ࠐΈֹۚΛਖ਼͘͠ग़͢Α͏ʹɻ
    ΞΠΞΠαʔ
    JG PSEFS%BUFGPSNBU b:NE`

    \
    SFUVSOQSJDF

    ^FMTFJG ʜ
    \
    ʜ
    ^FMTF\
    SFUVSOQSJDF
    ^
    ͬͱɻ࣮૷׬ྃʂ

    View full-size slide

  6. ͑ͬʂ৯඼͚ͩ੫཰ҧ͏ͷʁ
    ࣮૷ΊΜͲ͍͘͞ͳʔɻ
    ͦ͏͍͏͜ͱ͸࠷ॳ͔Βݴͬͯ͘ΕΑʔʢྦʣ
    શ෦࡞Γ௚ͩ͠Αʔʢౖʣ
    ࠓ౓͸ˋʹ্͕Δ͔ΒରԠΑΖ͘͠ɻ
    Ͱ΋৯඼͸ͷ··Ͷɻ
    ͪͳΈʹ֎৯͸͔ͩΒͪΌΜͱ۠ผ͠ΖΑɻ

    View full-size slide

  7. r!IJEFOPSJHPUP
    lόϦΤʔγϣϯ͔ΒίʔυΛอޢͤΑz

    View full-size slide

  8. όϦΤʔγϣϯͱ͸ʁ

    View full-size slide

  9. όϦΤʔγϣϯͱ͸ʁ
    w มԽɺมಈɺసͯ͡छྨ
    w ྫ͑͹ɿεϐʔΧʔ5γϟπͷαΠζ4 . - --
    w ϓϩάϥϛϯάʹ͓͍ͯ͸ɺॲཧ͕෼ذ͢Δ͖͔͚ͬʹͳΔ
    w ྫ͑͹ɿ஫จ೔࣌ʹΑͬͯফඅ੫཰͕ҟͳΔ

    View full-size slide

  10. ͳͥόϦΤʔγϣϯ͕ൃੜ͢
    Δͷ͔ʁ

    View full-size slide

  11. ͳͥόϦΤʔγϣϯ͕ൃੜ͢
    Δͷ͔ʁ
    Ϗδωε͕มԽ͢Δ͔Β

    View full-size slide

  12. ͭ·Γ
    όϦΤʔγϣϯͷൃੜݯʹϏδωεͷมԽ
    όϦΤʔγϣϯͷൃੜύλʔϯʹϏδωεͷมԽͷύλʔϯ

    View full-size slide

  13. ϏδωεͷมԽͷύλʔϯΛݟۃΊΕ͹ɺόϦΤʔγϣϯ͕ݟۃΊΒΕΔ

    View full-size slide

  14. ϏδωεͷมԽͷύλʔϯ

    View full-size slide

  15. w ԣͷมԽ
    w ॎͷมԽ
    ϏδωεͷมԽͷύλʔϯ

    View full-size slide

  16. ԣͷมԽ
    w ຊͱτΠϨοτϖʔύʔ
    w IUUQTKBXJLJQFEJBPSHXJLJ"NB[PODPN
    w ϙʔγϣϯͱϋΠϙʔγϣϯ
    w (PPHMF"ETͱ:BIPP4QPOTPSFE4FBSDI

    View full-size slide

  17. ԣͷมԽͷ༧ଌ
    w ಉछͷผͷ΋ͷΛѻ͏͜ͱ͸ͳ͍͔ʁ૝૾͢Δ
    w ಉۀଞࣾͱ΋औҾ͢Δ͜ͱ͸ͳ͍͔ʁ૝૾͢Δ

    View full-size slide

  18. ॎͷมԽ
    w ໌࣏ˠେਖ਼ˠত࿨ˠฏ੒ˠʁ
    w ফඅ੫ˠˠˠˠʁ

    View full-size slide

  19. ॎͷมԽͷ༧ଌ
    w աڈͷྺ࢙͔Β૝૾͢Δ
    w ೋ౓͋Δ͜ͱ͸ࡾ౓͋Δ
    w ଞࠃͷઌߦࣄྫ͔Β૝૾͢Δ
    w ࠃͷ੍౓΍๏཯Λѻ͏৔߹

    View full-size slide

  20. ͭ·Γɺ૝૾ྗ͕ඞཁ

    View full-size slide

  21. ͜͜·Ͱͷ·ͱΊ
    w όϦΤʔγϣϯͷൃੜݯͱൃੜύλʔϯ͕Θ͔Δ✔
    w ൃੜݯ͸ϏδωεͷมԽ
    w ൃੜύλʔϯ͸ϏδωεͷมԽͷύλʔϯʢॎ·ͨ͸ԣʣ
    w όϦΤʔγϣϯ͔Βอޢ͠΍͍͢ίʔυΛॻͨ͘Ίʹඞཁͳ΋ͷ͕Θ͔Δ✔
    w มԽͷύλʔϯΛ༧ଌ͢ΔͨΊͷɺ૝૾ྗ
    w όϦΤʔγϣϯ͔Βอޢ͠΍͍͢ίʔυΛॻͨ͘Ίʹඞཁͳ΋ͷͷ࢖͍ํΛମݧ͢Δ

    View full-size slide

  22. ৚݅෼ذېࢭΪϓε

    View full-size slide

  23. ৚݅෼ذېࢭΪϓε

    View full-size slide

  24. ৚݅෼ذېࢭΪϓε
    όϦΤʔγϣϯͬΆ͍΋ͷ͕ݱΕͨͱ͖ʹ
    ҆қʹ৚݅෼ذΛͤͣʹ
    Ұาཱͪࢭ·ͬͯ
    ࠓޙͷมԽͷύλʔϯΛ૝૾͢Δ

    View full-size slide

  25. օ͞ΜΪϓε͚ͭ·͔ͨ͠ʁ
    Ұॹʹ΍ͬͯΈ·͠ΐ͏

    View full-size slide

  26. ྫ୊࿨ྐྵ
    ʮ݄೔͔Βݩ߸͕มΘΔ͡ΌΜɺ݄೔Ҏ߱ͷ੥ٻॻʹ͸৽͍͠ݩ߸Ͱग़ͯ͠Α
    Ͷʯ

    View full-size slide

  27. ྫ୊࿨ྐྵ
    ѱ͍ྫ
    JG EBUFGPSNBU b:NE`

    \

    SFUVSObত࿨`

    ^FMTFJG EBUFGPSNBU b:NE`

    \

    SFUVSObฏ੒`

    ^FMTF\

    SFUVSObʢԾʣ৽ݩ߸`

    ^ ࠓޙ΋มԽͦ͠͏ͳͱ͜Ζ͸ͳ͍
    ͔ʁ

    View full-size slide

  28. ྫ୊࿨ྐྵ
    ྑ͍ྫ
    SFUVSOXBSFLJ1SPWJEFS3FTPMWFSSFTPMWF EBUB
    QSPWJEF
    ত࿨PSฏ੒PSʜ

    View full-size slide

  29. ྫ୊୐഑ۀऀͷ഑ૹྉ
    ʮࠓ·ͰϠϚτ͚ͩͩͬͨΜ͚ͩͲɺࠓ౓͸ࠤ઒ͱ΋ܖ໿͢Δ͜ͱʹͨ͠ΜͩΑͶʔɻ
    αΠζͷͦΕͧΕͷ഑ૹྉࣗಈͰग़ͯ͠ʯ

    View full-size slide

  30. ྫ୊୐഑ۀऀͷ഑ૹྉ
    ѱ͍ྫ
    JG EFMJWFSZ.FUIPEbTBHBXB`
    \

    SFUVSOTBHBXB'FF5BCMF<`TJ[F`>

    ^FMTF\

    SFUVSOZBNBUP'FF5BCMF

    ^
    ࠓޙ΋มԽͦ͠͏ͳͱ͜Ζ͸ͳ͍
    ͔ʁ

    View full-size slide

  31. ྑ͍ྫ
    SFUVSOEFMJWFSZ'FF5BCMF3FTPMWFSSFTPMWF EFMJWFSZ.FUIPE

    HFU'FF'PS4J[F bTJ[F`

    ྫ୊୐഑ۀऀͷ഑ૹྉ

    View full-size slide

  32. ྫ୊࠙਌ձͷҿΈ෺
    ʮ࠙਌ձ͸ҿΈ์୊ͩΑɻେਓ͸ΞϧίʔϧͱιϑτυϦϯΫɺະ੒೥͸ιϑτυϦϯ
    ΫͷΈɻ֤ࢀՃऀʹͲͬͪͷυϦϯΫνέοτΛ౉ͤ͹͍͍͔ɺ͍͍ײ͡ʹ࣮૷ΑΖ͠
    ͘ʯ

    View full-size slide

  33. ྫ୊࠙਌ձͷҿΈ෺
    JG QBSUJDJQBOUJT"EVMU

    \

    SFUVSOb#FFS5JDLFU`

    ^FMTF\

    SFUVSOb+VJDF5JDLFU`

    ^
    ࠓޙ΋มԽͦ͠͏ͳͱ͜Ζ͸ͳ͍
    ͔ʁ

    View full-size slide

  34. ྫ୊࠙਌ձͷҿΈ෺
    JG QBSUJDJQBOUJT"EVMU

    \

    SFUVSOb#FFS5JDLFU`

    ^FMTF\

    SFUVSOb+VJDF5JDLFU`

    ^
    ࠓޙ΋มԽͦ͠͏ͳͱ͜Ζ͸ͳ͍
    ͔ʁ

    View full-size slide

  35. ͨͩ͠ɺۀ຿஌ࣝΛ൐Θͳ͍૝૾ྗ͸ɺໝ૝ྗͱԽ͢͜ͱ͕͋ΔͷͰཁ஫ҙ

    View full-size slide

  36. ·ͱΊ
    w όϦΤʔγϣϯͷൃੜݯͱൃੜύλʔϯ͕Θ͔Δ✔
    w ൃੜݯ͸ϏδωεͷมԽ
    w ൃੜύλʔϯ͸ϏδωεͷมԽͷύλʔϯʢॎ·ͨ͸ԣʣ
    w όϦΤʔγϣϯ͔Βอޢ͠΍͍͢ίʔυΛॻͨ͘Ίʹඞཁͳ΋ͷ͕Θ͔Δ✔
    w มԽͷύλʔϯΛ༧ଌ͢Δʢ૝૾ྗʣ
    w όϦΤʔγϣϯ͔Βอޢ͠΍͍͢ίʔυΛॻͨ͘Ίʹඞཁͳ΋ͷͷ࢖͍ํΛମݧ͢Δ✔
    w ৚݅෼ذېࢭΪϓε

    View full-size slide