Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Android版『フリル』におけるMaterial Designへの対応とガイドラインの捉え方
Search
nakamuuu
January 24, 2017
Technology
2
6.4k
Android版『フリル』におけるMaterial Designへの対応とガイドラインの捉え方
App Talk Night by Relux での発表資料です。
https://connpass.com/event/47649/
nakamuuu
January 24, 2017
Tweet
Share
More Decks by nakamuuu
See All by nakamuuu
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
1.4k
“ユーザー起点” のモバイルアプリの開発プロセス / Start up × FinTech
nakamuuu
2
5.8k
シームレスな体験を実現する本人確認フローの構築 〜家計簿プリカB/43でのeKYC開発実例〜 / iOSDC Japan 2021
nakamuuu
5
2.5k
“Material Designの変化” の中でアプリエンジニアができること / Bonfire Android #4
nakamuuu
2
4.3k
Guide to app architectureを踏まえた既存アプリの設計改良 / DroidKaigi 2019
nakamuuu
5
3.7k
ウィンドウサイズの変更に強い堅牢な画面の構築 / DroidKaigi 2018
nakamuuu
11
3.9k
Material Designを踏まえてAndroidアプリの構成を考える
nakamuuu
0
160
既存プロダクトのKotlin移行でハマったところ
nakamuuu
2
1.2k
プッシュ通知をオフにされないためにクライアントサイドでできること
nakamuuu
1
990
Other Decks in Technology
See All in Technology
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
220
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
410
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
430
Frontier airlines®️ USA Contact Numbers: Complete 2025 Support Guide
oliversmith12
0
110
怖くない!はじめてのClaude Code
shinya337
0
360
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
6.2k
Beyond Kaniko: Navigating Unprivileged Container Image Creation
f30
0
130
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
bengo4com
0
1.5k
一体いつからSRE NEXTがSREだけのカンファレンスだと錯覚していた? / When did you ever get the idea that SRE NEXT was a conference just for SREs?
vtryo
1
140
mrubyと micro-ROSが繋ぐロボットの世界
kishima
3
410
Flutter向けPDFビューア、pdfrxのpdfium WASM対応について
espresso3389
0
120
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.4k
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
52k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
How STYLIGHT went responsive
nonsquared
100
5.6k
Optimizing for Happiness
mojombo
379
70k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Site-Speed That Sticks
csswizardry
10
680
Embracing the Ebb and Flow
colly
86
4.7k
Transcript
Android൛ʰϑϦϧʱʹ͓͚Δ Material DesignͷରԠͱ ΨΠυϥΠϯͷଊ͑ํ
2 Fablic, inc. Android Application Developer தଜܙଠ @nakamuuu ϓϩϑΟʔϧ @chicken_111
ྦྷܭ ສ μϯϩʔυ ಥഁʂ 3 ϑϦϚΞϓϦʮϑϦϧʯʹ͍ͭͯ
4 ϑϦϚΞϓϦʮϑϦϧʯʹ͍ͭͯ τοϓσϕϩούʔʹೝఆʂ "OESPJE%FWFMPQFS4UPSZʹܝࡌʂ ʢຊͷඇήʔϜσϕϩούʔͱͯ͠ॳʣ
None
6 ֓ཁ wʰϑϦϧʱʹ͓͚Δ.BUFSJBM%FTJHOͷରԠ w.BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢ΔϝϦοτ
Android൛ʰϑϦϧʱʹ͓͚Δ Material DesignͷରԠ 7
.BUFSJBMEFTJHOHVJEFMJOFTͷެ։ ݄ 8 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ
.BUFSJBM%FTJHO 9 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ .BUFSJBMJT.FUBQIPS ݱ࣮ੈքͷཧ๏ଇΛద༻ͨ͠ϚςϦΞϧͷ֓೦ #PME HSBQIJD JOUFOUJPOBM ҹσβΠϯΛԠ༻ͨ͠େ͔ͭҙࣝతͳσβΠϯ
.PUJPOQSPWJEFTNFBOJOH ޮՌతͰҰ؏ͨ͠ҙຯͷ͋ΔΦϒδΣετͷಈ͖
"OESPJE൛ϑϦϧ.BUFSJBM%FTJHOରԠ ݄ 10 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ
11 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ W ݄ W ݄ W ݄
12 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ w.BUFSJBM%FTJHOରԠޙͷ େنϦχϡʔΞϧ wࡉ͔ͳ෦ͰΨΠυϥΠϯʹ४ڌ͠ ͍ͯͳ͔ͬͨ෦ஞ࣍վળ Կނͦ͜·Ͱͯ͠ .BUFSJBM%FTJHOରԠʁ W
݄
Material design guidelinesʹ ४ڌ͢ΔϝϦοτ 13
14 Material design guidelinesʹ४ڌ͢ΔϝϦοτ .BUFSJBM%FTJHOͷରԠ wΞϓϦͷ͍উखͷ্ wϢʔβʔΤϯήʔδϝϯτपΓͷվળ
15 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ࠓ͓͢͠Δͷʜ .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢Δ ։ൃऀଆʹͱͬͯͷϝϦοτ
16 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ᶃ ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ
17 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ wඒతɾૢతͳײੑʹΑΔ෦͕େ͖͍ʮσβΠϯʯ ͷྖҬΛۤखͱ͢ΔΤϯδχΞଟ͍ w.BUFSJBMEFTJHOHVJEFMJOFTͰσβΠϯͷࢥ͕ ཧతʹݴޠԽ͞Εɺ༷ʹམͱ͠ࠐ·Ε͍ͯΔ
w͜Ε͚ͩͷΨΠυϥΠϯΛࣾͰಠࣗʹඋ͢Δͷ͠ ͍ͷͰʁ
18 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ wΤϯδχΞΨΠυϥΠϯ͑͞Ѳ͍ͯ͠Εɺɹ ڞ௨ͷࣝʢʹݴޠʣΛ্࣋ͬͨͰσβΠφʔͱ ΓऔΓͰ͖Δ w͜͏͍ͬͨΓऔΓҎલ͔Β͕͋ͬͨɺࠜڌ͕ࣔͤΔ
ͷͱࣔͤͳ͍ͷͱͰେ͖ͳҧ͍͕ʜ ड͚ʹͳΓ͕ͪͳ ΤϯδχΞͷσβΠϯʹରͯ͠ͷҙࣝʹมԽ
19 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ᶄ ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ
20 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ wجຊతʹϑϨʔϜϫʔΫͰ༻ҙ͞Ε͍ͯΔʮඪ४ʯ ͱݴΘΕΔ6*͔ΒΕΔ΄Ͳ࣮ͷίετ্͕Δ wؤு࣮ͬͯͨ͠ʮඪ४Ͱͳ͍6*ʯͰୡ͞ΕΔ Ϣʔβʔମݧͷ্ͲΕ΄Ͳ͔Λߟ͑Δ
21 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ wʮඪ४ʯͱݴΘΕΔ6*ʢ)PMPςʔϚʣ͕Ϧονͳɹ ମݧΛੜΈग़ͤΔͷͰͳ͔ͬͨ wͦͦʮඪ४ʯʹै͍ͬͯͳ͍ΞϓϦ͕ଟ͔ͬͨ ͨΊɺʮඪ४ʯͰͳ͘ͳΔ͜ͱͰͷϦεΫ͕͍
ࠓ·Ͱͷ"OESPJEΞϓϦʜ
22 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ wʮඪ४ʯͱݴΘΕΔ6*ͰेʹϦονͳϢʔβʔ ମݧΛ࣮ݱ͢Δ͜ͱ͕Մೳʹͳͬͨ wʮඪ४ʯʹै͏ΞϓϦ͕૿͑ɺʮඪ४ʯͰͳ͘ͳΔ ͜ͱͰͷϦεΫ͕ߴ·ͬͨ
.BUFSJBM%FTJHOͷొޙ
23 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ ը໘ͷվमʢ݄ʣ wෳࡶͳεΫϩʔϧ࣌ͷΤϑΣΫτ ΛؚΉϨΠΞτ؆୯ʹ࣮ w%FTJHO4VQQPSU-JCSBSZͰ༻ҙ͞Ε
͍ͯΔ7JFXΛ༻ .BUFSJBM%FTJHOʹ͔ͬΔ͜ͱͰ গͳ͍ͰϦονͳମݧΛ࣮ݱ
24 Material design guidelinesʹ४ڌ͢ΔϝϦοτ .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢Δ ։ൃऀଆʹͱͬͯͷϝϦοτ ᶃΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ ᶄϑϨʔϜϫʔΫͰ༻ҙ͞Ε͍ͯΔ ίϯϙʔωϯτͷ༻ʹΑΔͷݮ
·ͱΊ 25
26 ·ͱΊ w.BUFSJBM%FTJHOͷରԠʹ͍উखΤϯήʔ δϝϯτͷ্ͷଞʹɺ։ൃऀʹͱͬͯͷϝϦοτ ଘࡏ͢Δ wطଘΞϓϦΛରԠͤ͞Δͷେ͖ͳ͕ൃੜ͢Δ ͕ɺϥΠϒϥϦͷఏڙͳͲͰɹରԠ͍͢͠ڥ ͖͍ͬͯͯΔ ·ͩ.BUFSJBM%FTJHOʹରԠͰ͖͍ͯͳ͍ͷͳΒ վΊͯ͏Ұɺ
ରԠΛݕ౼ͯ͠ΈͯͲ͏Ͱ͠ΐ͏͔ʁ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ