TypeSquare APIを活用したMixed Realityアプリケーション開発 [事例紹介]

Developers Summit 2019
2/14(Thu) 14-E-5
APIを活用したフォントの使い方
〜MR(Mixed Reality)の実例紹介〜
セッション 登壇資料

Transcript

1. ʲ Developers Summit 2019 ʳ TypeSquare API Λ׆༻ͨ͠ Mixed Reality ΞϓϦέʔγϣϯ։ൃ [ ࣄྫ঺հ ] ʲ 14-E-5 ʳ02/14 14:10 ~ 14:55 APIΛ׆༻ͨ͠ϑΥϯτͷ࢖͍ํ ʙ MR (Mixed Reality) ͷ࣮ྫ঺հ ʙ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
2. Kobe Digital Labo Inc. ฌݿݝ ਆށࢢʹຊࣾΛஔ͘ɺγεςϜΠϯςάϨʔλʔɻ ैۀһ਺ɺ155໊ɻച্ن໛ɺ19.9ԯԁ (23ظ) ɻ Microsoft HoloLens ൃച࣌ΑΓɺʮMR (Mixed Reality)ʯͷ Ϗδωεಋೖʹ஫໨͠ɺݚڀ։ൃΛ։࢝ɻ 2018೥7݄ʹɺMicrosoftެࣜͷ։ൃύʔτφʔ ( MRPP ) ͷೝఆΛड͚Δɻ ΤϯδχΞɻxRͷݚڀɾ։ൃʹैࣄɻ 2017೥1݄ɺϚΠΫϩιϑτ͔ࣾΒൃച͞Εͨ Microsoft HoloLensʹ஫໨͠ɺݚڀΛ࢝ΊΔɻ ࡢ೥10݄ʹɺ৽نࣄۀ෦ॺɺ ʮ৽ࣄۀ૑଄܎ MR൝ʯΛ্ཱͪ͛ɺ Mixed RealityͷࣄۀԽʹ೔ʑɺฃಆதɻ ϗ Ϧ Φ ϑ ΢ τ ( 2 5 ) A B O U T M E F u t o _ H o r i o ງ ඌ ෩ ਔ SNSͰɺMR࠷৽৘ใΛ഑৴͍ͯ͠ΔͷͰɺ ྑ͔ͬͨΒɺνΣοΫͯ͠Έ͍ͯͩ͘͞ʂ © 2019 Kobe Digital Labo Inc. All Rights Reserved. x R Τ ϯ δ χ Ξ
3. ͳ ͥ ࠓ ɺ F o n t × M R ͷ औ Γ ૊ Έ Λ ߦ ͬ ͯ ͍ Δ ͷ ͔ ʁ Agenda ࠓ೔ɺ͓࿩͢Δ಺༰ Ϟ Ϧ α ϫ × K D L M R ࣄ ྫ ঺ հ Ξ ϓ Ϧ ։ ൃ Ͱ ɺ T y p e S q u a r e A P I Λ ׆ ༻ ͢ Δ ϝ Ϧ ο τ © 2019 Kobe Digital Labo Inc. All Rights Reserved. 1 . 2 . 3 . ʲ U n i t y C # ฤ ʳ
4. ͳ ͥ ࠓ ɺ F o n t × M R ͷ औ Γ ૊ Έ Λ ߦ ͬ ͯ ͍ Δ ͷ ͔ ʁ σδλϧ୺຤ͷਐԽʹ൐͍ɺϑΥϯτ͸ͦͷ࢟ɺΧλνΛม͖͑ͯ·ͨ͠ɻ ࠓ஫໨͞Ε͍ͯΔʮMixed Realityʯٕज़ͱ͸ɺҰମԿͳͷ͔ʁ Mixed Reality ٕज़ͷ֓ཁͱɺϑΥϯτͷબఆͷॏཁੑʹ͍ͭͯɻ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
5. ಥવͰ͕͢ɺɺ ʮϙετɾεϚϗʯʹ͍ͭͯɺ ߟ͑ͨ͜ͱ ͋Γ·͔͢ʁ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
6. ࢴ → PC → Moblie © 2019 Kobe Digital Labo Inc. All Rights Reserved. σδλϧͷਐԽͱڞʹɺϑΥϯτΛදݱ͢Δ৔ॴ͕ଟ༷Խ 2019 σδλϧԽ (PC) ϚϧνσόΠεԽ (εϚʔτϑΥϯɺλϒϨοτ) Ξφϩά (ࢴ)
7. Mobile Nextʁ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
8. © 2019 Kobe Digital Labo Inc. All Rights Reserved. σδλϧ͕σΟεϓϨΠ͔Βղ͖์ͨΕΔະདྷ ݱ࣮ۭؒɺશ͕ͯσδλϧίϯςϯπͷΞ΢τϓοτઌʹ
9. Mobile → Mixed Reality © 2019 Kobe Digital Labo Inc. All Rights Reserved. σδλϧ͕σΟεϓϨΠͷ֎ʹᕷΈग़͠ɺʮݱ࣮ۭؒʯͱʮσδλϧʯ͕༥߹ͨ͠ੈք https://cloudblogs.microsoft.com/industry-blog/manufacturing/2015/07/15/t he-future-of-design-engineering-how-microsoft-hololens-unlocks-new-possibilities/
10. ͦͯ͠ɺզʑ͕ ͍·࠷΋஫໨͍ͯ͠Δ MR σόΠε © 2019 Kobe Digital Labo Inc. All Rights Reserved.
11. © 2019 Kobe Digital Labo Inc. All Rights Reserved. Microsoft HoloLens
12. ؔ੢ॳɺMicrosoftެࣜ։ൃύʔτφʔೝఆ https://www.microsoft.com/en-us/hololens/partners?Region=Japan&page=1 © 2019 Kobe Digital Labo Inc. All Rights Reserved. Microsoft HoloLensΛ׆༻ͨ͠ ΞϓϦέʔγϣϯاըɾ։ൃ
13. ͨͩɺ͜Ε·Ͱͷσδλϧ୺຤ͱҧͬͯ จࣈ͕ ѹ౗త ʹݟͮΒ͍ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
14. © 2019 Kobe Digital Labo Inc. All Rights Reserved. Microsoft HoloLens ऑ఺ (΢ΟʔΫϙΠϯτ) ᶃಁաܕσΟεϓϨΠͳͷͰɺ ɹΞϓϦέʔγϣϯىಈ৔ॴʹ ɹΑͬͯɺഎܠ͕มΘΔ ᶄࢹ໺͕֯ڱ͍
15. 
    ϑΥϯτͷมԽʹΑͬͯੜ͡Δ
    ɹ
    
    Ϣʔβʔମݧ
    69
    ͷҧ͍ 
    ϑΥϯτͷࢹೝੑͱσβΠϯੑ https://blogs.windows.com/japan/2018/07/17/ microsoft-mixed-reality-partnerprogram-4/#64rDUV6T5JAHlplt.97 © 2019 Kobe Digital Labo Inc. All Rights Reserved. MRͷڞಉݚڀςʔϚ
16. ۩ମతʹͲΜͳ͜ͱ΍ͬͯΔͷʁ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
17. ϞϦαϫ × KDL MRࣄྫ঺հ ࠃ಺࠷େखϑΥϯτϝʔΧʔ ϞϦαϫ༷ TypeSquare APIΛ׆༻ͨ͠ɺMixed Realityͷࣄྫ঺հ Mixed RealityͰɺͳͥϑΥϯτ͕ඞཁͳͷ͔ʁ ʲ Unity C#ฤ ʳ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
18. Future of Mixed Reality ߪ ങ ମ ݧ © 2019 Kobe Digital Labo Inc. All Rights Reserved. U p d a t e ʲ Ӧ ۀ ʳ
19. Display Assistant ˏComputex ୆࿷ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
20. © 2019 Kobe Digital Labo Inc. All Rights Reserved. DEMO https://www.youtube.com/watch?v=E-yXbmUIzeY&t=19s
21. Design Tool Future of Mixed Reality © 2019 Kobe Digital Labo Inc. All Rights Reserved. U p d a t e ʲ ޿ ࠂ σ β Π ϯ ۀ ຿ ʳ
22. Creative Design X @InterBEE ນுϝοη © 2019 Kobe Digital Labo Inc. All Rights Reserved.
23. © 2019 Kobe Digital Labo Inc. All Rights Reserved. DEMO https://www.youtube.com/watch?v=62lDfvwNV1o
24. ࣮ࡍɺϞϦαϫϑΥϯτ ࢖ͬͯΈͯɺͲ͏ʁ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
25. MR্ۭؒͰɺϑΥϯτͷൺֱΛͯ͠Έ·ͨ͠ © 2019 Kobe Digital Labo Inc. All Rights Reserved. © 2019 Kobe Digital Labo Inc. All Rights Reserved. UD৽ΰ ᴈϛϯ ϝΠϦΦ ඪ४తͳϑΥϯτ ԣઢΛଠ͘Ͱ͖Δ໌ேମ Ұ൪ࢹೝੑߴ͍ΰγοΫମ
26. ᴈϛϯ(ϨΠϛϯ) © 2019 Kobe Digital Labo Inc. All Rights Reserved.
27. 63% 25% 19% UD৽ΰ R ᴈϛϯ Y40 M ϝΠϦΦ ͲͷϑΥϯτ͕ݟ΍͍͢ʁ Q u e s t i o n . 1 © 2019 Kobe Digital Labo Inc. All Rights Reserved. ʢ ॏ ෳ ղ ౴ ؚ Ή ʣ
28. ͲͷϑΥϯτ͕޷͖ʁ Q u e s t i o n . 2 43% 38% 12% UD৽ΰ R ᴈϛϯ Y40 M ϝΠϦΦ © 2019 Kobe Digital Labo Inc. All Rights Reserved. ʢ ॏ ෳ ղ ౴ ؚ Ή ʣ
29. © 2019 Kobe Digital Labo Inc. All Rights Reserved.
30. εϙϯαʔηογϣϯ͔ͩΒ ͓લɺϞϦαϫʹ ᇪͼചͬͯΔΜ͡ΌͶʁ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
31. ͍΍ɺɺਖ਼௚ͪΐͬͱ͚ͩ ։ൃͮ͠Β͍ɺɺɻͻ΍׼ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
32. 2.։ൃ ( Unity ) 3.Ϗϧυ ( Visual Studio ) 4.࣮ػ֬ೝ ( HoloLens ) ैདྷͷHoloLens։ൃͷྲྀΕ (PoC) 1.σβΠϯ ( illustrator ) ( photoshop ) ᶃΠϯϙʔτ ᶄUWPग़ྗ ᶅΠϯετʔϧ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
33. ͦ͏ɺຖճillustratorͰɺ ը૾࡞ͬͯ։ൃ͢Δͷ͸ɺ ͔ͳΓ໘౗͍͘͞ɻ © 2019 Kobe Digital Labo Inc. All Rights Reserved.
34. H o l o L e n s ։ ൃ ͷ ՝ ୊ ( P o C ) (1) ͜Ε·Ͱͷσδλϧ୺຤ͱҧ͍ɺUIʹԞߦ͖(x,y,z)͕͋ΔͷͰɺը૾ͰͷରԠ͕೉͍͠ (2) ը૾ͰରԠ͢Δʹͯ͠΋ɺຖճillustrator(photoshop)Ͱը૾Λੜ੒͢Δͷ͸ඇޮ཰ (3) ը૾ͩͱɺΠϯλϥΫςΟϒͳίϯςϯπʹෆ޲͖ (4) Ԥจͱҧ͍ɺ೔ຊޠॻମͷॏ͍σʔλΛϩʔΧϧʹ࣋ͭͷ͸ແବ͕ଟ͍ (5) Microsoft HoloLensͷΑ͏ͳ༰ྔͷগͳ͍୺຤ʹɺΞϓϦຖʹॻମσʔλΛ࣋ͨͤͨ͘ͳ͍ © 2019 Kobe Digital Labo Inc. All Rights Reserved. ͱ ʹ ͔ ͘ ՝ ୊ ͕ ଟ ͍
35. T y p e S q u a r e A P I ͋ Γ · ͢ ! © 2019 Kobe Digital Labo Inc. All Rights Reserved.
36. 2.։ൃ ( Unity ) 3.Ϗϧυ ( Visual Studio ) 4.࣮ػ֬ೝ ( HoloLens ) HoloLens։ൃͷྲྀΕ (TypeSquareಋೖޙPoC) 1.TypeSquare API ᶃAPIʹΑΔ ϑΥϯτσʔλऔಘ ᶄUWPग़ྗ ᶅΠϯετʔϧ © 2019 Kobe Digital Labo Inc. All Rights Reserved. 1.ॻମσʔλͷը૾Խ͕ෆඞཁʹ 2.։ൃதʹϩʔΧϧʹͳ͍ॻମ͕ࢼ༻Ͱ͖Δ 3.ඞཁͳॻମσʔλͷΈμ΢ϯϩʔυԽ (αϒηοτػೳ) TypeSquareಋೖϝϦοτ ᶆμ΢ϯϩʔυ
37. Ty p e S q u a r e A P Iͷಛ௃ ɾಋೖ͕༰қͰ͋Δ (αϒεΫϦϓγϣϯ) ɾαϒηοτػೳΛ࢖͑͹ɺඞཁͳจࣈͷॻମσʔλͷΈऔಘՄೳ ɾBase64 → Binary ม׵͕ඞཁ (޻෉͕ඞཁ)
38. σδλϧมֵظͰɺPoC͕ٸ૿͍ͯ͠Δࠓͦ͜ ΤϯδχΞࣗΒɺϑΥϯτʹͩ͜ΘΔ΂͖ɻ © 2019 Kobe Digital Labo Inc. All Rights Reserved. ࣮ࡍʹ։ൃͯ͠Έͯײͨ͜͡ͱ ސ٬ͷຬ଍౓ → Ҋ݅Խ཰UP
39. © 2019 Kobe Digital Labo Inc. All Rights Reserved. Thanks ΤϯδχΞͦ͜ɺϑΥϯτʹͩ͜ΘΕɻ