Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
知ってました?Firebase Cloud FunctionsでTypeScriptが使えるよ!
Search
jiko21
August 02, 2019
Technology
780
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
知ってました? Firebase Cloud Functionsで TypeScriptが使えるよ!
関西Node学園#7 の発表資料です
jiko21
August 02, 2019
More Decks by jiko21
See All by jiko21
型情報を手繰り寄せる技術~TypeScript Compiler APIによる型解析実践~
jiko21
0
1.2k
Creating a Next.js-style Framework with Bun and Hono
jiko21
0
180
Array Grouping will soon be arriving at TypeScript
jiko21
0
170
Copying Array Methods arrived at TypeScript
jiko21
1
930
SSRで動的に OGP画像を生成したい! 〜Cloudflare Workersから@vercel/og移行編〜
jiko21
0
170
node:test will replace Jest?
jiko21
0
120
どこでも動かすために… TypeScriptでライブラリ開発の すゝめ
jiko21
2
450
NestJS a progressive web framework
jiko21
3
2.3k
レガシーなフロントエンドをリプレイスする
jiko21
5
1.6k
Other Decks in Technology
See All in Technology
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
oracle4engineer
PRO
2
8.4k
そのドキュメント、自動化しませんか?
yuksew
1
300
ruby.wasmとPicoRuby.wasmに対応した仮想DOMライブラリを作ってる話 #kaigieffect_kaigi
sue445
PRO
0
150
大量データに対しても、生成AIを用いてリーズナブルにデータ加工をしたい!Databricksのai_queryについて調べてみた
kamoshika
1
220
“それは自分の仕事じゃない"を越えて行け
yuukiyo
1
480
実践!既存 Project への AI-Driven Development 適用〜 一ヶ月で Project 唯一のフロントエンドエンジニアを作り出せ〜
lycorptech_jp
PRO
0
240
人を動かすのは時間ではなく、納得感 〜新任EMが入社3ヶ月、組織を2回変えた話〜
kakehashi
PRO
3
270
AIと共生する開発者プラットフォーム:バクラクのモノレポ×マイクロサービス基盤
sakajunquality
2
3.9k
脱金融のフューチャー・デザイン / Future Design Beyond Finance
ks91
PRO
0
160
しくみを学んで使いこなそう GitHub Copilot app
torumakabe
2
290
AI時代の闇と光
tatsuya1970
0
110
Compose 新機能総まとめ / What's New in Jetpack Compose
yanzm
0
320
Featured
See All Featured
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
650
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
180
Believing is Seeing
oripsolob
1
170
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
350
Color Theory Basics | Prateek | Gurzu
gurzu
0
390
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
770
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
Designing Powerful Visuals for Engaging Learning
tmiket
1
450
BBQ
matthewcrist
89
10k
エンジニアに許された特別な時間の終わり
watany
108
250k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
Transcript
知ってました? Firebase Cloud Functionsで TypeScriptが使えるよ! 関⻄Node学園#7 @Daikids2
⾃⼰紹介 ⼩島 ⼤基 Daiki Kojima (@Daikids2) 京都⼤学⼤学院情報学研究科 M2 (20卒) 研究進んでない…(おしごとたのしい)
Webフロント(Vue)多め Flutterに浮気中
今⽇話すこと •Cloud Functinos for Firebase? •何ができるの? •TSで書くために…
Cloud Functions For Firebase
FireBaseは知ってます?
What is Firebase? • Googleが出してるmBaaS • バックエンドの処理とかを提供 • 主に以下の機能が有名 •
Realtime Data Base • Auth • Storage • MLKit • Hosting • 他にも⾊々…
Cloud Functinos For Firebase https://firebase.google.com/docs/functions/?hl=ja
何ができるの?
できること… • Firebase上のイベントor Http Requestをトリガーに、 コードを実⾏できる! • ほかのFirebase上のサービスを動かしたり、 • 他のところにWeb
Hookかけたり… • Firebase公式に⾊々例が載ってる https://firebase.google.com/docs/functions/use- cases?hl=ja
こいつに似てない?
TSで書くために...
最初に… • 以下コマンドでfirebase-toolsをインストール (やっとNodeっぽくなってきた) • プロジェクトディレクトリを⽤意して、そこで npm i -g firebase-tools
firebae init
None
注意 • JavaScriptを選択すると… • CommonJSで書かなきゃいけない… • 本番環境のNodeのVersionは8…
デモ
最後に • ES 6的な構⽂とか使いたいだけでも⼗分有効 • TSLintがついてくる… • すでに⾮推奨。 • Googleさん頭いいからESLintにしてほしい
• モバイル、フロントに専念したいとき、いいぞ! • 特に型のある世界から来た⼈など…