Save 37% off PRO during our Black Friday Sale! »

LeacTion!について / About LeacTion!

3204f6241aaca4a1082bfe1202e60d69?s=47 mather
November 27, 2020

LeacTion!について / About LeacTion!

Webナイト宮崎 vol.11 で発表した資料です

3204f6241aaca4a1082bfe1202e60d69?s=128

mather

November 27, 2020
Tweet

Transcript

  1. LeacTion! ʹ͍ͭͯ ษڧձɾLTͷͪΐ͏Ͳ͍͍ίϝϯτπʔϧ͕ཉ͔ͬͨ͠ͷͰ࡞ͬͯΈͨ 2020-11-27 WebφΠτٶ࡚ vol.11 ܂ാӳࢿ

  2. ࣗݾ঺հ • ܂ാӳࢿ(37) • ϑϦʔϥϯεΤϯδχΞ • ։ൃۀ຿ • ϝϯλʔ •

    ʮͯ͛΄͛ʯॴଐ • झຯଟ਺
  3. LTʹ࣭໰΍ίϝϯτ͕͍ͨ͠ ΈΜͳͷ൓Ԡ͕Έ͍ͨ

  4. ͜Ε·Ͱ • Ҵຊ͞Μ (@shogo0525) ͕։ൃ͍ͯͨ͠ Hasso • ൃද࿮͝ͱʹϖʔδΛ࡞ͬͯίϝϯτͰ͖ͨ • ॾࣄ৘͋ΓผͷπʔϧΛ࢖͏͜ͱʹ

    • લճͷWebφΠτٶ࡚ vol.10 Ͱར༻ͨ͠ Handsup! • ແྉͰखܰ • ʮ͍͍ͶʂʯॱͰࣗಈతʹιʔτ͞Εͯ͠·͍ʮ͍͍Ͷʂʯېࢭʹ
  5. ΤϯδχΞͳΒ ཉ͍͠΋ͷ͸ ࣗ෼Ͱ࡞Δ

  6. ࡞ͬͨ

  7. LeacTion!

  8. = Reaction! for LT

  9. https://leaction.web.app/

  10. ಛ௃ • ։࠵ऀ΋ࢀՃऀ΋ϩάΠϯෆཁͰར༻Ͱ͖Δ • ൃද࿮ΛϖʔδભҠͤͣʹ͙͢ʹ੾Γସ͑ΒΕΔ • ʮ͍͍ͶʂʯͰ͖ΔʢҰਓҰճ·Ͱʣ

  11. ࠾༻ͨ͠ϑϨʔϜϫʔΫɾαʔϏε • Vue 3 • ϦϦʔε௚ޙͩͬͨͷͰ࢖ͬͯΈͨ • TailwindCSS • Ver.2

    ͕ϦϦʔε͞ΕͨͷͰͦͷ͏ͪҠߦ͍ͨ͠ • Firebase (Hosting, Firestore, Cloud Functions) • Cloud Functions ͷCDNΩϟογϡػೳΛར༻
  12. FirestoreͷΞΫηε਺ΛԼ͍͛ͨ ϒϥ΢β 7VF )PTUJOH  $MPVE 'VODUJPOT 'JSFTUPSF POST GET

    $%/ $BDIF Hostingܦ༝ͰCloud FunctionsΛݺͼग़͠ϨεϙϯεΛCDNΩϟογϡ͢Δ https://firebase.google.com/docs/hosting/manage-cache?hl=ja
  13. ࣍ճ Firestoreͷ ϦΞϧλΠϜΞοϓσʔτʹ ੾Γସ͍͑ͨ

  14. ࠓճͷϦΞΫγϣϯΛड͚ͯ ͲΜͲΜվળ͠·͢

  15. https://github.com/tegehoge/LeacTion ϓϧϦΫ͓଴͓ͪͯ͠Γ·͢