Next.js Notion API と Next を接続する
インテグレーションを作成する
シークレットキーをコピーする
Next 側の設定
パッケージをインストール
npm install @notionhq/client
...
hashiori-blog2021
Next.js Next.js Next.js で動的なルーティングをする
udemy 教材のアウトプットです。
ルーティングしたいテンプレートページを作成する
WordPress のpage-contact.phpとかと同じような雰囲気？
pages 配下にarticles...
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 ...
Next.js React でFontAwsome を使う
パッケージのインストール
# コアパッケージの導入
npm i --save @fortawesome/fontawesome-svg-core
# アイコンパッケージの導入
npm i --save @fortaw...
Next.js NEXT.js(Next.js) でGoogle fonts を使用する
公式のドキュメントを参考に実装したので、備忘録。
Next 単体で使用する(cssフレームワークなし)
Google fonts のパッケージをインストール
npm install @next/fontこれだけで...
git SourceTree(ソースツリー)のグローバル無視リスト(.gitignoreか.gitignore_global)を修正する
SourceTree(ソースツリー)で、ぽいぽい「無視リスト」を押していたら、全て「グローバル無視リスト」へ追加されていて、他のリポジトリにまで影響が及んでいた…
グローバル無視リストを修正する(結論)
１．S...
git 突然「Git が見つかりません。Git をインストールするか ‘git.path’ 設定でパスを構成してください」と表示された。
解決方法(結論)
VSコードの設定を変更または、追記する
追記方法
git を追加するか、パスを設定してねと、表示されるのでパスを設定します。
まぁこのエラーが出ている時点で、 git は入っているでしょう...
firebase クエリパラメータでfirebeseのドキュメントを更新する方法
next.js を使用して todo アプリを作成した際に、下記の点で大いに躓いた。
対象 todo を編集すべく、対象 todo をクリックしたら todo の id をクエリパラメータで渡して、examle.com/editin...
React Recoilの使い方
まずはインストール
npm i recoil @types/recoil
statesディレクトリを作成し、stateを定義
import { atom } from 'recoil'
ex...