こんにちは、じゅんです。
and raindropsという会社でAI🤖で暮し・仕事をいいかんじにしていくためにプロダクトを開発・運用しています。
日々、さまざまなプロジェクトに関わっていると、
パソコンにインストールしたソフトウェア（言語やミドルウェアなど）がしっちゃかめっちゃかになり「つらい……」ということがあるかと思います。
GitHub Codespacesで、
クラウド上にプロジェクトごとの開発環境をつくり、
パソコンも自分自身の心もクリーンに保ちましょう🍵
GitHubプロジェクトを作る
いつもどおりにプロジェクトを作成します。
codespaceを作る
Create a codespace
Create new codespace
ブラウザ上にVisual Studio Codeが立ち上がります🙌
（このまま進めてもいいですがローカルでソースコードは書きたいので）
この画面を閉じます。
codespaceを開く
GitHub Codespace
プロジェクトのメニュー
↓
Open in Visual Source Code
Visual Studio Codeで開発
ローカルでソースコードが書けるようになりました🙌
Next.jsでウェブアプリを作ってみましょう！
ターミナルを開きます。
以下を実行します。
npx create-next-app@latest .
以下を実行します。
npx dev run
codespaceのポート3000がポートフォワードされhttp://localhost:3000で内容の確認が出来ます🎉
おわりに
これでパソコンの自分自身の心もクリーンに保てるようになりました🍵
Discussion