Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

jiko21
August 02, 2019

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

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

jiko21

August 02, 2019
Tweet

More Decks by jiko21

Other Decks in Technology

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