タグ

Firebaseに関するshozzyのブックマーク (24)

  • 【GithubPages VS Netlify VS Firebase】爆速で静的サイトのホスティングができるのはどれ? | 東京夜7時

    GithubPages VS Netlify VS Firebase】爆速で静的サイトのホスティングができるのはどれ? このブログは「静的サイトジェネレータ」を使って作られています。 Nuxt.jsによってジェネレートされたサイトのデータを公開するために、 どのホスティングサービスが良いかを比較・検討しました。 静的サイトのホスティング・サービスで人気のある、定番的なもの中から選びたいと思います。 選択肢は以下の通り。 Github Pages netlify Firebase いわゆる、サーバーレスというやつです。(実はよくわかってない😓) どれも、無料で始められて、モダンでイケてて、表示速度が早い 、という評判の良いものばかり👍 先に結論:firebaseにしたよ GitHub Pagesは総じて素晴らしい netlifyUIとワークフローのシンプルさがすごい! ひたすら爆速に

    shozzy
    shozzy 2020/07/05
    参考に。最近はNetlifyをガッツリつかってるけど、バックエンドをFirebaseにするなら、ホスティングもFirebaseにしておくのが自然かな。
  • トランザクションとバッチ書き込み  |  Firestore  |  Firebase

    フィードバックを送信 トランザクションとバッチ書き込み コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Cloud Firestore は、データを読み書きするアトミック オペレーションをサポートしています。一連のアトミック オペレーションでは、すべてのオペレーションが正常に完了するか、またはどのオペレーションも適用されないかのいずれかです。Cloud Firestore には 2 種類のアトミック オペレーションがあります。 トランザクション: トランザクションとは、1 つ以上のドキュメントに対して読み取り / 書き込みを行う一連のオペレーションのことです。 バッチ書き込み: バッチ書き込みとは、1 つ以上のドキュメントに対して書き込みを行う一連のオペレーションです。 トランザクションでデータを更新する Cloud Firestore クライアント ライ

  • Nuxt.js + Firebase で画像ファイルアップロードする - volpe’s diary

    Firestorage に画像ファイルをアップロードしたくなったのでやってみる。 やってることは一般的なファイルアップロードの流れと変わらないが、Firestorage にアップロードする処理は store の action として実装している。 まずは view に form を設置する。 @change イベントハンドラを設定する。 input(type="file", :multiple="false", accept="image/*", @change="detectFiles($event)") 次に methods にファイル選択時のイベントハンドラを定義する。 アップロードするファイル名は他と被らないように uuid ライブラリを使って動的に生成している。 ファイル名とファイル体を取得したら store の uploadImage へ渡す。 import uuid fro

    Nuxt.js + Firebase で画像ファイルアップロードする - volpe’s diary
    shozzy
    shozzy 2019/06/17
    ファイルアップロードの参考
  • Nuxt で Firebase を使う (Cloud Firestore & Hosthing) - かもメモ

    株式会社ROLOさんが主催しているJavaScript Buildersで受けたHands-onでやったことを復習も兼ねて調べながらメモ。 1. Nuxtのプロジェクトを作成 $ npx create-nuxt-app <Project Name> $ cd <Project Name> create-nuxt-appをインストールした覚えがないのですが、npxコマンドだとそのままプロジェクトが作成できるっぽい!? Nuxt.jsの起動 $ yarn run dev ブラウザでhttp://localhost:3000にアクセス Nuxt.jsで静的ファイルの生成 $ yarn run generate 2. プロジェクトをFirebaseに接続する Firebaseのコンソールから新規プロジェクトを作成している前提。 2-1. Firebase CLIのインストール Firebase C

    Nuxt で Firebase を使う (Cloud Firestore & Hosthing) - かもメモ