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
知ってました?Firebase Cloud FunctionsでTypeScriptが使えるよ!
Search
jiko21
August 02, 2019
Technology
780
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
知ってました? Firebase Cloud Functionsで TypeScriptが使えるよ!
関西Node学園#7 の発表資料です
jiko21
August 02, 2019
More Decks by jiko21
See All by jiko21
型情報を手繰り寄せる技術~TypeScript Compiler APIによる型解析実践~
jiko21
0
1.2k
Creating a Next.js-style Framework with Bun and Hono
jiko21
0
180
Array Grouping will soon be arriving at TypeScript
jiko21
0
170
Copying Array Methods arrived at TypeScript
jiko21
1
930
SSRで動的に OGP画像を生成したい! 〜Cloudflare Workersから@vercel/og移行編〜
jiko21
0
170
node:test will replace Jest?
jiko21
0
120
どこでも動かすために… TypeScriptでライブラリ開発の すゝめ
jiko21
2
450
NestJS a progressive web framework
jiko21
3
2.3k
レガシーなフロントエンドをリプレイスする
jiko21
5
1.6k
Other Decks in Technology
See All in Technology
カードゲーム作りが教えてくれた プロダクトオーナーシップ
moritamasami
0
110
アップデートで何が変わった?デモで学んで使いこなすIBM Bob2.0
muehara
0
130
SREとQA 二人三脚で進めるSLO運用/sre-qa-slo
sugitak
0
950
Compose 新機能総まとめ / What's New in Jetpack Compose
yanzm
0
320
凡エンジニアがこの先生きのこるためには。〜TypeScript完全に理解したい〜
alchemy1115
2
310
ガバナンスの「ちょうどいい落とし所」を探れ!開発スピードを妨げない運用判断の勘所 / SRE NEXT 2026
genda
1
250
変更し続けられるシステムをどう保つか — AI時代のSSoTという設計原則
kawauso
0
140
AI Coding Agent時代のcdk-nagガードレール 〜組織ルールを強制CIで守り抜く設計の挑戦〜
mhrtech
3
420
「AIに依存している」と 「AIを使いこなしている」の違い
k8yasuma
0
120
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
110k
世界、断片、モデル。そして理解
ardbeg1958
1
130
SRE Next 2026 何でも屋からの脱却
bto
0
970
Featured
See All Featured
WCS-LA-2024
lcolladotor
0
710
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
Music & Morning Musume
bryan
47
7.3k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
870
We Are The Robots
honzajavorek
0
280
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
280
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
Odyssey Design
rkendrick25
PRO
2
730
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.7k
Raft: Consensus for Rubyists
vanstee
141
7.6k
Transcript
知ってました? Firebase Cloud Functionsで TypeScriptが使えるよ! 関⻄Node学園#7 @Daikids2
⾃⼰紹介 ⼩島 ⼤基 Daiki Kojima (@Daikids2) 京都⼤学⼤学院情報学研究科 M2 (20卒) 研究進んでない…(おしごとたのしい)
Webフロント(Vue)多め Flutterに浮気中
今⽇話すこと •Cloud Functinos for Firebase? •何ができるの? •TSで書くために…
Cloud Functions For Firebase
FireBaseは知ってます?
What is Firebase? • Googleが出してるmBaaS • バックエンドの処理とかを提供 • 主に以下の機能が有名 •
Realtime Data Base • Auth • Storage • MLKit • Hosting • 他にも⾊々…
Cloud Functinos For Firebase https://firebase.google.com/docs/functions/?hl=ja
何ができるの?
できること… • Firebase上のイベントor Http Requestをトリガーに、 コードを実⾏できる! • ほかのFirebase上のサービスを動かしたり、 • 他のところにWeb
Hookかけたり… • Firebase公式に⾊々例が載ってる https://firebase.google.com/docs/functions/use- cases?hl=ja
こいつに似てない?
TSで書くために...
最初に… • 以下コマンドでfirebase-toolsをインストール (やっとNodeっぽくなってきた) • プロジェクトディレクトリを⽤意して、そこで npm i -g firebase-tools
firebae init
None
注意 • JavaScriptを選択すると… • CommonJSで書かなきゃいけない… • 本番環境のNodeのVersionは8…
デモ
最後に • ES 6的な構⽂とか使いたいだけでも⼗分有効 • TSLintがついてくる… • すでに⾮推奨。 • Googleさん頭いいからESLintにしてほしい
• モバイル、フロントに専念したいとき、いいぞ! • 特に型のある世界から来た⼈など…