Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LeacTion!について / About LeacTion!
Search
mather
November 27, 2020
Technology
0
330
LeacTion!について / About LeacTion!
Webナイト宮崎 vol.11 で発表した資料です
mather
November 27, 2020
Tweet
Share
More Decks by mather
See All by mather
SolidjsでLeacTion!を作り直しました / Rebuilt LeacTion! in Solid.js
mather
0
310
Webフレームワークの功罪 / Advantages and considerable point of Web Frameworks
mather
0
460
LeacTion!のアップデートとプチ勉強会へのいざない / Updates of LeacTion and Petit Meetup
mather
0
470
Rubyでワンライナー / One-liner on Ruby
mather
0
460
認知と思考パターン / Cognition and Pattern
mather
1
280
「モデル」を考える / Think about "model"
mather
0
380
Shall we make a speech?
mather
0
240
Elmでライフゲーム / LifeGame in Elm
mather
1
1k
Elmで関数型を意識する / Think functionally with Elm
mather
0
420
Other Decks in Technology
See All in Technology
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
shotatsuge
4
830
インフラ寄りSREの生存戦略
sansantech
PRO
9
3.4k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
55
22k
LLM時代の検索
shibuiwilliam
2
640
TableauLangchainとは何か?
cielo1985
1
150
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
lufthanahelpsupport
0
240
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
510
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
340
マルチプロダクト環境におけるSREの役割 / SRE NEXT 2025 lunch session
sugamasao
1
390
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
ropqa
1
250
衛星運用をソフトウェアエンジニアに依頼したときにできあがるもの
sankichi92
1
230
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
flyamerican
1
180
Featured
See All Featured
A Tale of Four Properties
chriscoyier
160
23k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Music & Morning Musume
bryan
46
6.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Gamification - CAS2011
davidbonilla
81
5.4k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Speed Design
sergeychernyshev
32
1k
GitHub's CSS Performance
jonrohan
1031
460k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Six Lessons from altMBA
skipperchong
28
3.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Transcript
LeacTion! ʹ͍ͭͯ ษڧձɾLTͷͪΐ͏Ͳ͍͍ίϝϯτπʔϧ͕ཉ͔ͬͨ͠ͷͰ࡞ͬͯΈͨ 2020-11-27 WebφΠτٶ࡚ vol.11 ܂ാӳࢿ
ࣗݾհ • ܂ാӳࢿ(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 'JSFTUPSF POST GET
$%/ $BDIF Hostingܦ༝ͰCloud FunctionsΛݺͼग़͠ϨεϙϯεΛCDNΩϟογϡ͢Δ https://firebase.google.com/docs/hosting/manage-cache?hl=ja
࣍ճ Firestoreͷ ϦΞϧλΠϜΞοϓσʔτʹ Γସ͍͑ͨ
ࠓճͷϦΞΫγϣϯΛड͚ͯ ͲΜͲΜվળ͠·͢
https://github.com/tegehoge/LeacTion ϓϧϦΫ͓͓ͪͯ͠Γ·͢