Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
知ってました?Firebase Cloud FunctionsでTypeScriptが使えるよ!
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
jiko21
August 02, 2019
Technology
790
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
190
Array Grouping will soon be arriving at TypeScript
jiko21
0
180
Copying Array Methods arrived at TypeScript
jiko21
1
980
SSRで動的に OGP画像を生成したい! 〜Cloudflare Workersから@vercel/og移行編〜
jiko21
0
170
node:test will replace Jest?
jiko21
0
120
どこでも動かすために… TypeScriptでライブラリ開発の すゝめ
jiko21
2
470
NestJS a progressive web framework
jiko21
3
2.3k
レガシーなフロントエンドをリプレイスする
jiko21
5
1.6k
Other Decks in Technology
See All in Technology
ソフトウェアDNAとクラウドエージェントのススメ
cloudace
0
120
山手線を徒歩で一周してわかった、 位置情報アプリは「足」が最強のデバッガー
hinakko
0
190
アプリをもっと"iOSアプリっぽく"する小さな工夫 / Small Touches That Make Your App Feel More Like an iOS App
matsuji
2
1k
Making AI Agents Safe and Fast- Jev, Obsidian, and the Meta-Harness
x5gtrn
PRO
0
110
AI de Idea
kawaguti
PRO
2
130
Goodbye ShellScript, Hello File-based App
shunsock
0
680
バイブコーディング時代のWebアプリ開発入門~Cloud Runで学ぶセキュアなビルドとデプロイ
waiwai2111
1
140
アクセスキーこわい やめかたと漏らさない工夫
sassssan68
1
620
AIを活用するために決めた "やらないこと" - 価値に注目する / Not betting on AI
soudai
PRO
3
580
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
nwiizo
1
3.2k
【技術的負債conf】事業成長に伴う技術的負債の説明責任とAIによるモニタリング、認知的負債について
i35_267
3
2k
AIに賢く動いてもらうためのコンテキスト〜Snowflake女子会 vol.8
snowwmn0824
0
160
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Practical Orchestrator
shlominoach
192
12k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
580
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
530
Building Adaptive Systems
keathley
44
3.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.3k
The Invisible Side of Design
smashingmag
301
52k
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にしてほしい
• モバイル、フロントに専念したいとき、いいぞ! • 特に型のある世界から来た⼈など…