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
490
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
Kubernetes self-healing of your workload
hwchiu
0
510
プレイドのユニークな技術とインターンのリアル
plaidtech
PRO
1
350
AI時代におけるデータの重要性 ~データマネジメントの第一歩~
ryoichi_ota
0
710
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
0
210
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
3l4l5
3
340
ソースを読むプロセスの例
sat
PRO
15
9.9k
Azure Well-Architected Framework入門
tomokusaba
1
120
Building a cloud native business on open source
lizrice
0
180
Behind Postgres 18: The People, the Code, & the Invisible Work | Claire Giordano | PGConfEU 2025
clairegiordano
0
130
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
5
1.1k
serverless team topology
_kensh
3
230
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
660
Featured
See All Featured
Balancing Empowerment & Direction
lara
5
700
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Code Review Best Practice
trishagee
72
19k
Documentation Writing (for coders)
carmenintech
75
5.1k
Mobile First: as difficult as doing things right
swwweet
225
10k
Building Applications with DynamoDB
mza
96
6.7k
Rails Girls Zürich Keynote
gr2m
95
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Being A Developer After 40
akosma
91
590k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
GitHub's CSS Performance
jonrohan
1032
470k
Statistics for Hackers
jakevdp
799
220k
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 ϓϧϦΫ͓͓ͪͯ͠Γ·͢