はじめに この記事は、弊社で行うインターンシップのプラス要素の資料として書きました。 5日間のインターンでは、環境構築を必要としないCodesandboxを使用します。 インターンを通じて、さらに興味を持った学生向けに今回の資料を作成しました。 この記事の目的は、記事に出てくるツールなどを使いこなすのではなく、入門編として今後Dockerなどを使用することが出てきた際に抵抗なく、始められるようになることを目指して作成しています。 対象者 弊社のインターン生 Viteを使ってReactの環境構築したい人 Vite + Dockerを使って環境構築したい人 など... 今回出てくるものたち Node.js Docker React Vite 出てこないもの ツールそれぞれの詳しい解説 Node.jsの準備 今回、npmコマンドを使用するため、Node.jsをインストールします。 まず、バージョ

はじめに 超高速で起動できるらしいので、OrbStackを使ってみました！ Docker Desktopを普段は使用しているのですが、移行がとても簡単でした。 Docker Desktopが入ったままでも導入できたので、私が導入した手順を紹介しようと思います。 ドキュメント読むのに抵抗ある人は、同じように導入していただけたら新しいことを覚えることもなく、高速でコンテナを起動できると思います！ UIはMacOSのような雰囲気でカッコよかったです。 インストール 次のコマンドでインストールできます。 こちらからもインストール可能です。 https://orbstack.dev/download Docker Desktopからの移行 Docker Desktopのコンテナ、ボリューム、イメージなどを含むデータを移行します。 データの移行は、OrbStackのGUIでMigrateボタンが表示さ