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

実践 Glass EE2 向けアプリ開発 / Practical Glass EE2 app ...

shanonim
October 05, 2022

実践 Glass EE2 向けアプリ開発 / Practical Glass EE2 app development

2022.10.05
DroidKaigi 2022
https://droidkaigi.jp/2022/timetable/364496

shanonim

October 05, 2022
Tweet

More Decks by shanonim

Other Decks in Technology

Transcript

  1. 2

  2. ࠓ೔࿩͢͜ͱ • Google Glass ͷྺ࢙ • Glass EE2 ʹ͍ͭͯ •

    ಋೖࣄྫ • σβΠϯΨΠυϥΠϯͷղઆ • ϢʔβʔΠϯλʔϑΣʔεͷղઆ • αϯϓϧϓϩμΫτͷղઆ 3
  3. • 2013೥: ൃച։࢝ ◦ HMD/ARσόΠεͷઌۦ͚ ◦ Glassware ͷ஀ੜ • 2015೥:

    ൢചऴྃ ◦ ϓϥΠόγʔ໰୊ ◦ σΟεϓϨΠ஫ࢹʹΑΔ҆શੑͷݒ೦ 7 Google Glass
  4. 8 Glass Enterprise Edition • 2017೥: Enterprise Edition (EE) ൢച։࢝

    ◦ toB ޲͚σόΠεͱͯ͠ϦχϡʔΞϧ • 2019೥: Enterprise Edition 2 (EE2) ൢച։࢝ ◦ EE ͷεϖοΫ޲্൛ ◦ ։ൃऀ޲͚αϙʔτͷॆ࣮ ◦ 2020೥ʹҰൠ։ൃऀ޲͚ͷൢച։࢝
  5. 9 Glass Enterprise Edition • 2017೥: Enterprise Edition (EE) ൢച։࢝

    ◦ toB ޲͚σόΠεͱͯ͠ϦχϡʔΞϧ • 2019೥: Enterprise Edition 2 (EE2) ൢച։࢝ ◦ EE ͷεϖοΫ޲্൛ ◦ ։ൃऀ޲͚αϙʔτͷॆ࣮ ◦ 2020೥ʹҰൠ։ൃऀ޲͚ͷൢച։࢝
  6. 13 Tech Spec • Android 8.1 (Oreo) • Memory 3GB

    / Storage 32GB • Display (640x360) • WiFi / Bluetooth • Camera / Microphones / Audio-out • Touchpad
  7. 14 Tech Spec • Android 8.1 (Oreo) • Memory 3GB

    / Storage 32GB • Display (640x360) • WiFi / Bluetooth • Camera / Microphones / Audio-out • Touchpad
  8. 15 Tech Spec • Android 8.1 (Oreo) • Memory 3GB

    / Storage 32GB • Display (640x360) • WiFi / Bluetooth • Camera / Microphones / Audio-out • Touchpad
  9. 21 SWIPE_DOWN • Touchpad ͷதԝ෇͔ۙΒԼ΁εϫΠ ϓ ◦ Android εϚʔτϑΥϯͷ 


    back Ωʔʹ૬౰͢ΔΞΫγϣϯ ◦ લʹ໭Δ ◦ ऴྃ͢Δ
  10. Demo • 🤔 Glass ΞϓϦ͕ͲͷΑ͏ʹಈ͘ͷ͔ ◦ 🃏 CardSample ▪ ͍͔ͭ͘ͷจষ͕ॱ൪ʹදࣔ͞ΕΔΞϓϦ

    ◦ 📷 Camera + Gallery ▪ Glass ͰࣸਅΛࡱӨ͢Δ ▪ ࡱӨͨࣸ͠ਅΛӾཡ͢Δ 23
  11. 27 • ෺ྲྀ૔ݿͰͷՙ෺؅ཧ ◦ QRίʔυϦʔμʔͰಡΈ औͬͨ৘ใΛ Glass ͷσΟε ϓϨΠʹදࣔͯ͠࡞ۀ͢Δ ◦

    ՙ෺ͷ࢓෼͚ɾνΣοΫϦ ετͷ֬ೝ౳ Case studies ref: https://www.google.com/glass/case-studies/
  12. 28 • େܕػցͷอकϝϯςφϯεۀ຿ ◦ Glass ͷΧϝϥө૾Λԕִ஍ͱ ϦΞϧλΠϜʹڞ༗͠ɺ࡞ۀࢦ ࣔΛड͚Δ ◦ ϚχϡΞϧΛ

    Glass ͷσΟεϓ ϨΠʹදࣔ͠ͳ͕Β࡞ۀ͢Δ Case studies ref: https://www.google.com/glass/case-studies/
  13. Not good case 🥲 • ࡉ͔͍จࣈͷӾཡ ◦ σΟεϓϨΠαΠζͷ౎߹্ɺݟ΍͍͢จࣈαΠζ͕ݶΒΕΔ ◦ طଘͷ

    Web ϖʔδΛͦͷ··ϒϥ΢δϯά͢Δͷ͸ࠔ೉ • ෳࡶͳը໘ૢ࡞ ◦ 1ը໘Ͱෳ਺ͷΞΫγϣϯΛ࣮ߦͤ͞Δͷ͸ࠔ೉ 30
  14. • body ◦ ϝΠϯςΩετΛ഑ஔ͢ΔྖҬ ◦ .fontSize = 40.sp • footer

    ◦ ิ଍༻ͷαϒςΩετΛ഑ஔ͢ΔྖҬ ◦ ϝΠϯςΩετͱൺ΂ͯࢹೝੑ͕௿͍ͷͰ ஫ҙ͕ඞཁ ◦ .fontSize = 14.sp 40 Main Layout
  15. • left-body ◦ ը૾Λ഑ஔ͢ΔྖҬ ◦ .width(240.dp) • right-body ◦ ϝΠϯςΩετΛ഑ஔ͢ΔྖҬ

    ◦ .fontSize = 30.sp • footer ◦ ิ଍༻ͷαϒςΩετΛ഑ஔ͢ΔྖҬ ◦ .fontSize = 14.sp 41 Left column layout
  16. Glass EE2 App development 43 • ։ൃ؀ڥ ◦ εϚʔτϑΥϯ޲͚ͷ Android

    ΞϓϦ։ൃͱಉ༷ ▪ ✅ Android Studio ▪ ✅ Jetpack Compose ▪ ⚠ GMS (Google Mobile Services) ར༻ෆՄ
  17. sample: GlassRecipe 44 • ྉཧϨγϐΛӾཡ͢Δ Glass ΞϓϦ ◦ Recipes ▪

    🍳 ྉཧΛબ୒͢Δ ◦ Steps ▪ 📝 ྉཧͷखॱΛӾཡ͢Δ
  18. 45 Recipes • Left column layout ◦ left body ▪

    ࣸਅϓϨϏϡʔ ◦ right body ▪ λΠτϧͱࡐྉ ◦ footer ▪ ࣍ͷը໘΁ભҠͰ͖Δ͜ͱΛهࡌ Glanceable Time saving Glanceable
  19. 46 Steps • Main layout ◦ body ▪ ྉཧखॱͷઆ໌ ◦

    footer ▪ Πϯδέʔλʔ ▪ ྉཧखॱ͕͍ͭ͋͘Δ͔Λࣔ ͍ͯ͠Δ Time saving Timely Glanceable
  20. Jetpack Compose in Glass App 48 • Glass ΞϓϦͰ͸ Horizontal

    ViewPager ͕ଟ༻͞ΕΔ • Jetpack Compose Λ࢖͏͜ͱͰ؆ܿʹ࣮૷Մೳ ◦ accompanist-pager ◦ accompanist-pager-indicators • Preview Λ࢖ͬͯ Glass UI Λ࠶ݱ
  21. Jetpack Compose in Glass App 49 • Glass ΞϓϦͰ͸ Horizontal

    ViewPager ͕ଟ༻͞ΕΔ • Jetpack Compose Λ࢖͏͜ͱͰ؆ܿʹ࣮૷Մೳ ◦ accompanist-pager ◦ accompanist-pager-indicators • Preview Λ࢖ͬͯ Glass UI Λ࠶ݱ
  22. 50

  23. Jetpack Compose in Glass App 51 • Glass ΞϓϦͰ͸ Horizontal

    ViewPager ͕ଟ༻͞ΕΔ • Jetpack Compose Λ࢖͏͜ͱͰ؆ܿʹ࣮૷Մೳ ◦ accompanist-pager ◦ accompanist-pager-indicators • Preview Λ࢖ͬͯ Glass UI Λ࠶ݱ
  24. 52

  25. Glass Enterprise Edition 2 54 • Android OS ͕ಈ͘εϚʔτάϥε ◦

    ։ൃऀ͕ࣗ༝ʹεϚʔτάϥεΞϓϦΛ։ൃͰ͖Δ • εϚʔτϑΥϯ΍λϒϨοτΛ׬શʹ୅ସ͢ΔσόΠεͰ͸ͳ͍͕ɺͦΕΒ ͱ૊Έ߹ΘͤΔ͜ͱͰ৽͍͠ମݧΛ࡞ΕΔՄೳੑ͕͋Δ
  26. Google Glass ͷະདྷ 55 • Enterprise Edition ͷීٴ ◦ ϋʔυ΢ΣΞͷՁ֨ͱௐୡͷ໰୊

    ◦ ޙܧػछ • toC ޲͚ Glass ͷ࠶དྷ ◦ ϓϥΠόγʔ໰୊ͷղܾ ◦ εϚʔτϑΥϯΛʮิ׬ʯ͢ΔσόΠε͔Βɺʮ୅ସʯ͢ΔσόΠε΁
  27. 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