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

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

Avatar for jiko21 jiko21
August 02, 2019
Technology
2
740

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

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

Avatar for jiko21

jiko21

August 02, 2019
Tweet

More Decks by jiko21

See All by jiko21
Creating a Next.js-style Framework with Bun and Hono
Avatar for jiko21 jiko21
0
140
Array Grouping will soon be arriving at TypeScript
Avatar for jiko21 jiko21
0
130
Copying Array Methods arrived at TypeScript
Avatar for jiko21 jiko21
1
680
SSRで動的に
OGP画像を生成したい！
〜Cloudflare Workersから@vercel/og移行編〜
Avatar for jiko21 jiko21
0
130
node:test will replace Jest?
Avatar for jiko21 jiko21
0
90
どこでも動かすために… TypeScriptでライブラリ開発の すゝめ
Avatar for jiko21 jiko21
2
390
NestJS a progressive web framework
Avatar for jiko21 jiko21
3
2.2k
レガシーなフロントエンドをリプレイスする
Avatar for jiko21 jiko21
5
1.5k
Deep Dive Into Vue Composition API
Avatar for jiko21 jiko21
0
3.2k

Other Decks in Technology

See All in Technology
OSSで50の競合と戦うためにやったこと
Avatar for Kazuki Yamada yamadashy
3
660
Railsの話をしよう
Avatar for Yasuo Honda yahonda
0
170
AIとともに歩んでいくデザイナーの役割の変化
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
670
事業開発におけるDify活用事例
Avatar for KentaroFujii kentarofujii
4
1.1k
今この時代に技術とどう向き合うべきか
Avatar for gree_tech gree_tech
PRO
2
2.1k
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
300
新規事業におけるGORM+SQLx併用アーキテクチャ
Avatar for hacomono Inc. hacomono
PRO
0
440
Implementing and Evaluating a High-Level Language with WasmGC and the Wasm Component Model: Scala’s Case
Avatar for Rikito Taniguchi tanishiking
0
150
dbtとBigQuery MLで実現する リクルートの営業支援基盤のモデル開発と保守運用
Avatar for Recruit recruitengineers
PRO
3
150
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
14k
初めてのDatabricks Apps開発
Avatar for Takaaki Yayoi taka_aki
1
220
混合雲環境整合異質工作流程工具運行關鍵業務 Job 的經驗分享
Avatar for Yao-Siang Su (蘇曜祥) yaosiang
0
110

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
238
140k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
44
7.8k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Writing Fast Ruby
Avatar for Erik Berlin sferik
629
62k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
56
6.6k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
7.9k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
526
40k

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にしてほしい

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