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

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

Avatar for yagi2 yagi2
April 20, 2018
Technology
1
430

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

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

yagi2

April 20, 2018
Tweet

More Decks by yagi2

See All by yagi2
Kotlin DSLを理解してみる / Understanding Kotlin DSL
Avatar for yagi2 yagi2
4
2.5k
おうちにAPIを生やすお話.pdf
Avatar for yagi2 yagi2
0
480
略解 The Navigation Architecture Component
Avatar for yagi2 yagi2
1
210
KtorでおうちAPIをリプレースした話
Avatar for yagi2 yagi2
1
1.1k

Other Decks in Technology

See All in Technology
Devin＆Cursor、それぞれの「本質」から導く最適ユースケース戦略
Avatar for empitsu empitsu
8
2.5k
セキュリティSaaS企業が実践するCursor運用ルールと知見 / How a Security SaaS Company Runs Cursor: Rules & Insights
Avatar for tetsuzawa tetsuzawa
0
480
オープンソースのハードウェアのコンテストに参加している話
Avatar for misoji engineer iotengineer22
0
660
OTel meets Wasm: プラグイン機構としてのWebAssemblyから見る次世代のObservability
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
300
Roo Codeにすべてを委ねるためのルール運用
Avatar for PharmaX（旧YOJO Technologies）開発チーム pharma_x_tech
1
230
大事なのは、AIの精度だけじゃない！〜1円のズレも許されない経理領域とAI〜
Avatar for Jun Nemoto jun_nemoto
11
5.2k
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
6
360k
ソフトウェアは捨てやすく作ろう/Let's make software easy to discard
Avatar for Genki Sano sanogemaru
10
5.8k
データ戦略部門 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.1k
Scale Security Programs with Scorecarding
Avatar for Rami McCarthy ramimac
0
440
AIコードエディタは開発を変えるか？Cursorをチームに導入して1ヶ月経った本音
Avatar for Itaru Ota ota1022
1
710
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
5
38k

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.4k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
178
9.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
245
12k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.4k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
23
1.6k

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

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