firebase vs code(Visual Studio Code) で拡張機能を使用して特定の文字列のみ色を変える
vs code(Visual Studio Code) で特定の文字列のみ色を変える方法を解説します。
背景としては、.envへSlackからコードをコピペしたさいに「"」が「”」で記述されてしまい、firebase へ接続...
firebase
firebase 
firebase firebase v9 の機能
ドキュメントの取得
import { collection, query, getDocs } from "firebase/firestore";
import { db } from "../fir...
firebase GASを使って、SpreadSheet(スプレッドシート)に登録したデータをFirestoreに送信する
Goolgle SpreadSheetに登録したデータをFirestoreに送信するGASを実装してみました。
こちら(公式のgithub)を参考に実装しました。
手順として記載されているの下記です。
Open the ...
firebase クエリパラメータでfirebeseのドキュメントを更新する方法
next.js を使用して todo アプリを作成した際に、下記の点で大いに躓いた。
対象 todo を編集すべく、対象 todo をクリックしたら todo の id をクエリパラメータで渡して、examle.com/editin...
firebase firebaseの.envファイルを自動出力
自動生成ファイルの作成
binフォルダーを作成して、generate-env-file.jsを作成する。
#!/usr/bin/env node
const fs = require('fs');
const...
firebase react で作ったアプリを firebase へデプロイ(パスのつなぎ方)
npm i -g firebase-tools
command not found: firebaseがでたらパスをつなぐために、export PATH=$PATH:npm bin -gを入力する。
firebase logi...
firebase firebas8からfirebase9への書き換え
udemyでfirebase8を使用したtodoリストの作成をしたので、リファクタリングの練習として、firebase8→firebase9への書き換えを行う。
最初からfirebase9に書き換えながらudemyの講座を進めて行け...
firebase firebase 8(書き込み、読み込み、削除、更新)
データの書き込み
add()を使う。(idを自動生成)
api.jsを作成し、データの書き込みを記述する
import firebase from "firebase";
import {...
firebase firebaseにデータベースを作成する
Cloud Firestoreを作成
「構築」→「Cloud Firestore」で作成する
コレクションを作成
firebase firebase ユーザーログイン、ログアウトの状態でDOMの出し分け
まず普通にやってみる
currentUserにログイン情報が入っているので、それがあるか無いかで条件分岐して出し分ける。
import React, { useContext } from 'react'
im...