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
750

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

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

Avatar for jiko21

jiko21

August 02, 2019
Tweet

More Decks by jiko21

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

Other Decks in Technology

See All in Technology
事例に見るスマートファクトリーへの道筋〜工場データをAI Readyにする実践ステップ〜
Avatar for 濱田孝治 hamadakoji
1
270
越境する組織づくり ─ 多様性を前提にしたチームビルディングとリードの実践知
Avatar for hrpnx kido_engineer
2
160
OCI Security サービス 概要
Avatar for oracle4engineer oracle4engineer
PRO
2
13k
楽しく学ぼう！コミュニティ入門 AWSと人が つむいできたストーリー
Avatar for hiroramos hiroramos4
PRO
1
180
型を書かないRuby開発への挑戦
Avatar for Shia riseshia
0
210
PMBOK第8版は第7版から何が変わったのか（PMBOK第8版概要解説） / 20260304 Takeshi Watarai
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
110
モブプログラミング再入門 ー 基本から見直す、AI時代のチーム開発の選択肢 ー / A Re-introduction of Mob Programming
Avatar for TAKAKING22 takaking22
5
1.1k
Databricksアシスタントが自分で考えて動く時代に! エージェントモード体験もくもく会
Avatar for Takaaki Yayoi taka_aki
0
370
Security Diaries of an Open Source IAM
Avatar for Alexander Schwartz ahus1
0
210
生成AIの利用とセキュリティ /gen-ai-and-security
Avatar for Masayoshi Mizutani mizutani
1
1.5k
開発組織の課題解決を加速するための権限委譲 -する側、される側としての向き合い方-
Avatar for daitasu daitasu
5
450
LINE Messengerの次世代ストレージ選定
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
19
7.7k

Featured

See All Featured
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
460
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
970
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
630
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
470
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
140
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
440

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

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