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
320
Webフレームワークの功罪 / Advantages and considerable point of Web Frameworks
mather
0
470
LeacTion!のアップデートとプチ勉強会へのいざない / Updates of LeacTion and Petit Meetup
mather
0
480
Rubyでワンライナー / One-liner on Ruby
mather
0
470
認知と思考パターン / 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
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
110
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
870
LLMアプリケーション開発におけるセキュリティリスクと対策 / LLM Application Security
flatt_security
7
1.8k
BtoBプロダクト開発の深層
16bitidol
0
200
Azure Well-Architected Framework入門
tomokusaba
0
280
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
500
BirdCLEF+2025 Noir 5位解法紹介
myso
0
190
10年の共創が示す、これからの開発者と企業の関係 ~ Crossroad
soracom
PRO
1
170
AWSにおけるTrend Vision Oneの効果について
shimak
0
120
ユニットテストに対する考え方の変遷 / Everyone should watch his live coding
mdstoy
0
120
Access-what? why and how, A11Y for All - Nordic.js 2025
gdomiciano
1
110
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
11
77k
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
339
57k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Agile that works and the tools we love
rasmusluckow
331
21k
How to Think Like a Performance Engineer
csswizardry
27
2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
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 ϓϧϦΫ͓͓ͪͯ͠Γ·͢