知ってました? Firebase Cloud Functionsで TypeScriptが使えるよ!

関西Node学園#7 の発表資料です

Transcript

1. 知ってました?
   Firebase Cloud Functionsで
   TypeScriptが使えるよ!
   関⻄Node学園#7
   @Daikids2
   

   View Slide

2. ⾃⼰紹介
   ⼩島 ⼤基
   Daiki Kojima (@Daikids2)
   京都⼤学⼤学院情報学研究科 M2 (20卒)
   研究進んでない…(おしごとたのしい)
   Webフロント(Vue)多め
   Flutterに浮気中
   

   View Slide

3. 今⽇話すこと
   •Cloud Functinos for Firebase?
   •何ができるの?
   •TSで書くために…
   

   View Slide

4. Cloud Functions
   For Firebase
   

   View Slide

5. FireBaseは知ってます?
   

   View Slide

6. What is Firebase?
   • Googleが出してるmBaaS
   • バックエンドの処理とかを提供
   • 主に以下の機能が有名
   • Realtime Data Base
   • Auth
   • Storage
   • MLKit
   • Hosting
   • 他にも⾊々…
   

   View Slide

7. Cloud Functinos For Firebase
   https://firebase.google.com/docs/functions/?hl=ja
   

   View Slide

8. 何ができるの?
   

   View Slide

9. できること…
   • Firebase上のイベントor Http Requestをトリガーに、
   コードを実⾏できる!
   • ほかのFirebase上のサービスを動かしたり、
   • 他のところにWeb Hookかけたり…
   • Firebase公式に⾊々例が載ってる
   https://firebase.google.com/docs/functions/use-
   cases?hl=ja
   

   View Slide

10. こいつに似てない?
    

    View Slide

11. TSで書くために...
    

    View Slide

12. 最初に…
    • 以下コマンドでfirebase-toolsをインストール
    (やっとNodeっぽくなってきた)
    • プロジェクトディレクトリを⽤意して、そこで
    npm i -g firebase-tools
    firebae init
    

    View Slide

13. View Slide

14. 注意
    • JavaScriptを選択すると…
    • CommonJSで書かなきゃいけない…
    • 本番環境のNodeのVersionは8…
    

    View Slide

15. デモ
    

    View Slide

16. 最後に
    • ES 6的な構⽂とか使いたいだけでも⼗分有効
    • TSLintがついてくる…
    • すでに⾮推奨。
    • Googleさん頭いいからESLintにしてほしい
    • モバイル、フロントに専念したいとき、いいぞ!
    • 特に型のある世界から来た⼈など…
    

    View Slide