/firebase-firestore-hosting-handson

Firebase ハンズオン

目次

自己紹介

TanakaMidnight

  • SE
  • Firebase 歴 1 年弱

Firebase とは

  • 概要
    Firebase は、優れたアプリを開発し、ユーザーベースを拡大し、収益を高めるためのツールです。インフラ構築に手間取ることなくビジネスを収益化し、ユーザーにとっての利便性に集中できます。

  • 事例紹介
    TBW

本ハンズオンでやること

  • Firebase Hosting を使った静的サイトの作成
  • Firebase CloudFirestore を使ったデータベースの作成
  • Firebase Hosing/CloudFirestore を使った Web アプリの作成

本ハンズオンでやらないこと

  • Vue.js の細かい内容
  • 内部実装の細かい内容
  • 認証
  • モバイルアプリとの連携

本編

  • Step1 Firebase を使うための準備をしよう

    • Firebase にログイン
    • Firebase CLI のインストール
    • Firebase プロジェクトを作る

  • Step2 静的サイトを作ろう

    • Firebase Hosting って何?
    • Hosting の作成
    • デプロイ
    • ローカル環境での実行

  • Step3 DB を作ってみよう

    • Firebase Cloud Firestore って何?
    • Cloud Firestore の作成
    • 値を入れてたり消したりしてみよう

  • Step4 実際に Web アプリをつくってみよう

    • 匿名ログインの有効化
    • コードの入手
    • Firebase プロジェクトとコードの関連付け
    • ローカル環境で確認
    • FireStore にデータを書き込む
    • FireStore からリアルタイムでデータを表示
    • FireStore から 1 度きりのデータを表示
    • データの並び替えとフィルタリング
    • インデックスの設定
    • トランザクションの設定
    • セキュリティの設定

次に勉強するために役立つ資料