LeacTion!について / About LeacTion!

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 ϓϧϦΫ͓଴͓ͪͯ͠Γ·͢