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

Event Stage - 真面目に作ったけど 全くウケなくてクソだったアプリ/I made new service but they say shit

Event Stage - 真面目に作ったけど 全くウケなくてクソだったアプリ/I made new service but they say shit

成仏してくれ

果物リン

January 23, 2022
Tweet

More Decks by 果物リン

Other Decks in Technology

Transcript

  1. !"#$%&'() +,-./,0 123&' 456 Ռ෺Ϧϯ@FruitRiin גࣜձࣾελσΟετ 2022/01/22 TechCommit ΫιΞϓϦίϯςετ

  2. ΫιΞϓϦ͡Όͳ͍ ͱ͍͏ۤ৘͸؁Μͯ͡ ड͚ೖΕ·͢

  3. 789:*;*<=>?@A??B • Ռ෺Ϧϯ@FruitRiin • GitHub, Twitter, Qiita... • Vue.js͕޷͖ʂReactʁ৮ͬͨ͜ͱͳ͍Ͱ͢Ͷ •

    Vue3 on ElectronͰϑΝΠϥ࡞ͬͯ·͢
  4. ࠓճ͸ΫιΞϓϦͷ࿩

  5. ։ൃͷಈػ

  6. ΦϯϥΠϯͷΠϕϯτ͕ ΦϑϥΠϯΑΓָ͘͠ͳ͍ʂʂ

  7. CDEFGHIJIKJL ൓Ԡ͕໨Ͱݟ͑Δ

  8. CDEFJHIJIKJL ෼அ͕͋Δ ଘࡏײ͕Θ͔Βͳ͍

  9. ίϯηϓτ

  10. MNOB@*P@QROSJT5L • LTதʹ؍٬ͷϦΞΫγϣϯ͕શ͘Θ͔Βͳ͍ɺָ͘͠ͳ͍ • ొஃதͷνϟοτʹؾ͔ͮͳ͍ɺर͑ͳ͍ • ໨ͰͩΊͳΒԻͳΒΘ͔ΔͷͰ͸ʁ • →νϟοτͨ͠ΒԻ͕໐ΔαʔϏε •

    ը໘ڞ༗ػೳͳͲͷ഑৴ػೳ΋ॾʑࡌͤΑ͏
  11. σϞ

  12. None
  13. ࢀՃऀͷײ૝

  14. UVWXYZ • ؍٬ʮൃදதʹಡΈ্͛ΒΕΔͱࢥ͏ͱνϟοτͮ͠Β͍ʯ • ొஃऀʮൃදதʹಡΈ্͛ΒΕΔͱฉ͘ํʹूதͯ͠͠·ͬͯ ஻Γ͕ࢭ·ͬͯ͠·͏ʯ

  15. ΫιΞϓϦͳͷͰ͸ʁ

  16. Θͨ͠͸͔ͪΒ͖ͭ·ͨ͠ ͓͓ɺΏ͏͠ΌΑ 
 ͠ΜͰ͠·͏ͱ͸ɹͳ͚͞ͳ͍

  17. None
  18. None
  19. None
  20. ٕज़ελοΫղઆ

  21. [\]^_1 • ϑϩϯτΤϯυϑϨʔϜϫʔΫɿVue3 • αʔόʔɿnetlify • ޻෉ͨ͠ϥΠϒϥϦͱ͔ • ө૾഑৴ɿSkyWay •

    ಡΈ্͛ɿGoogle Cloud Text-to-Speech + Functions
  22. `D • Vue3 • Vue͸͍͍ͧ • Netlify • Reactͱ͔Vueͱ͔ͷϦϙδτϦΛ 


    ಉظͨ͠ΒWebϖʔδެ։ͯ͘͠ΕΔ͍͢͝΍ͭͩΑ
  23. PabcQb • ʮϏσΦɾԻ੠௨࿩ͷػೳΛ͔ΜͨΜʹ࣮૷Ͱ͖ΔɺϚϧνϓ ϥοτϑΥʔϜͳSDKͰ͢ɻʯ • WebRTC͍ͬͯ͏ϓϩτίϧΛ࢖ͬͯΔ • ͦΕʹ͍ͭͯ͸ৄ͘͠ͳͯ͘Α͍ • ௨৴ྔ͕গͳͯ͘ݸਓͳΒλμͰ͔ͭ͑Δ͔Β͓ࢼ͠ʹGood

  24. deeRfO*gfe>h*@Oi@*@e*jkOOlm*nop • ೔ຊޠͱ͔ಥͬࠐΉͱԻ੠Λฦͯ͘͠ΕΔ • Cloud Functions Ͱ೔ຊޠΛ౉͢ 
 →͜ͷAPIͰԻ੠ʹม׵

  25. qrs)tu • Text to Speech APIͷnode SDKͷ໭Γ஋͕ base64͡Όͳ͍ • Unit8Array

    ͬͯԿʁʁʁ
  26. async function tts(text){ const res = await fetch(BASE_URL + `tts?text=${text}`).then((res)

    => res.json()) const u8 = new Uint8Array(res[0].audioContent.data) return arrayBufferToBase64(u8) } function arrayBufferToBase64(buffer: Uint8Array) { let binary = "" const bytes = new Uint8Array(buffer) const len = bytes.byteLength for (let i = 0; i < len; i++) { binary += String.fromCharCode(bytes[i]) } return window.btoa(binary) } ˎΠϝʔδ
  27. vwx • νϟοτ͸νϟοτͱͯ͠ɺΤϞʔγϣϯΛଧͯΔΑ͏ʹ͢Δ • ΤϞʔγϣϯʹ͚ͩରԠͨ͠Ի͕໐Δ • →ഥखͱ͔ͼͬ͘Γͱ͔ͷԻͰྟ৔ײΛײ͡Δ • →࣮͸νϟοτͷԻ੠ಡΈ্͛͸ඞཁͳ͔ͬͨʁʁʁ

  28. ࠷ߴͷΦϯϥΠϯΠϕϯτ؀ڥ 
 ٻΉ Fin.