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

成仏してくれ

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. σϞ
13. ࢀՃऀͷײ૝
14. UVWXYZ • ؍٬ʮൃදதʹಡΈ্͛ΒΕΔͱࢥ͏ͱνϟοτͮ͠Β͍ʯ • ొஃऀʮൃදதʹಡΈ্͛ΒΕΔͱฉ͘ํʹूதͯ͠͠·ͬͯ ஻Γ͕ࢭ·ͬͯ͠·͏ʯ
15. ΫιΞϓϦͳͷͰ͸ʁ
16. Θͨ͠͸͔ͪΒ͖ͭ·ͨ͠ ͓͓ɺΏ͏͠ΌΑ 
 ͠ΜͰ͠·͏ͱ͸ɹͳ͚͞ͳ͍
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.