LeacTion!について / About LeacTion!

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

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