Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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にしてほしい • モバイル、フロントに専念したいとき、いいぞ! • 特に型のある世界から来た⼈など…