備忘録：Windows 11で「りあくと！ 第四版」を進めるための環境構築

記事の概要

くるみ割り書房様より出版されている「りあクト！ TypeScriptで始めるつらくないReact開発 第4版　【① 言語・環境編】」の環境構築で詰まったり、調べたりしたのでとりあえず参考にした情報を備忘録として残しておく。

公式の情報：サポートページ

「りあクト！」サポートページ

「りあクト！」環境構築についての記事

• Zenn

初心者が「りあくと」を読んで、React の開発環境を windows11 でつくってみる。

Mac に Node.js をインストール（anyenv + nodenv 編）

Mac に Node.js をインストール（anyenv + nodenv 編） - Qiita

WSL2 と Windows Terminal のセットアップ

Linux 初心者が WSL2 と Windows Terminal のセットアップをやってみた | DevelopersIO

パスの設定等

nodenv で node のバージョン管理をする - Qiita

nvm を使用した Next,js の環境構築

WSL2 環境で Next.js に入門してみた | DevelopersIO

Shortcuts
  press r to restart the server
  press u to show server url
  press o to open in browser
  press c to clear console
  press q to quit

yarn dev で開発用のローカルサーバー起動

windows 環境での yarn 導入

【Qiita からの移行記事】nodenv 管理下の npm で yarn を install した時に yarn の PATH が通らなかった

wsl2 への asdf 導入

[2023 年 2 月版]WSL Ubuntu 20.02 に asdf をインストールして動かしてみる

結論

以上の記事を参考にして、書籍でのmac版の環境と同じ状態で進めることが可能になった。