Tweet
Tweet

Slide 1

Slide 1 text

Material Design ରԠʹ͍ͭͯ ΦϯϥΠϯՈܭ฽ Zaim - Takahiro Shimokawa

Slide 2

Slide 2 text

Self-Introduction 4 Zaim Ͱ Android ΞϓϦͷ։ൃ୲౰ 4 2015/04 : DroidKaigi ࣮ߦҕһˍൃද 4 2015/08 : IntelliJ Plugin ษڧձ 4 2015/08 : Android Drawable Viewer

Slide 3

Slide 3 text

About Zaim 4 Android / iOS / Windows / Web 4 ϨγʔτࡱӨͰࣗಈೖྗ 4 ۜߦɾΧʔυΛࣗಈऔಘ 4 અ໿Ͱ͖Δ෼ੳάϥϑ 4 ੈք֤ࠃͷ௨՟ʹରԠ 4 ࣏ࣗମͷڅ෇ۚ / ҩྍඅ߇আͳͲͷπʔϧ

Slide 4

Slide 4 text

ͳͥ Material Design ΛऔΓೖΕΔʹ ࢸ͔ͬͨʁ 4 ը໘ߏ੒ͷվળʹߦ͖٧·͍ͬͯͨ 4 Material Design ͷΨΠυϥΠϯ͕੔උ͞Ε࢝Ίͨ 4 ϓϥοτϑΥʔϜඪ४Λॏࢹ͍ͯ͠Δ

Slide 5

Slide 5 text

Topic UI / UX Λେ͖͘ม͑Δ ͱ͖ʹ஫ҙ͢Δ͜ͱ

Slide 6

Slide 6 text

Detail 1. Α͘࢖͏ػೳ΁ͷλοϓ਺ 2. ը໘ʹ৮Βͳ͍ঢ়ଶͰͷը໘಺ͷ৘ใྔ 3. ͓໰͍߹Θͤ΁ͷಈઢ

Slide 7

Slide 7 text

3. ͓໰͍߹Θͤ΁ͷಈઢ Ϣʔβʔͷཁ๬΍ෆຬΛɺۃྗ͓໰͍߹ΘͤʹདྷΔΑ ͏ଅ͢΄͏͕ྑ͍ɻ 4 ϨϏϡʔʹ͸۩ମతͳҙݟ͸ɺ΄΅ॻ͍ͯ΋Β͑ͳ͍ 4 ωΨςΟϒͳҹ৅Λ࣋ͨΕΔͱɺϨϏϡʔධՁ͸௿͍ 4 ϨϏϡʔʹฦ৴ͯ͠΋ݟͯ΋Β͑Δ͔͸෼͔Βͳ͍

Slide 8

Slide 8 text

Old Version

Slide 9

Slide 9 text

New Version

Slide 10

Slide 10 text

And one more...

Slide 11

Slide 11 text

2. ը໘಺ͷ৘ใྔ Ϣʔβʔ͕ݟ͍ͨ৘ใ ≠ ը໘͔ΒಘΒΕΔ৘ใ => ࢖͍ʹ͍͘

Slide 12

Slide 12 text

Old Version γϯϓϧͳϦετܗࣜͰɺ֓ཁ͕෼͔ ΔΑ͏ʹςΩετ͸গͳ͍ɻ ϨϏϡʔͳͲͰ΋ҎԼͷΑ͏ͳҙݟΛ ௖͘͜ͱ͕͋ͬͨɻ 4 γϯϓϧͰ͍͍ 4 ݟ΍͍͢

Slide 13

Slide 13 text

New Version - 1 (CardView) ৘ใྔ͕૿͕͑ͨɺҎԼͷΑ͏ͳҙݟ ͕ଟ͘دͤΒΕͨɻ 4 Ұཡੑ͕Լ͕ͬͯݟͮΒ͘ͳͬͨ 4 ҎલΑΓͨ͘͞ΜεΫϩʔϧ͚͠ Ε͹ͳΒͣ࢖͍ͮΒ͍

Slide 14

Slide 14 text

New Version - 2 (ListView) Material Design ͷΨΠυϥΠϯΛ ࢀߟʹͭͭ͠ɺैདྷͷ ListView ϕʔ εʹ໭ͨ͠ɻ ࠓݱࡏ͸ɺCardView ͷͱ͖ͷΑ͏ ͳҙݟ͸ɺ΄ͱΜͲݟΒΕͳ͘ͳͬ ͨɻ

Slide 15

Slide 15 text

1. Α͘࢖͏ػೳ΁ͷλοϓ਺ 4 ͍Ζ͍ΖͳγʔϯͰͷՈܭ฽ͷೖྗ 4 ϨγʔτΛཷΊͯ໷ͱ͔ि຤ͱ͔ʹҰؾʹೖྗ 4 Ҡಈ࣌ؒͳͲεΩϚ࣌ؒʹίπίπೖྗ

Slide 16

Slide 16 text

Old Version

Slide 17

Slide 17 text

New Version

Slide 18

Slide 18 text

And one more... 4 λοϓ͢Δճ਺͕૿͑ͯΊΜͲ͘͞ ͘ͳͬͨɺͱ͍͏ҙݟ͕ଟ͘ͳͬ ͨ 4 ͍Ζ͍ΖͳχʔζʹγϣʔτΧοτ ͰԠ͑Δ

Slide 19

Slide 19 text

Summary 1. Α͘࢖͏ػೳ΁ͷλοϓ਺ 4 ͔͕ͨ̍λοϓ͞ΕͲ̍λοϓ 2. ը໘಺ͷ৘ใྔ 4 Ұཡੑ͔ݸʑͷৄࡉ͔ 3. ͓໰͍߹Θͤ΁ͷಈઢ 4 ϨϏϡʔ΁ͷˑ̍ෆ۩߹ใࠂ͸ෆ޾͔͠࢈·ͳ͍

Slide 20

Slide 20 text

Engineer Wanted! public Zaim() { ios.setLanguage(Swift); web.setLanguage(Ruby); api.setLanguage(PHP); android.setLanguage(Java); }

Slide 21

Slide 21 text

Thank you for listening.