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

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

06a095e125c2016e983e183e10209b9a?s=47 jiko21
August 02, 2019
Technology
2
670

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

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

06a095e125c2016e983e183e10209b9a?s=128

jiko21

August 02, 2019
Tweet

More Decks by jiko21

See All by jiko21
NestJS a progressive web framework
06a095e125c2016e983e183e10209b9a?s=48 jiko21
3
1.3k
レガシーなフロントエンドをリプレイスする
06a095e125c2016e983e183e10209b9a?s=48 jiko21
5
1.2k
Deep Dive Into Vue Composition API
06a095e125c2016e983e183e10209b9a?s=48 jiko21
0
3.1k
Composition API TypeScriptはVue.jsの夢を見るか?
06a095e125c2016e983e183e10209b9a?s=48 jiko21
1
490
VueでPWAするときに 気をつけておきたいTips
06a095e125c2016e983e183e10209b9a?s=48 jiko21
2
420
Function API You will use in future
06a095e125c2016e983e183e10209b9a?s=48 jiko21
2
1.5k
TypeScriptで Vueを書いてみよう!
06a095e125c2016e983e183e10209b9a?s=48 jiko21
1
430
TypeScriptとVue
06a095e125c2016e983e183e10209b9a?s=48 jiko21
4
1.7k
May Python Prevail Everyone
06a095e125c2016e983e183e10209b9a?s=48 jiko21
0
780

Other Decks in Technology

See All in Technology
Building smarter apps with machine learning, from magic to reality
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
3.2k
1人目SETとして入社して2ヶ月の間におこなったこと
81e0ce50877c71b7825914c017e0dda2?s=48 tarappo
3
390
5分で分かるGoogle Playの新しいサブスクリプション / Google Play new subscription 2022
Da5a59469ce3ebb55619ce34f85f8c4f?s=48 syarihu
0
180
越境チャレンジの現在地 〜Epic大臣制度の今〜
Dd5c63951803a69272ac7a6aaa59401d?s=48 yousak
0
690
MoT TechTalk #12 タクシーアプリ『GO』大規模トラフィックを捌く分析データ基盤の全容に迫る！
44a210d1299a727e9d601a47dfedeabf?s=48 mot_techtalk
0
270
チームとチームのチーム
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
1
880
FoodTechにおける商流・金流・物流の進化/Evolution of Commercial, Financial, and Logistics in FoodTech
Ff655584d57df8448153fa618cc86db3?s=48 dskst
0
350
リファインメントは楽しいかね？
F4ea0f5f6211de72f79576d020308de5?s=48 kitamu_mu
1
320
Well-organized Transaction Script - リファクタリングの妥協的手法 -
942bb606679caf4c57b38927f83178e1?s=48 qsona
4
380
Microsoft Build2022 最新アップデートAI/ML
0fa6038e477031fcca028bab0efe07e3?s=48 shisyu_gaku
1
390
コミュニティを育てて会社を変える
08c8717584daaaac4f6d7df783fb7172?s=48 shimobayashi
0
1.1k
suppress-ts-errors を使って TypeScriptの型チェックを漸進的に強化する / Introducing-suppress-ts-errors
0a16f7b8629f2facca2a1e80a73c5423?s=48 kawamataryo
2
100

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k
Ruby is Unlike a Banana
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9.2k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
27
6.5k
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
3.9k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
94
4.6k
A Philosophy of Restraint
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
192
15k
Fontdeck: Realign not Redesign
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
4.1k
Three Pipe Problems
11c84dff30266b907714802088852677?s=48 jasonvnalue
89
8.7k
Practical Orchestrator
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.6k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
E425fe9f170efa0dfaf8ab69d7107418?s=48 aki_i
23
15k
Building a Scalable Design System with Sketch
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
447
30k

Transcript

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

  2. ⾃⼰紹介 ⼩島 ⼤基 Daiki Kojima (@Daikids2) 京都⼤学⼤学院情報学研究科 M2 (20卒) 研究進んでない…(おしごとたのしい)

    Webフロント(Vue)多め Flutterに浮気中

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

  4. Cloud Functions For Firebase

  5. FireBaseは知ってます?

  6. What is Firebase? • Googleが出してるmBaaS • バックエンドの処理とかを提供 • 主に以下の機能が有名 •

    Realtime Data Base • Auth • Storage • MLKit • Hosting • 他にも⾊々…

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

  8. 何ができるの?

  9. できること… • Firebase上のイベントor Http Requestをトリガーに、 コードを実⾏できる! • ほかのFirebase上のサービスを動かしたり、 • 他のところにWeb

    Hookかけたり… • Firebase公式に⾊々例が載ってる https://firebase.google.com/docs/functions/use- cases?hl=ja

  10. こいつに似てない?

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

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

    firebae init
  13. None

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

  15. デモ

  16. 最後に • ES 6的な構⽂とか使いたいだけでも⼗分有効 • TSLintがついてくる… • すでに⾮推奨。 • Googleさん頭いいからESLintにしてほしい

    • モバイル、フロントに専念したいとき、いいぞ! • 特に型のある世界から来た⼈など…