$30 off During Our Annual Pro Sale. View Details »

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

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

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

Kenichiro Kishida

July 16, 2021
Tweet

More Decks by Kenichiro Kishida

Other Decks in Technology

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