Next.jsで構築するSPAビルド環境 – // もちぶろNext.jsの公式チュートリアルに従いプロジェクトを作成すると、既定でSPAをビルドする環境にはなっていない。 「ちょっとしたツールをつくりたいんじゃ」という場合に筆者はよくSPAを作りたくなるが、 Next.jsでSPAを作る環境を整備する上で、筆者のような初心者がつまづくポイントがいくつかあるので、 筆者が手探りで見つけた対応方法の一例をメモしておく。 必要な前提知識 HTML/CSS/JavaScriptの基本的な実装方法 Node.jsにおけるJavaScript開発作法：import文 npm/npxの基本的な使い方 Reactの関数コンポーネントによるGUIの基本的な実装方法 TypeScriptの基礎知識（無くても一応環境整備だけならできる） 必要な前提環境 OSは Linux/Windows 10/Windows 11/macOS いずれでもOK 筆者の環境は Ubunt
