×
Copy
Open
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Practical Glass EE2 app development @shanonim 1 ࣮ફ Glass EE2 ͚ΞϓϦ։ൃ
Slide 2
Slide 2 text
2
Slide 3
Slide 3 text
ࠓ͢͜ͱ ● Google Glass ͷྺ࢙ ● Glass EE2 ʹ͍ͭͯ ● ಋೖࣄྫ ● σβΠϯΨΠυϥΠϯͷղઆ ● ϢʔβʔΠϯλʔϑΣʔεͷղઆ ● αϯϓϧϓϩμΫτͷղઆ 3
Slide 4
Slide 4 text
ࠓ͞ͳ͍͜ͱ ● Glass EE2 Ҏ֎ͷεϚʔτάϥεʹ͍ͭͯ ● ߪೖํ๏ͱηοτΞοϓํ๏ ● Glass EE2 ͚ΞϓϦͷӡ༻ʢϦϦʔεΞοϓσʔτʣʹ͍ͭͯ 4
Slide 5
Slide 5 text
Google Glass 5
Slide 6
Slide 6 text
6 ref: https://www.youtube.com/watch?v=9c6W4CCU9M4
Slide 7
Slide 7 text
● 2013: ൃച։࢝ ○ HMD/ARσόΠεͷઌۦ͚ ○ Glassware ͷੜ ● 2015: ൢചऴྃ ○ ϓϥΠόγʔ ○ σΟεϓϨΠࢹʹΑΔ҆શੑͷݒ೦ 7 Google Glass
Slide 8
Slide 8 text
8 Glass Enterprise Edition ● 2017: Enterprise Edition (EE) ൢച։࢝ ○ toB ͚σόΠεͱͯ͠ϦχϡʔΞϧ ● 2019: Enterprise Edition 2 (EE2) ൢച։࢝ ○ EE ͷεϖοΫ্൛ ○ ։ൃऀ͚αϙʔτͷॆ࣮ ○ 2020ʹҰൠ։ൃऀ͚ͷൢച։࢝
Slide 9
Slide 9 text
9 Glass Enterprise Edition ● 2017: Enterprise Edition (EE) ൢച։࢝ ○ toB ͚σόΠεͱͯ͠ϦχϡʔΞϧ ● 2019: Enterprise Edition 2 (EE2) ൢച։࢝ ○ EE ͷεϖοΫ্൛ ○ ։ൃऀ͚αϙʔτͷॆ࣮ ○ 2020ʹҰൠ։ൃऀ͚ͷൢച։࢝
Slide 10
Slide 10 text
Tech spec 10
Slide 11
Slide 11 text
● ӈͷલʹ͋ΔϓϦζϜ͕σΟ εϓϨΠͱͯ͠ػೳ͢Δ ● ؟ڸͷϨϯζ͕σΟεϓϨΠʹ ͳ͍ͬͯͨΓɺບʹө૾ ΛӨ͢ΔܗࣜͰͳ͍ 11 Tech spec
Slide 12
Slide 12 text
12 ref: https://www.youtube.com/watch?v=cJA0E19REHQ
Slide 13
Slide 13 text
13 Tech Spec ● Android 8.1 (Oreo) ● Memory 3GB / Storage 32GB ● Display (640x360) ● WiFi / Bluetooth ● Camera / Microphones / Audio-out ● Touchpad
Slide 14
Slide 14 text
14 Tech Spec ● Android 8.1 (Oreo) ● Memory 3GB / Storage 32GB ● Display (640x360) ● WiFi / Bluetooth ● Camera / Microphones / Audio-out ● Touchpad
Slide 15
Slide 15 text
15 Tech Spec ● Android 8.1 (Oreo) ● Memory 3GB / Storage 32GB ● Display (640x360) ● WiFi / Bluetooth ● Camera / Microphones / Audio-out ● Touchpad
Slide 16
Slide 16 text
● ӈଆͷଆ෦͕λονύουʹ ͳ͍ͬͯΔ 16 Touchpad
Slide 17
Slide 17 text
17 GlassGestureDetector ref: https://github.com/googlesamples/glass-enterprise-samples ● λονύουͷδΣενϟʔΛఆٛ ● جຊδΣενϟʔ4બ ○ TAP ○ SWIPE_FORWARD ○ SWIPE_BACKWARD ○ SWIPE_DOWN
Slide 18
Slide 18 text
18 TAP ● ຊମͷଆ໘Λλοϓ ○ બࢶͷ֬ఆ ○ ೖྗͷܾఆ
Slide 19
Slide 19 text
19 SWIPE_FORWARD ● ຊମͷޙΖ͔ΒલεϫΠϓ ○ ࣍ϖʔδͷදࣔ ○ બࢶΛਐΊΔ
Slide 20
Slide 20 text
20 SWIPE_BACKWARD ● ຊମͷલ͔ΒޙΖεϫΠϓ ○ લϖʔδͷදࣔ ○ બࢶΛ͢
Slide 21
Slide 21 text
21 SWIPE_DOWN ● Touchpad ͷதԝ͔ۙΒԼεϫΠ ϓ ○ Android εϚʔτϑΥϯͷ back Ωʔʹ૬͢ΔΞΫγϣϯ ○ લʹΔ ○ ऴྃ͢Δ
Slide 22
Slide 22 text
Demo 22
Slide 23
Slide 23 text
Demo ● 🤔 Glass ΞϓϦ͕ͲͷΑ͏ʹಈ͘ͷ͔ ○ 🃏 CardSample ■ ͍͔ͭ͘ͷจষ͕ॱ൪ʹදࣔ͞ΕΔΞϓϦ ○ 📷 Camera + Gallery ■ Glass ͰࣸਅΛࡱӨ͢Δ ■ ࡱӨͨࣸ͠ਅΛӾཡ͢Δ 23
Slide 24
Slide 24 text
Don't try to replace smartphone, tablet, or laptop features with Glass. 24
Slide 25
Slide 25 text
25 ● Glass EE2 ɺεϚʔτϑΥϯΛશʹସ͢ΔσόΠεͰͳ͍ ● εϚʔτϑΥϯλϒϨοτͦͷଞͷσόΠεͱڠௐ͠ɺͦΕΒͷػೳΛ ʮิʯ͢ΔσόΠεͱͯ͠ར༻͢Δ͜ͱ͕ਪ͞ΕΔ Glass is …?
Slide 26
Slide 26 text
Case studies 26
Slide 27
Slide 27 text
27 ● ྲྀݿͰͷՙཧ ○ QRίʔυϦʔμʔͰಡΈ औͬͨใΛ Glass ͷσΟε ϓϨΠʹදࣔͯ͠࡞ۀ͢Δ ○ ՙͷ͚ɾνΣοΫϦ ετͷ֬ೝ Case studies ref: https://www.google.com/glass/case-studies/
Slide 28
Slide 28 text
28 ● େܕػցͷอकϝϯςφϯεۀ ○ Glass ͷΧϝϥө૾Λԕִͱ ϦΞϧλΠϜʹڞ༗͠ɺ࡞ۀࢦ ࣔΛड͚Δ ○ ϚχϡΞϧΛ Glass ͷσΟεϓ ϨΠʹදࣔ͠ͳ͕Β࡞ۀ͢Δ Case studies ref: https://www.google.com/glass/case-studies/
Slide 29
Slide 29 text
Good case👍 ● ϋϯζϑϦʔ ○ ͷલʹৗʹը໘͕͋Δঢ়ଶ ■ ը໘Λݟͳ͕Β࡞ۀ͢ΔݱͰಛʹޮՌΛൃش͢Δ ○ ԻʹΑΔૢ࡞ 29
Slide 30
Slide 30 text
Not good case 🥲 ● ࡉ͔͍จࣈͷӾཡ ○ σΟεϓϨΠαΠζͷ߹্ɺݟ͍͢จࣈαΠζ͕ݶΒΕΔ ○ طଘͷ Web ϖʔδΛͦͷ··ϒϥδϯά͢Δͷࠔ ● ෳࡶͳը໘ૢ࡞ ○ 1ը໘ͰෳͷΞΫγϣϯΛ࣮ߦͤ͞Δͷࠔ 30
Slide 31
Slide 31 text
Design guidelines 31
Slide 32
Slide 32 text
32 ● Glass ͚ΞϓϦ։ൃʹಛԽͨ͠σβΠϯΨΠυϥΠϯ ● σΟεϓϨΠͷࢹೝੑͱૢ࡞ੑΛଛͳΘͳ͍ͨΊͷϧʔϧ Design guidelines
Slide 33
Slide 33 text
● ͻͱͰΘ͔Δ ○ Ϣʔβʔ͕ը໘ͷϝοηʔ δΞϓϦͷૢ࡞Λ͙͢ʹ ཧղͰ͖Δ ○ ΛࡉΊͯݟΔඞཁͷͳ͍ ใ 33 Glanceable ✅ ❌
Slide 34
Slide 34 text
34 Timely ● దͳλΠϛϯάͰใΛఏڙ ͢Δ ○ ݱࡏͷঢ়ଶͱɺΞΫγϣϯ ͨ͠ޙͷঢ়ଶΛཧղͯ͠ Β͏ TAP
Slide 35
Slide 35 text
35 Easy to tap ● λοϓ͍͢͜͠ͱ ● λοϓͰ͖Δ͜ͱ͕Θ͔Δ͜ͱ
Slide 36
Slide 36 text
36 Time saving ● ࣌ؒͷઅ ○ Ϣʔβʔ͕λεΫΛૉૣ͘ ྃͰ͖ΔΑ͏ʹ͢Δ ○ ͜ͷը໘ͰԿ͕Ͱ͖Δͷ͔ ॠ࣌ʹཧղͰ͖ΔఏҊΛߦ ͏ TAP TAP Ұཡ ৄࡉ ૢ࡞
Slide 37
Slide 37 text
User interface 37
Slide 38
Slide 38 text
User interface ● Theme ● Layout ○ Main Layout ○ Left column layout 38
Slide 39
Slide 39 text
● ActionBar ͷͳ͍શը໘දࣔ ● ࠇ৭ͷഎܠ ○ ిফඅͷ੍ ● ന৭ͷςΩετ 39 Theme
Slide 40
Slide 40 text
● body ○ ϝΠϯςΩετΛஔ͢ΔྖҬ ○ .fontSize = 40.sp ● footer ○ ิ༻ͷαϒςΩετΛஔ͢ΔྖҬ ○ ϝΠϯςΩετͱൺͯࢹೝੑ͕͍ͷͰ ҙ͕ඞཁ ○ .fontSize = 14.sp 40 Main Layout
Slide 41
Slide 41 text
● left-body ○ ը૾Λஔ͢ΔྖҬ ○ .width(240.dp) ● right-body ○ ϝΠϯςΩετΛஔ͢ΔྖҬ ○ .fontSize = 30.sp ● footer ○ ิ༻ͷαϒςΩετΛஔ͢ΔྖҬ ○ .fontSize = 14.sp 41 Left column layout
Slide 42
Slide 42 text
App development 42
Slide 43
Slide 43 text
Glass EE2 App development 43 ● ։ൃڥ ○ εϚʔτϑΥϯ͚ͷ Android ΞϓϦ։ൃͱಉ༷ ■ ✅ Android Studio ■ ✅ Jetpack Compose ■ ⚠ GMS (Google Mobile Services) ར༻ෆՄ
Slide 44
Slide 44 text
sample: GlassRecipe 44 ● ྉཧϨγϐΛӾཡ͢Δ Glass ΞϓϦ ○ Recipes ■ 🍳 ྉཧΛબ͢Δ ○ Steps ■ 📝 ྉཧͷखॱΛӾཡ͢Δ
Slide 45
Slide 45 text
45 Recipes ● Left column layout ○ left body ■ ࣸਅϓϨϏϡʔ ○ right body ■ λΠτϧͱࡐྉ ○ footer ■ ࣍ͷը໘ભҠͰ͖Δ͜ͱΛهࡌ Glanceable Time saving Glanceable
Slide 46
Slide 46 text
46 Steps ● Main layout ○ body ■ ྉཧखॱͷઆ໌ ○ footer ■ Πϯδέʔλʔ ■ ྉཧखॱ͕͍ͭ͋͘Δ͔Λࣔ ͍ͯ͠Δ Time saving Timely Glanceable
Slide 47
Slide 47 text
Demo 47
Slide 48
Slide 48 text
Jetpack Compose in Glass App 48 ● Glass ΞϓϦͰ Horizontal ViewPager ͕ଟ༻͞ΕΔ ● Jetpack Compose Λ͏͜ͱͰ؆ܿʹ࣮Մೳ ○ accompanist-pager ○ accompanist-pager-indicators ● Preview Λͬͯ Glass UI Λ࠶ݱ
Slide 49
Slide 49 text
Jetpack Compose in Glass App 49 ● Glass ΞϓϦͰ Horizontal ViewPager ͕ଟ༻͞ΕΔ ● Jetpack Compose Λ͏͜ͱͰ؆ܿʹ࣮Մೳ ○ accompanist-pager ○ accompanist-pager-indicators ● Preview Λͬͯ Glass UI Λ࠶ݱ
Slide 50
Slide 50 text
50
Slide 51
Slide 51 text
Jetpack Compose in Glass App 51 ● Glass ΞϓϦͰ Horizontal ViewPager ͕ଟ༻͞ΕΔ ● Jetpack Compose Λ͏͜ͱͰ؆ܿʹ࣮Մೳ ○ accompanist-pager ○ accompanist-pager-indicators ● Preview Λͬͯ Glass UI Λ࠶ݱ
Slide 52
Slide 52 text
52
Slide 53
Slide 53 text
Conclusion 53
Slide 54
Slide 54 text
Glass Enterprise Edition 2 54 ● Android OS ͕ಈ͘εϚʔτάϥε ○ ։ൃऀ͕ࣗ༝ʹεϚʔτάϥεΞϓϦΛ։ൃͰ͖Δ ● εϚʔτϑΥϯλϒϨοτΛશʹସ͢ΔσόΠεͰͳ͍͕ɺͦΕΒ ͱΈ߹ΘͤΔ͜ͱͰ৽͍͠ମݧΛ࡞ΕΔՄೳੑ͕͋Δ
Slide 55
Slide 55 text
Google Glass ͷະདྷ 55 ● Enterprise Edition ͷීٴ ○ ϋʔυΣΞͷՁ֨ͱௐୡͷ ○ ޙܧػछ ● toC ͚ Glass ͷ࠶དྷ ○ ϓϥΠόγʔͷղܾ ○ εϚʔτϑΥϯΛʮิʯ͢ΔσόΠε͔Βɺʮସʯ͢ΔσόΠε
Slide 56
Slide 56 text
56 @shanonim @cookpad_jp
Slide 57
Slide 57 text
Appendix 57 ● Project Glass: One day… ○ https://www.youtube.com/watch?v=9c6W4CCU9M4 ● Google Glass (Glass EE2) ߪೖϨϙʔτ ○ https://medium.com/@shanonim/glass-ee2-buying-guide- 5e84f55496ce
Slide 58
Slide 58 text
Appendix 58