マテリアルデザインの起源とベースとなる哲学

マテリアルデザインの根底にある哲学とそこに至る背景を整理考察した内容です。

マテリアルデザインが2014に発表されてから、多くの開発者やデザイナーはGoogleが提供するマテリアルデザインガイドラインを参照して開発を行ってきました。

マテリアルデザインガイドラインにはルールの記載はあるが、ルールにいたった理由や背景が記載されていません。
理由や背景がないために、企画・開発・デザイン間でガイドラインにどこまで従うべきかの判断が難しい状況が度々起こるかと思います。
そもそも作った人はどういった意図でこのガイドラインに落として行ったのかを考察することで、議論の有効な論点の一助となればと思います。

Transcript

1. ϚςϦΞϧσβΠϯͷىݯͱϕʔεͱͳΔ఩ֶ
   Presenter : Kentaro Sata
   - 2019/02/07 -
   

   View Slide

2. PROFILE
   AndroidΤϯδχΞ
   — FiNC Technologiesʹॴଐ
   — ίϛϡχςΟʔػೳΛ։ൃ͢ΔνʔϜͷTL
   Ωϟϯύʔ
   — ฏۉ͢ΔͱҰ݄ʹ1ճҎ্͸ςϯτੜ׆
   — ݱࡏ͸ݐஙՈͷ༑ਓͱςϯτΛσβΠϯத (https://twitter.com/
   SataKentaro)
   ݐங
   — ֶੜ࣌୅͸ݐஙσβΠϯΛઐ߈
   Kentaro Sata (Ωϟϯϓͷ͑Μ͡ʹ͋)
   AndroidΤϯδχΞ / Ωϟϯύʔ / ݐங
   

   View Slide

3. ͸͡Ίʹ
   Introduction
   

   View Slide

4. ͸͡Ίʹ
   Introduction
   ͜Μͳ΍ΓͱΓ͋Γ·ͤΜ͔ʁ
   ʮ"OESPJEͷ6*͸J04ͱಉ͡Ͱʂʯ
   σβΠφʔ
   

   View Slide

5. ͸͡Ίʹ
   Introduction
   ʮ"OESPJE͸ϚςϦΞϧσβΠϯ͔ͩΒJ04ʹἧ͑Δ΂͖Ͱ͸ͳ͍ʯ
   ʮͦΕ͸ϚςϦΞϧσβΠϯΨΠυϥΠϯʹ൓ͯ͠ΔɻΨΠυϥΠϯʹै͏΂͖ʯ
   ͦΕʹର͢Δ"OESPJEΤϯδχΞͱͯ͠ͷ൓࿦ͷ਺ʑ
   ʮ"OESPJEϢʔβʔ͸ϚςϦΞϧσβΠϯʹ׳Ε͍ͯΔ͔Βʯ
   ʮ"OESPJEΒ͍͠σβΠϯͬͯ΋ͷ͕͋Δʯ
   

   View Slide

6. ͸͡Ίʹ
   Introduction
   ຊ౰ʹͦΕ͕ॏཁͳΜͰ͠ΐ͏͔ʁ
   

   View Slide

7. ͸͡Ίʹ
   Introduction
   ͦ΋ͦ΋ɺ୭͕࡞͔ͬͨΛ஌͍ͬͯ·͔͢ʁ
   

   View Slide

8. ͸͡Ίʹ
   Introduction
   ϚςΟΞεɾσϡΞϧς
   .BUJBT%VBSUF
   ग़యIUUQCJUMZ3;&94
   

   View Slide

9. %
   1SJOUJOH
   %FTJHO
   -BOHVBHF
   .FUBQIPS
   5FDIOPMPHZ
   1IZTJDT
   ͸͡Ίʹ
   Introduction
   

   View Slide

10. %
    1SJOUJOH
    %FTJHO
    -BOHVBHF
    .FUBQIPS
    5FDIOPMPHZ
    1IZTJDT
    ͸͡Ίʹ
    Introduction
    

    View Slide

11. %
    1SJOUJOH
    %FTJHO
    -BOHVBHF
    .FUBQIPS
    5FDIOPMPHZ
    1IZTJDT
    ͸͡Ίʹ
    Introduction
    Philosophy
    

    View Slide

12. %
    1SJOUJOH
    %FTJHO
    -BOHVBHF
    .FUBQIPS
    5FDIOPMPHZ
    1IZTJDT
    ͸͡Ίʹ
    Introduction
    Philosophy
    

    View Slide

13. ͸͡Ίʹ
    Introduction
    

    View Slide

14. %
    1SJOUJOH
    %FTJHO
    -BOHVBHF
    .FUBQIPS
    5FDIOPMPHZ
    1IZTJDT
    ͸͡Ίʹ
    Introduction
    

    View Slide

15. ͸͡Ίʹ
    Introduction
    ϚςΟΞεɾσϡΞϧς
    .BUJBT%VBSUF
    

    View Slide

16. ͸͡Ίʹ
    Introduction - history -
    

    View Slide

17. ͸͡Ίʹ
    Introduction
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞ΕͨͷʁdσβΠϯͱΞʔτͷྺ࢙d
    ՝୊͸Կʁd.BUJBT%VBSUFͷҙࢥͱ఩ֶd
    ຊདྷͷ՝୊Λ;·͑ͯd͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํd
    "HFOEB
    

    View Slide

18. σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    History of Design Iteration.
    ~History of Design & Art~
    - 01 -
    

    View Slide

19. σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    History of Design Iteration. ~History of Design & Art~
    WT
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ
    

    View Slide

20. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    

    View Slide

21. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ग़యIUUQCJUMZ4DJO
    ࢈ۀֵ໋
    ੜ࢈ੑ߹ཧੑ
    

    View Slide

22. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ग़యIUUQCJUMZ4DJO
    ࢈ۀֵ໋
    ੜ࢈ੑ߹ཧੑ
    ѹ౗తੜ࢈ੑര஀
    

    View Slide

23. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ग़యIUUQCJUMZ6TV)J
    WT
    ग़యIUUQCJUMZ4DJO
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ
    ଟ༷ੑݸੑ
    

    View Slide

24. ग़యIUUQCJUMZ6TV)J ग़యIUUQCJUMZ4I11
    History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ѹ౗తͳଟ༷ੑݸੑʹภ͍ͬͯ͘
    ଟ༷ੑݸੑ
    (P(Pʂ
    

    View Slide

25. ग़యIUUQCJUMZ6U&EL6 ग़యIUUQCJUMZ4,[
    History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ੜ࢈ੑ߹ཧੑ
    ੜ࢈ੑ߹ཧੑ΁ͷ༳Γ໭͠
    

    View Slide

26. ग़యIUUQCJUMZ6U&EL6
    History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ଟ༷ੑݸੑ
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ
    WT
    ग़యIUUQCJUMZ4,5*Y
    ग़యIUUQCJUMZ6TV)J
    

    View Slide

27. ग़యIUUQCJUMZ4,5*Y
    History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ଟ༷ੑݸੑ
    (P(Pʂ
    ग़యIUUQCJUMZ6,W6V
    ѹ౗తͳଟ༷ੑݸੑʹภͬͨ΋ͷ΋ݱΕΔ
    ग़యIUUQCJUMZ4YHTT
    

    View Slide

28. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    WT
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ
    

    View Slide

29. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ
    

    View Slide

30. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    6*69σβΠϯ
    

    View Slide

31. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ϚςϦΞϧσβΠϯര஀
    ग़యIUUQTNBUFSJBMJP
    

    View Slide

32. ୈҰষ σβΠϯͱΞʔτͷྺ࢙ ·ͱΊ
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    History of Design Iteration. ~History of Design & Art~
    ϚςϦΞϧσβΠϯ͸ͦΜͳݱ୅ʹੜ·Εͨ
    ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ
    ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅
    ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅
    

    View Slide

33. ຊདྷͷ՝୊͸Կʁ
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?
    ~Purpose & Philosophy of Matias Duarte~
    - 02 -
    

    View Slide

34. ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ
    ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅
    ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅
    ϚςϦΞϧσβΠϯ͸ͦΜͳݱ୅ʹੜ·Εͨ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

35. ᶃ҆ఆతͳσβΠϯͱੜ࢈ੑ ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻
    
    ᶄଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ
    ᶅࠜݯతʹྑ͍6*69 ೴ʹ΍͍͞͠৺གྷΔମݧ
    
    ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ
    ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅
    ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

36. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ϚςΟΞεɾσϡΞϧς
    .BUJBT%VBSUF
    ग़యIUUQCJUMZ3;&94
    

    View Slide

37. Matias Duarteͷҙࢥ ͦͷೋ ~ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻~
    01 / 03
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

38. 2019
    1760
    WT
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

39. ग़యIUUQCJUMZ6U&EL6 ग़యIUUQCJUMZ4,[
    2019
    1760
    ੜ࢈ੑ߹ཧੑ
    ੜ࢈త߹ཧతͳσβΠϯݪଇ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

40. ग़యIUUQCJUMZ4,[
    2019
    1760
    ੜ࢈ੑ߹ཧੑ
    ϙελʔσβΠϯ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

41. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ҆ఆతͳσβΠϯͱੜ࢈ੑ
    

    View Slide

42. Matias Duarteͷҙࢥ ͦͷࡾ ~ଟ༷ੑ~
    02 / 03
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

43. .BUFSJBM%FTJHO
    .BUFSJBM%FTJHO
    .BUFSJBM%FTJHO
    .BUFSJBM%FTJHO
    BQQ
    BQQ
    BQQ
    BQQ
    
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

44. .BUFSJBM%FTJHO
    *OGSB
    BQQ
    BQQ
    BQQ
    BQQ
    UIJTJT8IBU*NQPSUBOU
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

45. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ
    

    View Slide

46. Matias Duarteͷҙࢥ ͦͷҰ ~೴ʹ΍͍͞͠৺གྷΔମݧ~
    03 / 03
    BIPL
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

47. ϚςϦΞϧ
    ϝλϑΝʔ ൺᄻ
    
    ૝૾ྗΛܹࢗ͢Δຐ๏ͷΑ͏ͳମݧ
    )PXUIF.BUFSJBM%FTJHOJT
    Պֶٕज़ͷֵ৽ੑͱՄೳੑΛ༥߹ͤͨ͞ࢹ֮ݴޠ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

48. UIBU`TBDBNFSB
    453&44'6-
    ೝ஌Պֶ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    XIBU`TUIJTEBEEZ
    /0/&453&44
    

    View Slide

49. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

50. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    *`N
    

    View Slide

51. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

52. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    BQQMFGBMMT
    

    View Slide

53. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    BQQMFGBMMT
    

    View Slide

54. -JHIU4IBEPXT 4VSGBDF .PUJPO
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    /0/&453&44
    

    View Slide

55. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ೴ʹ΍͍͞͠
    

    View Slide

56. ϚςϦΞϧ
    ϝλϑΝʔ ൺᄻ
    
    ૝૾ྗΛܹࢗ͢Δຐ๏ͷΑ͏ͳମݧ
    )PXUIF.BUFSJBM%FTJHOJT
    Պֶٕज़ͷֵ৽ੑͱՄೳੑΛ༥߹ͤͨ͞ࢹ֮ݴޠ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

57. IFSF
    ࢹ֮໺
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

58. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

59. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

60. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    
    ‼
    

    View Slide

61. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

62. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ʁPLHPBIFBE
    

    View Slide

63. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    *OUFSFTUJOH✨
    8PPP✨
    

    View Slide

64. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    8PPP✨
    ৺གྷΔ
    

    View Slide

65. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ೴ʹ΍͍͞͠ମݧ
    ࣗ༝ͳಈ͖Ͱ৺གྷΔମݧ
    

    View Slide

66. ࠜݯతʹྑ͍6*69 ೴ʹ΍͍͞͠৺གྷΔମݧ
    
    Matias Duarteͷҙࢥ ·ͱΊ ~ଟ༷ͳϢʔβʔՁ஋ͱੜ࢈ੑ~
    ҆ఆతͳσβΠϯͱੜ࢈ੑ ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻
    
    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    

    View Slide

67. ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design
    ~How we use Material Design~
    - 03 -
    

    View Slide

68. ͦͷલʹɺୈҰষͱୈೋষΛ͓͞Β͍
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~
    

    View Slide

69. ୈҰষ σβΠϯͱΞʔτͷྺ࢙ ·ͱΊ
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~
    ϚςϦΞϧσβΠϯ͸ͦΜͳݱ୅ʹੜ·Εͨ
    ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ
    ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅
    ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅
    

    View Slide

70. Matias Duarteͷҙࢥ ·ͱΊ ~ଟ༷ͳϢʔβʔՁ஋ͱੜ࢈ੑ~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~
    ࠜݯతʹྑ͍6*69 ೴ʹ΍͍͞͠৺གྷΔମݧ
    
    ҆ఆతͳσβΠϯͱੜ࢈ੑ ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻
    
    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ
    

    View Slide

71. ࠜݯతʹྑ͍6*69
    ҆ఆతͳσβΠϯͱੜ࢈ੑ
    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~
    

    View Slide

72. ࠜݯతʹྑ͍6*69ˠαʔϏεͱͯ͠ͷϢʔβʔମݧ
    ҆ఆతͳσβΠϯͱੜ࢈ੑˠσβΠϯޮ཰ɺ։ൃޮ཰
    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥˠಠࣗͷϒϥϯυՁ஋
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~
    

    View Slide

73. Based on subjects of Material Design. ~How we use Material Design~
    ʮ"OESPJEͷ6*͸J04ͱಉ͡Ͱʂʯ
    σβΠφʔ
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    

    View Slide

74. σβΠφʔͷൃݴͷഎܠ
    αʔϏεͱͯ͠ͷϢʔβʔମݧͱͯ͠Θ͔Γ΍͍͢ͱࢥ͍ͬͯΔ
    σβΠφʔͱͯ͠ޮ཰తͩͱࢥ͍ͬͯΔ
    ಠࣗͷϒϥϯυՁ஋ͱͯ͠౷Ұ͍ͨ͠ͱࢥ͍ͬͯΔ
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~
    

    View Slide

75. αʔϏεͱͯ͠ͷϢʔβʔମݧͱͯ͠Θ͔Γ΍͍͢ͱࢥ͍ͬͯΔ
    %SBXFS #PUUPN/BWJHBUJPO
    ग़యIUUQCJUMZ6,/32U
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    

    View Slide

76. σβΠφʔͱͯ͠ޮ཰తͩͱࢥ͍ͬͯΔ
    ग़యIUUQCJUMZ4C2YD/
    "OESPJE6* J046*
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    

    View Slide

77. ಠࣗͷϒϥϯυՁ஋ͱͯ͠౷Ұ͍ͨ͠ͱࢥ͍ͬͯΔ
    GPOU DPMPS
    ग़యIUUQCJUMZ6*"Z[) ग़యIUUQCJUMZ6'6)('
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    

    View Slide

78. ಠࣗͷϒϥϯυՁ஋ͱͯ͠౷Ұ͍ͨ͠ͱࢥ͍ͬͯΔ
    .BUFSJBM5IFNJOH
    ग़యIUUQCJUMZ6):#JX
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    

    View Slide

79. ݁࿦ ~ϚςϦΞϧσβΠϯͷ߹ཧੑΛۛຯ͠ଟ༷ੑΛՃ͑Δ~
    αʔϏεͱͯ͠ͷϢʔβʔମݧ
    σβΠϯޮ཰ɺ։ൃޮ཰
    ಠࣗͷϒϥϯυՁ஋
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    

    View Slide

80. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    Kentaro Sata
    - THANK YOU -
    

    View Slide