Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for jiko21 jiko21
August 02, 2019
Technology
800
2

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

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

Avatar for jiko21

jiko21

August 02, 2019

More Decks by jiko21

See All by jiko21
型情報を手繰り寄せる技術~TypeScript Compiler APIによる型解析実践~
Avatar for jiko21 jiko21
0
1.2k
Creating a Next.js-style Framework with Bun and Hono
Avatar for jiko21 jiko21
0
200
Array Grouping will soon be arriving at TypeScript
Avatar for jiko21 jiko21
0
190
Copying Array Methods arrived at TypeScript
Avatar for jiko21 jiko21
1
1k
SSRで動的に
OGP画像を生成したい！
〜Cloudflare Workersから@vercel/og移行編〜
Avatar for jiko21 jiko21
0
180
node:test will replace Jest?
Avatar for jiko21 jiko21
0
130
どこでも動かすために… TypeScriptでライブラリ開発の すゝめ
Avatar for jiko21 jiko21
2
490
NestJS a progressive web framework
Avatar for jiko21 jiko21
3
2.3k
レガシーなフロントエンドをリプレイスする
Avatar for jiko21 jiko21
5
1.6k

Other Decks in Technology

See All in Technology
Active Directory と Entra ID のむむむな関係
Avatar for Murachi Akira murachiakira
PRO
4
1.7k
自治体AIコンタクトセンター、何をどこに任せる？～Amazon Connect Customer ＋Amazon Bedrockの実践知～ / 20261107 Satoshi Torano
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
120
Claude Codeで作ったアプリを安全に公開する/Built with Claude Japan 2026
Avatar for Shingo Yoshida 吉田真吾 yoshidashingo
0
220
Kiro IDE 入門 (画面の各部から、頼み方、任せ方、戻し方まで) | 目指せ Kiro マスター 02
Avatar for Riku INADA inariku
PRO
4
180
The Author Pays
Avatar for James Thomas hiccupps
0
150
「AIチャットからもできないの？」と言われたら ～業務アプリをMCP対応するときの認証・認可の勘所
Avatar for OpenID Foundation Japan oidfj
0
260
慶應義塾大学 AI実践05 論文執筆の仕組み化
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
7
3.8k
AI時代に求められる優秀なTechLeadの振る舞い
Avatar for pospome pospome
11
15k
Ebitengine製iOSアプリ公開ボタンを押す会
Avatar for eiei114 eiei114
0
110
GCASアップデート（202607-202610）
Avatar for 高橋広和 techniczna
1
240
HQ駆動開発で最高のAI-Contextを作ろう
Avatar for SansanTech sansantech
PRO
1
120
81天的 AI Agent 軟體開發團隊治理實務分享
Avatar for 小朱 regionbbs
0
140

Featured

See All Featured
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.4k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
1k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
371
20k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
1
430
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
320
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.6k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
550
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
3.1k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k

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

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