WebでのARには ハードル(闇)がいっぱいある話

Transcript

1. 8FCͰͷ"3ʹ͸
   ϋʔυϧ ҋ
   ͕͍ͬͺ͍͋Δ࿩
   !LZBTCBM@
   

   View Slide

2. @kyasbal_1994
   東京工業大学 情報理工学院 修士2年
   AltLayer株式会社 代表取締役社長
   未踏ジュニアPM(2018年〜)
   未踏2016 スーパークリエータ
   未踏Adv 2018イノベータ
   ओͳٕज़෼໺
   3FBMUJNF$(
   8FC
   جຊ͸8FC(-पΓͷΤϯδχΞ
   

   View Slide

3. )ZQFSSFBMJUZ͸͝ଘ஌ͷํ͕ଟ͍͸ͣʜ
   ͜ͷը໘͸ԿʹΑͬͯ؅ཧ͞Ε͍ͯΔͷ͔
   "3༻ͷ04 ֗Λาͨ͘ΊͷΞϓϦ
   

   View Slide

4. )ZQFSSFBMJUZ͸͝ଘ஌ͷํ͕ଟ͍͸ͣʜ
   Ϣʔβ͕࣮ߦ͍ͯ͠Δ
   ΞϓϦέʔγϣϯ
   ళ͕ܝࡌ͍ͯ͠Δ޿ࠂ
   ͜ͷը໘͸ԿʹΑͬͯ؅ཧ͞Ε͍ͯΔͷ͔
   "3༻ͷ04 ֗Λาͨ͘ΊͷΞϓϦ
   

   View Slide

5. "3ίϯςϯπ༻ηΩϡϦςΟαϯυϘοΫε
   ϒϥ΢βͷ࣍ͷܗ
   ηϯαٕज़΍ۭؒೝٕࣝज़ͷൃల
   ͜ͷੈքͷ"3ίϯςϯπ͸Ͳ͏࡞ΓɺͲ͏؅ཧ͞Ε͍ͯΔ
   ࠓ
   ޷͖ͳ৔ॴʹΞϓϦέʔγϣϯΛ͓͚Δ
   8JOEPXT.3͕ఏҊ͍ͯ͠Δ֓೦
   
   ະདྷ

   ຊ౰ʹཉ͍͠΋ͷ
   
   ৔ॴɺ࣌ؒɺঢ়گʹ߹Θͤͯදࣔ͞ΕΔ΂͖
   ίϯςϯπ͕ࣗಈͰղܾ͞Εɺ
   ҆શʹ࣮ߦ͞ΕΔ؀ڥ
   ޷͖ͳ৔ॴʹΞϓϦέʔγϣϯΛ͓͚Δ
   
   

   View Slide

6. ࣮͸৭ʑଘࡏ͢Δ*NNFSTJWF8FCϒϥ΢β
   Mozilla Mixed Reality Blog “Progressive WebXR” https://blog.mozvr.com/progressive-webxr-ar-store/
   

   View Slide

7. .P[JMMBͷఏҊ͢ΔY3࣌୅ͳ8FC
   Mozilla Mixed Reality Blog “Progressive WebXR” https://blog.mozvr.com/progressive-webxr-ar-store/
   

   View Slide

8. 8FCٕज़্ͷ"3ίϯςϯπ
   ͖ͬͱ͜Ε͔Βདྷͦ͏
   

   View Slide

9. ࢖͑Δ͔Ͳ͏͔ࢼͨ͠
   ໨త8FC"3΁ͷϢʔβͷ൓ԠͷݕূɺΫϥογϡϩάͳͲͷऩू
   66ڧ ೔
   ΫϥογϡϨʔτఔ౓ ಺͕ΧϝϥΞΫηεͷڋ൱
   
   Ϣʔβͷ൓Ԡ23ίʔυ͸ಡΊΔ͕ɺ"3ϚʔΧΛಡΉ͜ͱ͕೉͍͠

   ΰϛ23ίʔυϦʔμΛ࢖͍ͬͯΔਓ͕͍ͯਏ͍

   63-͕উखʹ຋༁͞ΕͯͻΒ͚ͳ͍ɺ
   Կ͕ԿͰ΋4BGBSJͰ։͔ͤͯ͘Εͳ͍23Ϧʔμ
   
   

   View Slide

10. 8FCͰͷ"3ʹ͸
    ϋʔυϧ ҋ
    ͕͍ͬͺ͍͋Δ࿩
    ҋฤ
    
    

    View Slide

11. ͦ΋ͦ΋8FC"3ͬͯͲ͏΍ͬͯ࡞Δ
    දࣔ
    UISFFKT΍#BCZMPOKTͳͲ
    ݱঢ়Ͱ͸6OJUZ΍1MBZDBOWBT͸࢖͑ͳͦ͞͏
    
    ϚʔΧʔϕʔε চೝࣝϕʔε
    "3KTPSKT"SUPPMLJU UIXBMM
    ೝٕࣝज़ ݱঢ়
    
    ೝٕࣝज़ কདྷ
    
    8FC93EFWJDF"1*
    8$ͷ*NNFSTJWF8FC8(͕࢓༷ࡦఆத
    
    

    View Slide

12. J04ਏ͍໰୊ ͦͷ
    
    ΧϝϥΛ࢖͏σόοά؀ڥ͕ΊͬͪΌ͠ΜͲ͍
    ϒϥ΢β্ͰΧϝϥ͸IUUQTͳΞυϨε͔Β͔͠ͱΕͳ͍

    ͨͩ͠MPDBMIPTU͸আ͘
    
    "OESPJE͸1$ͷϩʔΧϧαʔόʹMPDBMIPTUͰ઀ଓͰ͖Δ ௒ศར
    
    J04͸Ͱ͖ͳ͍ʜ
    ղܾࡦͦͷ
    OHSPL ։ൃ༻ϓϩΩγαʔόαʔϏε
    Λ࢖͏
    Ͱ΋KT͕Ͱ͔͘ͳΔͱͱͬͯ΋ॏͯ͘͠ΜͲ͍ɺ։͘·Ͱʹඵͱ͔͔͔Δ
    
    ղܾࡦͦͷ
    Ұ౓ࣗݾॺ໊$"ূ໌ॻΛ࡞͓͖ͬͯɺJ04ʹ৴པͤ͞Δ
    ϩʔΧϧαʔόΛݐͯΔࡍʹຖճϩʔΧϧ*1Λऔಘ͠ɺ
    ͦͷ$"ূ໌ॻͰॺ໊ͨ͠ূ໌ॻΛࣗಈੜ੒͠IUUQT؀ڥΛ༻ҙ͢Δ
    ҋ͕ଟ͍ͷͰ৭ʑڭ܇͕͋Γ·͕ͦ͢͏͍͏ձ͡Όͳ͍ͷͰৄ͘͠ฉ͖͍ͨํ͸ޙͰɻ
    

    View Slide

13. J04ਏ͍໰୊ ͦͷ
    
    ΞϓϦ಺ϒϥ΢βͩͱΧϝϥ͕औΕͳ͍
    J04Ͱ͸4BGBSJҎ֎ͷϒϥ΢βͰ͸Χϝϥ͕औΕͳ͍
    $ISPNFɺ-*/&಺ϒϥ΢β΋ɺ'BDFCPPL಺ϒϥ΢β΋શ෦ͦ͏
    
    4BGBSJ͡Όͳ͍ͳΒ4BGBSJʹϦμΠϨΫτ͍ͤͨ͞
    23ίʔυϦʔμΞϓϦʹ͸ཁ஫ҙ
    6"Λॻ͖׵͑ͯ4BGBSJͰ͋Δͱݴ͍ுͬͯ͘Δ
    
    4BGBSJ͔Ͳ͏͔͸6TFS"HFOUΛݟΕ͹Θ͔Δ
    4UFQ
    4BGBSJʹඈ͹͢
    4UFQ
    ͦΜͳʹ؁͘ͳ͍
    

    View Slide

14. J04ਏ͍໰୊ ͦͷ
    
    ΞϓϦ಺ϒϥ΢βͩͱΧϝϥ͕औΕͳ͍
    4BGBSJ͡Όͳ͍ͳΒ4BGBSJʹϦμΠϨΫτ͍ͤͨ͞
    4BGBSJʹඈ͹͢
    4UFQ
    $ISPNFͳΒDISPNFͷΞυϨεͰඈ͹ͤΔ
    4BGBSJ͸TBGBSJͳΜͯͳ͍

    4BGBSJ͸IUUQ999ɺIUUQT:::ɺGUQ;;;ͷΈΛड͚औΔ͕ɺ
    IUUQͱIUUQT͸ΞϓϦ಺ϒϥ΢β͕Ωϟονͯ͠͠·͏
    GUQΛ࢖ͬͯແཧ΍ΓϦμΠϨΫτ͢Δ
    23ίʔυϦʔμΞϓϦʹ͸ཁ஫ҙ
    6"Λॻ͖׵͑ͯ4BGBSJͰ͋Δͱݴ͍ுͬͯ͘Δ
    
    4BGBSJ͔Ͳ͏͔͸6TFS"HFOUΛݟΕ͹Θ͔Δ
    4UFQ
    

    View Slide

15. J04ਏ͍໰୊ ͦͷ
    
    ΞϓϦ಺ϒϥ΢βͩͱΧϝϥ͕औΕͳ͍
    4BGBSJ͡Όͳ͍ͳΒ4BGBSJʹϦμΠϨΫτ͍ͤͨ͞
    4BGBSJ͔Ͳ͏͔͸6TFS"HFOUΛݟΕ͹Θ͔Δ
    23ίʔυϦʔμΞϓϦʹ͸ཁ஫ҙ
    6"Λॻ͖׵͑ͯ4BGBSJͰ͋Δͱݴ͍ுͬͯ͘Δ
    
    4UFQ
    4BGBSJʹඈ͹͢
    4UFQ
    GUQΛ࢖ͬͯແཧ΍ΓϦμΠϨΫτ͢Δ
    ྫ4BGBSJͰIUUQT999Λ։͔͍ͤͨ
    GUQ:::999ͰΞΫηεͰ͖ΔGUQαʔόΛ༻ҙͯ͠ҎԼͷΑ͏ͳ)5.-Λฦ͢
    

    View Slide

16. J04ਏ͍໰୊ ͦͷ
    
    J04͔ΒσϑΥͰδϟΠϩηϯαʔ͕औΕͳ͍ /FX
    
    4BGBSJͷσϑΥϧτͷઃఆͰδϟΠϩηϯαʔ
    ͷऔಘ͕஄͔ΕΔΑ͏ʹͳͬͨ
    ݱঢ়Ͱ͸͜ΕΛೝࣝͯ͠μΠΞϩά
    Λग़͔͢͠ํ๏͕ͳ͍
    

    View Slide

17. جຊɺ8FC"3ͷ
    ։ൃ؀ڥ͸"OESPJE͕Φεεϝ
    

    View Slide

18. એ఻ 8FC"3ʹ͓͚Δ8PSEQSFTT
    "MU-BZFS
    ςʔϚΛબͿ ϑΥʔϜΛຒΊΔ 8FC"3͕σϓϩΠ͞ΕΔ
    εςοϓͰ8FC"3ίϯςϯπ͕׬੒
    @altlayer_inc
    ެ։࣌ʹ্هΞΧ΢ϯτͰ৘ใΛൃ৴͢ΔͷͰϑΥϩʔ౳ΑΖ͓͘͠ئ͍͠·͢ɻ
    ϕʔλެ։४උத ग़ల΋ͯ͠·͢ʣ
    

    View Slide