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

SolidjsでLeacTion!を作り直しました / Rebuilt LeacTion! i...

mather
July 16, 2023

SolidjsでLeacTion!を作り直しました / Rebuilt LeacTion! in Solid.js

Webナイト宮崎 vol.18 でのLT資料です。
発表会で使っているLeacTion!というサービスは以前Vue3で実装していましたが、Solid.jsを使って再構築したという話です。

mather

July 16, 2023
Tweet

More Decks by mather

Other Decks in Programming

Transcript

  1. ࣗݾ঺հ • ͘Θ͸͍͚ͨ͑͢(40) • ϑϦʔϥϯεΤϯδχΞ • ϝϯλʔɺ։ൃ • อҭԂͷࣄ຿ ←

    New! • झຯɿεΩϡʔόμΠϏϯάɺΧϝϥɺυϩʔϯɺetc • ؔ਺ܕϓϩάϥϛϯάษڧձ Miyazaki FP ࢝Ί·ͨ͠
  2. LeacTion! (= Reaction! For LT) • WebφΠτٶ࡚Ͱ͸͓ͳ͡Έͷษڧձ༻ͷίϝϯτ౤ߘπʔϧ • ϩάΠϯෆཁͰ͙͢࢖͑Δ •

    ϦχϡʔΞϧޙ͸Πϕϯτ؅ཧऀ͚ͩϩάΠϯඞਢ • ޿ࠂͳ͠ˍແྉͰఏڙ • ·ͩϚχϡΞϧ౳͕੔උͰ͖ͯͳ͍͚ͲɺେମΘ͔ΔΑͶʁ • ͥͻΠϕϯτͰ࢖ͬͯײ૝Λ͍ͩ͘͞
  3. LeacTion!Λ࡞ͬͨͱ͖ • 2020೥10݄͝Ζ • Vue3Λ৮ͬͯΈ͔ͨͬͨʢͦͷޙ Vue3.2 ͷษڧʹ΋ͳͬͨʣ • Firebaseͷ࢖͍ํΛؚΊɺͱͯ΋ษڧʹͳͬͨ •

    ҰํͰɺFirestoreͷੑೳΛ׆͔͢࢖͍ํ͕Ͱ͖͍ͯͳ͍ͳͲ՝୊΋Θ ͔͖ͬͯͨɻ • Α͘ߟ͑ͨΒ Functions ͱ͔࢖Θͳͯ͘΋͍͍ͷͰ͸ʁ