2019/5/17 開催 Webナイト宮崎 Vol.4 〜てげFirebase学びたい〜 LT用資料

1. Webナイト宮崎 Vol.4
〜てげFirebase学びたい〜
webチャットアプリ作ってみた♪
Shoya Yamamoto
2019 / 5 / 17

2. 今日話すこと
自己紹介
Firebaseとは?
18の製品‐
何か作ってみよう!!
実際に使ってみて
最後に宣伝

3. 自己紹介
山元 彰也(Yamamoto Shoya) 27歳
システムエンジニア(3年程)
Ruby,Rails,CMS保守/開発‐
好きなこと / もの
音楽(主に邦楽Rockバンド)‐
関ジャニ∞ ※ジャニヲタです。‐
ゲーム(Splatoon2)‐
サッカー、フットサル‐

4. そもそもFirebaseとは??
Firebase is a mobile and web application
development platform developed by
Firebase, Inc. in 2011, then acquired by
Google in 2014.As of October 2018, the
Firebase platform has 18 products,
which are used by 1.5 million apps.
[「wikipedia」より引用]

5. ざっくり和訳
2011年にFirebase社によって開発された
アプリケーション開発プラットフォーム。
2014年にGoogleよって買収される。
2018年10月時点
18の製品がある。‐
150万のアプリケーションで使用。‐

6. 18の
製品って
何!?

7. Firebaseの18の製品
開発
アプリケーションの作成に必要なツール群‐
品質
クラッシュの検出、モニタリングなど運用
に使えるツール群
‐
拡大
公開したアプリのPV数など、さらに飛躍さ
せるためのツール群
‐

8. 開発
Authentication
Realtime Database(Cloud Firestore)
Cloud Storage
Hosting
Cloud Functions
ML Kit

9. 品質
Crashlytics
Performance Monitoring
Test Lab

10. 拡大
Predictions
A/B テスト
Cloud Messaging
アプリ内メッセージング
Remote Config
Dynamic Links
App Indexing
Google アナリティクス

11. 何か作ってみよう!!
webチャットアプリを作ってみた。
Google Developers Codelabsで提供されている
以下のチュートリアルを実践。
Firebase Web Codelab
https://codelabs.developers.google.com/
出来上がったもの
https://friendlychat-62913.web.app/

12. 使用したFirebase製品
Cloud Firestore
Cloud Storage
Authentication
Hosting
Cloud Messaging

13. 必要なもの
Googleアカウント
お好みのテキストエディタ
※私はAtomかsublimeたまにvim
Node.jsに付属しているnpm
(パッケージマネージャー)
ターミナル / コンソール
※私はiterm
お好みのブラウザ

14. 具体的にやったこと
チュートリアルを手順通りに進めただけ。
具体的な内容はQiitaにまとめました〜

15. 実際に使ってみて思ったこと
バックエンド知らなくても公開までできる
HTML,CSS,javascriptぐらい‐
ドキュメントが日本語で助かる
無料版があり試しやすい
無料版,定額制,従量制の3種類‐
使うのに必要なことは...
Googleアカウントの作成‐
npmとFirebase CLIのインストール ぐらい‐

16. 最後に
宣伝

17. 一緒に勉強しませんか??
ジャンル / 経験問いません
不定期でどこかに集まって勉強したい!!
一人だとモチベーションが持たない
プログラミングってなにから始めれば...
意見交換の場が欲しい...etc
つまり....

18. 友達が
欲しい!!

19. SNSやら
Facebook => 「山元 彰也」で検索
Twitter => @shoya_yamamoto
LINEもあるよ
Gmailもあるよ

20. Fin,