Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Firebase初心者がwebチャットアプリを作ってみた

140 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Firebase初心者がwebチャットアプリを作ってみた

  1. 1. Webナイト宮崎 Vol.4 〜てげFirebase学びたい〜 webチャットアプリ作ってみた♪ Shoya Yamamoto 2019 / 5 / 17
  2. 2. 今日話すこと 自己紹介 Firebaseとは? 18の製品‐ 何か作ってみよう!! 実際に使ってみて 最後に宣伝
  3. 3. 自己紹介 山元 彰也(Yamamoto Shoya) 27歳 システムエンジニア(3年程) Ruby,Rails,CMS保守/開発‐ 好きなこと / もの 音楽(主に邦楽Rockバンド)‐ 関ジャニ∞ ※ジャニヲタです。‐ ゲーム(Splatoon2)‐ サッカー、フットサル‐
  4. 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. 5. ざっくり和訳 2011年にFirebase社によって開発された アプリケーション開発プラットフォーム。 2014年にGoogleよって買収される。 2018年10月時点 18の製品がある。‐ 150万のアプリケーションで使用。‐
  6. 6. 18の 製品って 何!?
  7. 7. Firebaseの18の製品 開発 アプリケーションの作成に必要なツール群‐ 品質 クラッシュの検出、モニタリングなど運用 に使えるツール群 ‐ 拡大 公開したアプリのPV数など、さらに飛躍さ せるためのツール群 ‐
  8. 8. 開発 Authentication Realtime Database(Cloud Firestore) Cloud Storage Hosting Cloud Functions ML Kit
  9. 9. 品質 Crashlytics Performance Monitoring Test Lab
  10. 10. 拡大 Predictions A/B テスト Cloud Messaging アプリ内メッセージング Remote Config Dynamic Links App Indexing Google アナリティクス
  11. 11. 何か作ってみよう!! webチャットアプリを作ってみた。 Google Developers Codelabsで提供されている 以下のチュートリアルを実践。 Firebase Web Codelab https://codelabs.developers.google.com/ 出来上がったもの https://friendlychat-62913.web.app/
  12. 12. 使用したFirebase製品 Cloud Firestore Cloud Storage Authentication Hosting Cloud Messaging
  13. 13. 必要なもの Googleアカウント お好みのテキストエディタ ※私はAtomかsublimeたまにvim Node.jsに付属しているnpm (パッケージマネージャー) ターミナル / コンソール ※私はiterm お好みのブラウザ
  14. 14. 具体的にやったこと チュートリアルを手順通りに進めただけ。 具体的な内容はQiitaにまとめました〜
  15. 15. 実際に使ってみて思ったこと バックエンド知らなくても公開までできる HTML,CSS,javascriptぐらい‐ ドキュメントが日本語で助かる 無料版があり試しやすい 無料版,定額制,従量制の3種類‐ 使うのに必要なことは... Googleアカウントの作成‐ npmとFirebase CLIのインストール ぐらい‐
  16. 16. 最後に 宣伝
  17. 17. 一緒に勉強しませんか?? ジャンル / 経験問いません 不定期でどこかに集まって勉強したい!! 一人だとモチベーションが持たない プログラミングってなにから始めれば... 意見交換の場が欲しい...etc つまり....
  18. 18. 友達が 欲しい!!
  19. 19. SNSやら Facebook => 「山元 彰也」で検索 Twitter => @shoya_yamamoto LINEもあるよ Gmailもあるよ
  20. 20. Fin,

×