Webナイト宮崎 vol.11 で発表した資料です
LeacTion! ʹ͍ͭͯษڧձɾLTͷͪΐ͏Ͳ͍͍ίϝϯτπʔϧ͕ཉ͔ͬͨ͠ͷͰ࡞ͬͯΈͨ2020-11-27 WebφΠτٶ࡚ vol.11 ܂ാӳࢿ
View Slide
ࣗݾհ• ܂ാӳࢿ(37)• ϑϦʔϥϯεΤϯδχΞ• ։ൃۀ• ϝϯλʔ• ʮͯ͛΄͛ʯॴଐ• झຯଟ
LTʹ࣭ίϝϯτ͕͍ͨ͠ΈΜͳͷԠ͕Έ͍ͨ
͜Ε·Ͱ• Ҵຊ͞Μ (@shogo0525) ͕։ൃ͍ͯͨ͠ Hasso• ൃද͝ͱʹϖʔδΛ࡞ͬͯίϝϯτͰ͖ͨ• ॾࣄ͋ΓผͷπʔϧΛ͏͜ͱʹ• લճͷWebφΠτٶ࡚ vol.10 Ͱར༻ͨ͠ Handsup!• ແྉͰखܰ• ʮ͍͍ͶʂʯॱͰࣗಈతʹιʔτ͞Εͯ͠·͍ʮ͍͍Ͷʂʯېࢭʹ
ΤϯδχΞͳΒཉ͍͠ͷࣗͰ࡞Δ
࡞ͬͨ
LeacTion!
= Reaction! for LT
https://leaction.web.app/
ಛ• ։࠵ऀࢀՃऀϩάΠϯෆཁͰར༻Ͱ͖Δ• ൃදΛϖʔδભҠͤͣʹ͙͢ʹΓସ͑ΒΕΔ• ʮ͍͍ͶʂʯͰ͖ΔʢҰਓҰճ·Ͱʣ
࠾༻ͨ͠ϑϨʔϜϫʔΫɾαʔϏε• Vue 3• ϦϦʔεޙͩͬͨͷͰͬͯΈͨ• TailwindCSS• Ver.2 ͕ϦϦʔε͞ΕͨͷͰͦͷ͏ͪҠߦ͍ͨ͠• Firebase (Hosting, Firestore, Cloud Functions)• Cloud Functions ͷCDNΩϟογϡػೳΛར༻
FirestoreͷΞΫηεΛԼ͍͛ͨϒϥβ7VF)PTUJOH$MPVE'VODUJPOT'JSFTUPSFPOSTGET$%/$BDIFHostingܦ༝ͰCloud FunctionsΛݺͼग़͠ϨεϙϯεΛCDNΩϟογϡ͢Δhttps://firebase.google.com/docs/hosting/manage-cache?hl=ja
࣍ճFirestoreͷϦΞϧλΠϜΞοϓσʔτʹΓସ͍͑ͨ
ࠓճͷϦΞΫγϣϯΛड͚ͯͲΜͲΜվળ͠·͢
https://github.com/tegehoge/LeacTionϓϧϦΫ͓͓ͪͯ͠Γ·͢