【Next.js】【Typescript】計算履歴を記録する電卓アプリを作成してみる
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 Typescript：v4.1.6 プロジェクトの作成（Typescriptで作成） Ne...
Next.jsNext.js
Next.jsNext.js【Next.js】【Typescript】ページレイアウトを作成して表示する
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 Typescript：v4.1.6 プロジェクトの作成（Typescriptで作成） Ne...
JavaScript【Next.js】fetchAPIでJSONデータにアクセスする
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 Next Create Appで作成します。 ソースの作成 JSONデ...
JavaScript【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種類の方法があり、どちらも...