Tweet
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にしてほしい • モバイル、フロントに専念したいとき、いいぞ! • 特に型のある世界から来た⼈など…