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
家計簿アプリZaimのMaterialDesign対応について
Search
Takahiro Shimokawa
September 11, 2015
Design
0
570
家計簿アプリZaimのMaterialDesign対応について
家計簿アプリZaimのAndroid版で、MaterialDesign対応に取り組んだときに気付いたことをまとめました。
Takahiro Shimokawa
September 11, 2015
Tweet
Share
More Decks by Takahiro Shimokawa
See All by Takahiro Shimokawa
PlayStoreでの新しいユーザー訴求 -LiveOpsの活用とその成果-
androhi
0
2.6k
ConcatAdapterを深掘る
androhi
1
420
Android Studio 4.1推しポイント!
androhi
0
1.3k
一人開発でつまづいたときの処方箋
androhi
0
350
Androidの物理ベースアニメーション
androhi
1
620
ConstraintLayout再入門
androhi
2
3.5k
Firebase Analytics 使用感
androhi
0
900
Support Library v23.2 overview
androhi
0
690
Support Library 総復習
androhi
2
2.5k
Other Decks in Design
See All in Design
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
110
アクセシビリティに取り組むメリット
magi1125
1
220
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
740
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
200
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
160
mento Design Team Portfolio
mento0fficial
0
450
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
350
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
270
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
PF_濵村ひろみ_202503
maru_design78
0
210
Featured
See All Featured
A Tale of Four Properties
chriscoyier
160
23k
Embracing the Ebb and Flow
colly
86
4.8k
Done Done
chrislema
185
16k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
410
GraphQLとの向き合い方2022年版
quramy
49
14k
Thoughts on Productivity
jonyablonski
69
4.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Speed Design
sergeychernyshev
32
1k
The Language of Interfaces
destraynor
158
25k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Transcript
Material Design ରԠʹ͍ͭͯ ΦϯϥΠϯՈܭ Zaim - Takahiro Shimokawa
Self-Introduction 4 Zaim Ͱ Android ΞϓϦͷ։ൃ୲ 4 2015/04 : DroidKaigi
࣮ߦҕһˍൃද 4 2015/08 : IntelliJ Plugin ษڧձ 4 2015/08 : Android Drawable Viewer
About Zaim 4 Android / iOS / Windows / Web
4 ϨγʔτࡱӨͰࣗಈೖྗ 4 ۜߦɾΧʔυΛࣗಈऔಘ 4 અͰ͖Δੳάϥϑ 4 ੈք֤ࠃͷ௨՟ʹରԠ 4 ࣏ࣗମͷڅۚ / ҩྍඅ߇আͳͲͷπʔϧ
ͳͥ Material Design ΛऔΓೖΕΔʹ ࢸ͔ͬͨʁ 4 ը໘ߏͷվળʹߦ͖٧·͍ͬͯͨ 4 Material Design
ͷΨΠυϥΠϯ͕උ͞Ε࢝Ίͨ 4 ϓϥοτϑΥʔϜඪ४Λॏࢹ͍ͯ͠Δ
Topic UI / UX Λେ͖͘ม͑Δ ͱ͖ʹҙ͢Δ͜ͱ
Detail 1. Α͘͏ػೳͷλοϓ 2. ը໘ʹ৮Βͳ͍ঢ়ଶͰͷը໘ͷใྔ 3. ͓͍߹Θͤͷಈઢ
3. ͓͍߹Θͤͷಈઢ ϢʔβʔͷཁෆຬΛɺۃྗ͓͍߹ΘͤʹདྷΔΑ ͏ଅ͢΄͏͕ྑ͍ɻ 4 ϨϏϡʔʹ۩ମతͳҙݟɺ΄΅ॻ͍ͯΒ͑ͳ͍ 4 ωΨςΟϒͳҹΛ࣋ͨΕΔͱɺϨϏϡʔධՁ͍ 4 ϨϏϡʔʹฦ৴ͯ͠ݟͯΒ͑Δ͔͔Βͳ͍
Old Version
New Version
And one more...
2. ը໘ͷใྔ Ϣʔβʔ͕ݟ͍ͨใ ≠ ը໘͔ΒಘΒΕΔใ => ͍ʹ͍͘
Old Version γϯϓϧͳϦετܗࣜͰɺ֓ཁ͕͔ ΔΑ͏ʹςΩετগͳ͍ɻ ϨϏϡʔͳͲͰҎԼͷΑ͏ͳҙݟΛ ͘͜ͱ͕͋ͬͨɻ 4 γϯϓϧͰ͍͍ 4 ݟ͍͢
New Version - 1 (CardView) ใྔ͕૿͕͑ͨɺҎԼͷΑ͏ͳҙݟ ͕ଟ͘دͤΒΕͨɻ 4 Ұཡੑ͕Լ͕ͬͯݟͮΒ͘ͳͬͨ 4
ҎલΑΓͨ͘͞ΜεΫϩʔϧ͚͠ ΕͳΒ͍ͣͮΒ͍
New Version - 2 (ListView) Material Design ͷΨΠυϥΠϯΛ ࢀߟʹͭͭ͠ɺैདྷͷ ListView
ϕʔ εʹͨ͠ɻ ࠓݱࡏɺCardView ͷͱ͖ͷΑ͏ ͳҙݟɺ΄ͱΜͲݟΒΕͳ͘ͳͬ ͨɻ
1. Α͘͏ػೳͷλοϓ 4 ͍Ζ͍ΖͳγʔϯͰͷՈܭͷೖྗ 4 ϨγʔτΛཷΊͯͱ͔िͱ͔ʹҰؾʹೖྗ 4 Ҡಈ࣌ؒͳͲεΩϚ࣌ؒʹίπίπೖྗ
Old Version
New Version
And one more... 4 λοϓ͢Δճ͕૿͑ͯΊΜͲ͘͞ ͘ͳͬͨɺͱ͍͏ҙݟ͕ଟ͘ͳͬ ͨ 4 ͍Ζ͍ΖͳχʔζʹγϣʔτΧοτ ͰԠ͑Δ
Summary 1. Α͘͏ػೳͷλοϓ 4 ͔͕ͨ̍λοϓ͞ΕͲ̍λοϓ 2. ը໘ͷใྔ 4 Ұཡੑ͔ݸʑͷৄࡉ͔ 3.
͓͍߹Θͤͷಈઢ 4 ϨϏϡʔͷˑ̍ෆ۩߹ใࠂෆ͔͠࢈·ͳ͍
Engineer Wanted! public Zaim() { ios.setLanguage(Swift); web.setLanguage(Ruby); api.setLanguage(PHP); android.setLanguage(Java); }
Thank you for listening.