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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for jiko21 jiko21
August 02, 2019
Technology
780
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
190
Array Grouping will soon be arriving at TypeScript
Avatar for jiko21 jiko21
0
170
Copying Array Methods arrived at TypeScript
Avatar for jiko21 jiko21
1
940
SSRで動的に
OGP画像を生成したい！
〜Cloudflare Workersから@vercel/og移行編〜
Avatar for jiko21 jiko21
0
170
node:test will replace Jest?
Avatar for jiko21 jiko21
0
120
どこでも動かすために… TypeScriptでライブラリ開発の すゝめ
Avatar for jiko21 jiko21
2
460
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
SmartHR Engineering Team Deck
Avatar for SmartHR Recruit smarthr
1
1.2k
Flutterをカメラで動かしたかった話
Avatar for ソニー株式会社 sony
1
130
システム思考で問題に対処する
Avatar for yussak yussak
0
210
【CEDEC2026】次世代デジタルカードゲームのサーバー設計と運用 〜『Shadowverse: Worlds Beyond』の舞台裏～
Avatar for Cygames, Inc. cygames
PRO
1
970
新しい SLO が良い感じにハマっている話
Avatar for kaita z63d
5
2.1k
関東Kaggler会発表資料
Avatar for takoi takoi
1
190
toio・myCobotでフィジカルAIっぽいことを行うための検討（とりあえず調査） / フィジカルAI LT（IoTLTによる開催）
Avatar for you（@youtoy） you
PRO
0
300
OSPN.JPバージョンアップ作業進捗のご報告 / 20260801-osc26kyoto
Avatar for Akira Ouchi akkiesoft
0
420
AI駆動開発は個人技からチーム戦へ：組織でAIを使いこなすための実践設計
Avatar for Atsushi Nakatsugawa moongift
PRO
0
480
第3回しろおびセキュリティスポンサーセッション
Avatar for ogiogi log0417
0
160
FPGAが実現する遠方宇宙の高空間分解能天体撮影 -大型地上望遠鏡の視力を補正する「補償光学」とは？-
Avatar for 高橋光明 / Mitsuaki Takahashi komei_mt
0
180
社内の7割が使うデータ基盤を、 データチーム2人で回すためにやったこと
Avatar for KOH koh_yoshi
4
1.2k

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
480
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
360
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
490
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
3
420
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
2.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
340
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.7k

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

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