オンライン勉強会や イベントで 盛り上がりを共有したい！/jsfes2021-summer

オンライン勉強会やイベントが続くこと1年。
なかなか参加者の盛り上がりを登壇者や参加者間で共有することができずモヤモヤした日が続いていました。
そこで効果音を共有することで課題を解決するサービスをNode.jsとSvelteで作りました。
開発の経緯、実際使ってみてどのような反応があったかを紹介します。

Transcript

1. Նͷ+BWB4DSJQUࡇΓ0OMJOF
   ,FOJDIJSP,JTIJEB
   !TJ[VIJLP
   ΦϯϥΠϯษڧձ΍

   ΠϕϯτͰ

   ੝Γ্͕ΓΛڞ༗͍ͨ͠ʂ
   

   View Slide

2. ,FOJDIJSP,JTIJEB
   Ӭ࿨ͷσΟεςΟϯάΠογϡτɾΤϯδχΞ੍౓ʹ͓͚Δ
   %JTUJOHVJTIFE$SFBUPS
   TJ[VIJLP!HNBJMDPN !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ
   

   View Slide

3. ΦϯϥΠϯษڧձ΍

   Πϕϯτ͕ଓ͍ͯ·͢Ͷ
   

   View Slide

4. ϦΞΫγϣϯΛͲ͏఻͑Δ͔ʁ
   

   View Slide

5. wΧϝϥʹ޲͔ͬͯഥखʢө૾ͷΈແԻʣ
   wϦΞΫγϣϯΞΠίϯʢ;PPNͱ͔ʹ͋Δ
   wνϟοτͰ
   ͨͿΜɺ͜Μͳײ͡Ͱ͢ΑͶ
   

   View Slide

6. εϥΠυ

   ը໘ڞ༗
   ࢀՃऀҰཡ

   νϟοτ
   

   View Slide

7. νϟοτͳΒ

   ࢀՃऀಉ࢜͸ͳΜͱͳ͘఻ΘΔ͚Ͳ

   ը໘ڞ༗͍ͯͨ͠Γ

   ൃݴऀʹ఻ΘΓʹ͍͘
   

   View Slide

8. ͕ͩ

   ෳ਺ਓ͕ಉ࣌ʹ఻͑ΒΕͳ͍
   Ի੠ͳΒʜ
   

   View Slide

9. νϟοτΛԻ੠Խ͢Ε͹Ͱ͖ΔͷͰ͸ʁʂ
   

   View Slide

10. ͜͜Λ͜͏͢Ε͹
    ;PPNͳͲͷԻ੠
    ͱɺޮՌԻ
    

    View Slide

11. https://its-succ.github.io/pong-swoosh/
    

    View Slide

12. εϥΠυ

    ը໘ڞ༗
    ࢀՃऀҰཡ

    νϟοτ pong-
    swoosh
    ίϯτ
    ϩʔϥʔ
    എ໘ʹ

    pong-swoosh

    εϐʔΧʔ
    

    View Slide

13. wΤϯτϥϯεը໘63-΍εΫγϣ͸౰೔ఴ෇
    ૣ଎ࢼͯ͠ΈΑ͏ʂ
    

    View Slide

14. αʔϏεߏ੒
    wޮՌԻνϟοταʔόʔ

    wޮՌԻ8FCBQQ

    w8FC#MVFUPPUIϦϞίϯσόΠε
    

    View Slide

15. ޮՌԻνϟοταʔόʔ
    w)FSPLVʢݱࡏ͸ແྉ࿮ʣ
    w/PEFKT
    w4PDLFUJP
    w3FEJT
    

    View Slide

16. ޮՌԻ8FCBQQ
    w(JU)VC1BHFT
    w4WFMUF
    w4PDLFUJP
    w5ZQF4DSJQU
    w.BUFSJBM$PNQPOFOUT

    8FC$PNQPOFOUT
    

    View Slide

17. ϦϞίϯ 5#%
    
    w8FC#MVFUPPUI"1*Λ࢖ͬͯޮՌ
    Ի8FCBQQͱ௨৴
    w;PPNը໘ͳͲͰϒϥ΢β͕ӅΕͯ
    ͍ͯ΋ύωϧͷޮՌԻϘλϯΛԡ͢
    ͜ͱ͕Ͱ͖Δ
    wϦΞϧͳαϯϓϥʔͱಉ͡ମײ
    

    View Slide

18. wεΫϥϜΠϕϯτͷεϓϦϯτϨϏϡʔ΍
    ;Γ͔͑ΓͰར༻
    wձࣾͷ෦໳ͷҰ੪ձٞͰͷϓϨθϯͰར༻
    wຊ೔ͷൃදͰར༻
    w·ͩͰ͖ͨͯͳͷͰɺվम͍͖͍ͯͨ͠
    ݱࡏͱ͜Ε͔Β
    

    View Slide

19. https://blog.open.tokyo.jp/2021/07/11/pong-swoosh.html
    

    View Slide

20. QPOHTXPPTIͰΦϯϥΠϯʹ

    ੝Γ্͕Γ͕ੜ·ΕͨΒخ͍͠Ͱ͢ʂ
    

    View Slide