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

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

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

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

C4c161ae9eeeed8f161197410f7a228a?s=128

Kenichiro Kishida

July 16, 2021
Tweet

Transcript

  1. Նͷ+BWB4DSJQUࡇΓ0OMJOF ,FOJDIJSP,JTIJEB !TJ[VIJLP ΦϯϥΠϯษڧձ΍
 ΠϕϯτͰ
 ੝Γ্͕ΓΛڞ༗͍ͨ͠ʂ

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

  3. ΦϯϥΠϯษڧձ΍
 Πϕϯτ͕ଓ͍ͯ·͢Ͷ

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

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

  6. εϥΠυ
 ը໘ڞ༗ ࢀՃऀҰཡ
 νϟοτ

  7. νϟοτͳΒ
 ࢀՃऀಉ࢜͸ͳΜͱͳ͘఻ΘΔ͚Ͳ
 ը໘ڞ༗͍ͯͨ͠Γ
 ൃݴऀʹ఻ΘΓʹ͍͘

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

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

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

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

  12. εϥΠυ
 ը໘ڞ༗ ࢀՃऀҰཡ
 νϟοτ pong- swoosh ίϯτ ϩʔϥʔ എ໘ʹ
 pong-swoosh


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

  14. αʔϏεߏ੒ wޮՌԻνϟοταʔόʔ
 wޮՌԻ8FCBQQ
 w8FC#MVFUPPUIϦϞίϯσόΠε

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

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

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

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

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

  20. QPOHTXPPTIͰΦϯϥΠϯʹ
 ੝Γ্͕Γ͕ੜ·ΕͨΒخ͍͠Ͱ͢ʂ