TextAlive App APIと夢見る新しいUX

2021-12-06 Saitama.js vol.1 で発表した内容です
https://saitamajs.connpass.com/event/226850/

各種URL
- TextAliveサンプル: https://textalive.jp/songs/staff.aist.go.jp%2Ft.nakano%2Fmusic%2FVocaWatcher.Packaged.Megpoid.mp3?style=DElectronica
- TextAliveサンプルアプリ: https://ryusa.github.io/textalive-sample/

Transcript

1. ϦϦοΫΞϓϦέʔγϣϯ
   3ZV4"
   5FYU"MJWF"QQ"1*ͱເݟΔ৽͍͠69
   

   View Slide

2. 3ZV4"
   'JOBODJBM4FSWJDF&OHJOFFS
   +BWB4QSJOH#PPU5ZQF4DSJQU3FBDU
   %PDLFS,VCFSOFUFT
   3ZV4"
   SZVTB@FOH
   

   View Slide

3. 5FYU"MJWF 🤔
   

   View Slide

4. w ʹ Ұൠެ։͞Ε͍ͯΔԻָʹ߹Θͤͯ.7 .VTJD7JEFP
   Λ࡞੒Ͱ͖Δ8FCαʔϏε
   w :PV5VCF΍χίχίಈըͳͲͷԻָ͕ର৅
   w ΑΓਖ਼֬ʹ͸4POHMFͱ͍͏αʔϏεΛதܧ͢Δ
   w .7Λ࡞ͬͯͦͷ··NQ౳ͷϝσΟΞͱͯ͠%-Մೳ Β͍͠
   
   w ӟʹΑΔͱɺͲ͔͜ͷԻָΠϕϯτͰ࢖ΘΕͨͱ͔ʜʜʁ
   w ΠϯλϥΫςΟϒʹύϥϝʔλΛ͍͡Δ͜ͱ͕Մೳ
   w ϑΥϯτ΍γνϡΤʔγϣϯͳͲ
   w ͋ͳ͚ͨͩͷ.7Λʂ
   w ։ൃݩɿ国⽴研究開発法⼈ 産業技術総合研究所 情報技術研究部⾨ メディアインタラクション研究グループ
   5FYU"MJWF
   

   View Slide

5. 5FYU"MJWFαϯϓϧ
   4BNQMF
   IUUQTUFYUBMJWFKQTPOHTTUBGGBJTUHPKQ'UOBLBOP'NVTJD'7PDB8BUDIFS1BDLBHFE.FHQPJENQ TUZMF%&MFDUSPOJDB
   

   View Slide

6. 5FYU"MJWF"QQ"1*
   

   View Slide

7. w ָۂͷϝλ৘ใ΍ՎࢺɺԻָ஍ਤΛ5FYU"MJWF͔ΒऔಘͰ͖Δ"1*
   w ϝλ৘ใɿ੡࡞ऀ৘ใͳͲ
   w Իָ஍ਤɿϏʔτɺαϏɺίʔυਐߦͳͲ
   w Ϣʔβʔͷ޷Έͷָۂʹ߹ΘͤͨϢʔβʔମݧΛఏڙՄೳʜʜʁ
   w ϦϦοΫΞϓϦέʔγϣϯɺͭ·ΓʮՎࢺʯͰײ͡ΔϢʔβʔମݧ
   w 8FC(-౳ʹςΫενϟͱͯ͠ՎࢺΛషΓ෇͚Δͩͱ͔
   w 4%,΋༻ҙࡁΈ
   w ZBSOBEEUFYUBMJWFBQQBQJ
   5FYU"MJWF"QQ"1*
   

   View Slide

8. ͬ͟ͱ4%,ͷ࢖͍ํղઆ
   

   View Slide

9. 5FYU"MJWF"QQ"1*શ๴
   1MBZFS
   ઀ଓ
   ઀ଓ׬ྃʂ
   0O"QQ3FBEZ
   0O5JNFS3FBEZ
   ࠶ੜ४උ׬ྃʂ
   SFRVFTU1MBZ ࠶ੜ
   ࠶ੜϧʔϓ
   0O5JNF6QEBUF
   $IBSBOJNBUF
   ָۂ৘ใऔಘ
   ָۂ৘ใऔಘ׬ྃʂ
   0O7JEFP3FBEZ
   -JTUFOFS
   -JTUFOFS
   -JTUFOFS
   -JTUFOFS
   SFRVFTU4UPQ ࠶ੜ
   

   View Slide

10. ॳظԽ
    

    View Slide

11. -JTUFOFSΛొ࿥͢Δ
    

    View Slide

12. ϦϦοΫΛϨϯμϦϯά͢Δ
    

    View Slide

13. Ͷʁ͔ΜͨΜͰ͠ΐʁ
    

    View Slide

14. w 5FYU"MJWF"QQ"1*ϦϦοΫΞϓϦ༻ͷόοΫΤϯυαʔόʔ
    w ࢦఆָͨ͠ۂͷϝλ৘ใ΍஍ਤΛऔಘͰ͖Δ
    w ָۂύʔεͳͲͷ໘౗͍͘͞෦෼Λશ෦ղܾͯ͘͠ΕΔ
    w ͨͱ͑͹ʜʜ
    w 8FCήʔϜͷԋग़ͷͻͱͭͱͯ͠
    w ϝλόʔεۭؒͷʮָۂʯͷΦϒδΣΫτͱͯ͠
    w ΞϨΫα΍(PPHMF)PNFͱ࿈ಈͨࣗ͠୐ΠϯςϦΞͱͯ͠
    w ʮϦϦοΫΞϓϦέʔγϣϯʯͱ͍͏৽͍͠69ͷ࣌୅͕ʜʜ
    w དྷΔ͔΋ʜʜ͠Εͳ͍ʜʜ ͔΋͠Εͳ͍
    
    ·ͱΊ
    

    View Slide

15. αϯϓϧ
    IUUQTSZVTBHJUIVCJPUFYUBMJWFTBNQMF
    ˞Ի͕ग़·͢
    
    

    View Slide