10分で完全に（雰囲気を）理解するマテリアルデザイン

Bbf2a0e77c98104ac16ef6d0098c1385?s=47 yagi2
April 20, 2018
Technology
1
270

 10分で完全に（雰囲気を）理解するマテリアルデザイン

Kyoto.LT 第20回の発表スライドです
https://kyotolt.connpass.com/event/82294/

Bbf2a0e77c98104ac16ef6d0098c1385?s=128

yagi2

April 20, 2018
Tweet

More Decks by yagi2

See All by yagi2
Bbf2a0e77c98104ac16ef6d0098c1385?s=48 yagi2
2
950
Bbf2a0e77c98104ac16ef6d0098c1385?s=48 yagi2
0
190
Bbf2a0e77c98104ac16ef6d0098c1385?s=48 yagi2
1
150
Bbf2a0e77c98104ac16ef6d0098c1385?s=48 yagi2
1
600

Other Decks in Technology

See All in Technology
75fd80a8ace6ab292a7de563e018ae11?s=48 takashi_toyosaki
0
220
53850955f15249a1a9dc49df6113e400?s=48 line_developers
1
160
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
1
220
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
270
5c3556b7c8c0ab6bc90a62161a8315f8?s=48 gracia
0
440
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
330
1dfa2bb34977b1db41d0d46d4505183f?s=48 osuke
2
1.1k
9c42c4bc1d91c409d754da88c91cb2ef?s=48 kur0cky
1
210
4c179cd6250ba8459f278a1440d7f610?s=48 dach
0
180
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
200
2b4f9f20b554d4c77c46fe6a9930d6fe?s=48 south37
1
1.2k
53850955f15249a1a9dc49df6113e400?s=48 line_developers
0
140

Featured

See All Featured
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
5
3.5k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
115
4.7k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
581
190k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.2k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.7k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
293
38k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
323
14k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
236
23k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
407
57k

Transcript

  1. 10෼Ͱ׬શʹཧղ͢Δ ϚςϦΞϧσβΠϯ γʔαʔגࣜձࣾɹItuski Aoyagi (@yagi2) 2018-04-20(Fri) Kyoto.LT #20

  2. ࣗݾ঺հ ɾ੨༄ थʢ͓͋΍͗ ͍͖ͭʣ a.k.a ΍͗ʹ͍ ɾAndroidΞϓϦΤϯδχΞ ʢ✨2೥໨✨ʣ ɾσβΠϯͳΜʹ΋Θ͔ΒΜϚϯ

  3. ϚςϦΞϧσβΠϯ ஌ͬͯΔਓ

  4. –from Wikipedia “ϚςϦΞϧσβΠϯʢMaterial Designʣ͸ɺ ΞϝϦΧ߹ऺࠃͷGoogle͕ࣾఏএͨ͠Ϣʔβʔ ΤΫεϖϦΤϯεσβΠϯͷମܥɺ͓ΑͼͦΕ Λ࣮ݱ͢Δ։ൃٕज़΍ख๏ɺσβΠϯɺࢼΈͳ Ͳͷแׅతݺশɻ”

  5. None

  6. ϚςϦΞϧσβΠϯ ΨΠυϥΠϯ ΛಡΜͩ͜ͱ͋Δਓ

  7. None

  8. 10෼Ͱ׬શʹཧղ͢Δ ϚςϦΞϧσβΠϯ

  9. 10෼Ͱ׬શʹཧղ͢Δ ϚςϦΞϧσβΠϯ 10෼ޙͷ໨ඪ →

  10. ࠓ೔͸ϚςϦΞϧσβΠϯΨΠυϥΠϯͷද໘Λ ;ΜΘΓͳͧͬͯงғؾΛཧղ͠·͠ΐ͏

  11. 10෼ͰงғؾΛཧղ͢Δ ϚςϦΞϧσβΠϯ γʔαʔגࣜձࣾɹItuski Aoyagi (@yagi2) 2018-04-20(Fri) Kyoto.LT #20

  12. ʮݹయతͳ͍͍σβΠϯͷݪଇʯ + ʮٕज़΍ՊֶͷՄೳੑͱֵ৽ʯ ↓ ࢹ֮తͳݴޠͷ࡞੒ ϚςϦΞϧσβΠϯͷΰʔϧ

  13. ϚςϦΞϧ͸ϝλϑΝʔ େ୾Ͱ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ

  14. ϚςϦΞϧ͸ݱ࣮ੈքʹج͍ͮ ͍ͯΔ ਓؒʹͱͬͯೃછΈͷ͋Δײ֮ ΛऔΓೖΕΔ ࢴͱΠϯΫͷॏͳΓɾ࡞༻ ϚςϦΞϧ͸ϝλϑΝʔ

  15. Ϣʔβʔͷૢ࡞Λڧௐͯ͠ɺॏ ཁͳػೳ͕͙͢Θ͔Δʢಓඪʣ େ୾Ͱੜ͖ੜ͖ͱͨ͠Πϯλʔ ϑΣʔεʢσβΠϯʣ͸Ϣʔβʔ Λເதʹͤ͞Δ େ୾Ͱੜ͖ੜ͖ͱͨ͠ɺҙࣝతͳσβΠϯ

  16. ಈ͖Λ༩͑ͯɺಈ࡞ͷओମ͕Ϣʔβʔ Ͱ͋Δ͜ͱͷڧௐ มܗɾ࠶ߏ੒͢Δͱ͖΋Ϣʔβʔମ ݧͷ࿈ଓੑΛଛͳΘͳ͍Α͏ʹ͢Δ ಈ͖ʹ͸ҙຯ͕͋Δ ҙຯͷ͋ΔϞʔγϣϯ

  17. None

  18. ͳΜ͔͍Ζ͍Ζ೉͍͠

  19. ϚςϦΞϧ͸ϝλϑΝʔ େ୾Ͱ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ

  20. ϚςϦΞϧ͸ϝλϑΝʔ େ୾Ͱ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ

  21. ݱ࣮ੈքͷҹ࡮෺͸ࢴͱΠϯΫ ͰσβΠϯ͞Ε͍ͯΔ ͦΕΛൺᄻͱ͍ͯ࣋ͬͯ͘͠ → ෺ཧతʹ͋Γ͑ͳ͍σβΠϯ͸͠ͳ͍ ϚςϦΞϧ͸ϝλϑΝʔ

  22. ϘλϯͳͲͷUIύʔπ͸ࢴͰͰ ͖͍ͯΔͱߟ͑Δɻ 1dpͷް͞Λ͍࣋ͬͯΔ ݱ࣮ੈքͱಉ͘͡ɺॏͶΒΕΔ ࢴͱΠϯΫ

  23. None
  24. None
  25. None

  26. ϚςϦΞϧ͸ϝλϑΝʔ େ୾Ͱ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ

  27. ϚςϦΞϧ͸ϝλϑΝʔ େ୾Ͱ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ

  28. Ϣʔβʔͷૢ࡞ΛσβΠϯͱͯ͠ දݱ͢Δ ૢ࡞Λڧௐͯ͠ૢ࡞͢Δ্Ͱͷ ಓඪΛͭ͘Δ ҙࣝతͳσβΠϯ

  29. None

  30. ϚςϦΞϧ͸ϝλϑΝʔ େ୾Ͱ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ

  31. ϚςϦΞϧ͸ϝλϑΝʔ େ୾Ͱ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ

  32. ύʔπ͸෺࣭ɺͭ·Γ࣭ྔΛ࣋ͭͷͰ ෺ཧ๏ଇʹै͏ Ϣʔβʔʹ࿈ଓੑΛࣦΘͤͳ͍Α͏ʹ ΞχϝʔγϣϯΛͤͯ͞αϙʔτ͢Δ ҙຯͷ͋ΔϞʔγϣϯ

  33. None

  34. Do Don’t

  35. ݱ࣮ੈքͷϧʔϧΛऔΓೖΕͯ ௚ײతͳૢ࡞Λ࣮ݱ Ϣʔβʔͷૢ࡞ʹඥ෇͘ҙຯ ͷ͋ΔϞʔγϣϯͰྑ͍ମݧ Λ༩͑Δ ·ͱΊ

  36. ͓·͚

  37. Material Design Guideline Twitter : @materialdesign Material Icons Design Templates

    ϚςϦΞϧσβΠϯ͜ͱ͸͡Ί