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