$30 off During Our Annual Pro Sale. View Details »

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

kyasbal
April 20, 2019

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

kyasbal

April 20, 2019
Tweet

More Decks by kyasbal

Other Decks in Programming

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