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