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

Firebaseでつくるチャットアプリ3分クッキング / Chat app 3 minutes...

Avatar for Daisuke Sato Daisuke Sato
November 17, 2018
0
1.4k

Firebaseでつくるチャットアプリ3分クッキング / Chat app 3 minutes Cooking, with the Firebase

Firebaseでチャットアプリを3分で作成するというのをLTで実施。
本当に3分でつくれました。

Avatar for Daisuke Sato

Daisuke Sato

November 17, 2018
Tweet

More Decks by Daisuke Sato

See All by Daisuke Sato
エンジニアのための事業貢献入門/A business introduction for engineers
Avatar for Daisuke Sato dskst
86
24k
Management Workflow
Avatar for Daisuke Sato dskst
2
470
スタートアップのマネージャーに役立つ視座/A useful perspective for startup managers
Avatar for Daisuke Sato dskst
6
1.8k
「時」と「場」を捉える、プロダクトづくりのためのリーダーシップ/Leadership for product creation that captures time and place
Avatar for Daisuke Sato dskst
3
530
事業紹介/Joystruct
Avatar for Daisuke Sato dskst
0
3k
キャリア理論をもとに考えるエンジニアのキャリア/Engineer's careers based on career theory
Avatar for Daisuke Sato dskst
10
4.8k
ソフトウェア開発とマネジメント/Software Development and Management
Avatar for Daisuke Sato dskst
1
5.8k
エンジニアのためのマネジメント入門/Introduction to Management for Software Engineers
Avatar for Daisuke Sato dskst
10
9.3k
FoodTechにおける商流・金流・物流の進化/Evolution of Commercial, Financial, and Logistics in FoodTech
Avatar for Daisuke Sato dskst
1
900

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.2k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
283
13k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.8k

Transcript

  1. Firebase でつくる チャットアプリ3分クッキング 2018/11/16 daisuke sato

  2. さとうだいすけ @dskst9 最近GCPがアツい。 Engineering Manager がアツい。

  3. Firebase って何？

  4. Firebase とは

  5. とにかく簡単らしいよ

  6. None

  7. じゃあ、 つくってみっか

  8. チャットアプリ 3分クッキング

  9. 材料

  10. 材料 Firebase Web App 一掴み Realtime Database 一束 JavaScript 50行くらい

    HTML 少々 CSS お好みで

  11. 1. Firebase コンソールを火にかけます https://console.firebase.google.com/

  12. 2. アプリケーション情報を皿にのせます Realtime Database ができているので温めてお きましょう

  13. 3. ディレクトリに油をひきます $ firebase init

  14. 4. 事前に刻んでおいたHTMLを炒めます

  15. 5. 火が通ったらJSファイルも入れます

  16. 6. 仕上げにdeployを振りかけます $ firebase deploy

  17. 7. おいしいチャットアプリの完成です

  18. 簡単に おいしいアプリができました！

  19. ご清聴ありがとうございまし た