Share
Embed
Slide 1
Slide 1 text
知ってました?
Firebase Cloud Functionsで
TypeScriptが使えるよ!
関⻄Node学園#7
@Daikids2
Slide 2
Slide 2 text
⾃⼰紹介
⼩島 ⼤基
Daiki Kojima (@Daikids2)
京都⼤学⼤学院情報学研究科 M2 (20卒)
研究進んでない…(おしごとたのしい)
Webフロント(Vue)多め
Flutterに浮気中
Slide 3
Slide 3 text
今⽇話すこと
•Cloud Functinos for Firebase?
•何ができるの?
•TSで書くために…
Slide 4
Slide 4 text
Cloud Functions
For Firebase
Slide 5
Slide 5 text
FireBaseは知ってます?
Slide 6
Slide 6 text
What is Firebase?
• Googleが出してるmBaaS
• バックエンドの処理とかを提供
• 主に以下の機能が有名
• Realtime Data Base
• Auth
• Storage
• MLKit
• Hosting
• 他にも⾊々…
Slide 7
Slide 7 text
Cloud Functinos For Firebase
https://firebase.google.com/docs/functions/?hl=ja
Slide 8
Slide 8 text
何ができるの?
Slide 9
Slide 9 text
できること…
• Firebase上のイベントor Http Requestをトリガーに、
コードを実⾏できる!
• ほかのFirebase上のサービスを動かしたり、
• 他のところにWeb Hookかけたり…
• Firebase公式に⾊々例が載ってる
https://firebase.google.com/docs/functions/use-
cases?hl=ja
Slide 10
Slide 10 text
こいつに似てない?
Slide 11
Slide 11 text
TSで書くために...
Slide 12
Slide 12 text
最初に…
• 以下コマンドでfirebase-toolsをインストール
(やっとNodeっぽくなってきた)
• プロジェクトディレクトリを⽤意して、そこで
npm i -g firebase-tools
firebae init
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
注意
• JavaScriptを選択すると…
• CommonJSで書かなきゃいけない…
• 本番環境のNodeのVersionは8…
Slide 15
Slide 15 text
デモ
Slide 16
Slide 16 text
最後に
• ES 6的な構⽂とか使いたいだけでも⼗分有効
• TSLintがついてくる…
• すでに⾮推奨。
• Googleさん頭いいからESLintにしてほしい
• モバイル、フロントに専念したいとき、いいぞ!
• 特に型のある世界から来た⼈など…