【Next.js】fetchAPIでJSONデータにアクセスする
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 Next Create Appで作成します。 ソースの作成 JSONデ...
JavaScriptJavaScript
JavaScriptJavaScript【Next.js】ページレイアウトを作成して表示する
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 Next Create Appで作成します。 こちらのページを元に作成...
JavaScript【Next.js】複数ページを作って移動する
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 Next Create Appで作成します。 pagesフォルダ配下の...
JavaScript【Next.js】styleをCSSファイルで定義する方法
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 Next Create Appで作成します。 下記ページの続きです。 ...
JavaScript【Next.js】styled-jsxでstyleを適用する
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 Next Create Appで作成します。 Next Create ...
JavaScript【Next.js】Create Next Appでプロジェクトを作成する
Reactの環境構築の手順を書いていきます。 事前にインストールしておくもの ページ記載時点のバージョンです。 Node.js：v14.17.3 npm：v6.14.13 プロジェクトの作成 2種類の方法があり、どちらも...
JavaScript【React】StateHooksを永続化してみる
画面をリロードしてもStateの内容が消えないように、ローカルストレージを利用して簡易メモアプリを作ってみました。 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v1...
JavaScript【React】独自hooksに異なる関数を代入する
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 React Create Appで作成します。 React Creat...
JavaScript【React】独自hooksを作成してstateを変更する２
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 React Create Appで作成します。 React Creat...
JavaScript【React】独自hooksを作成してstateを変更する
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 React Create Appで作成します。 React Creat...