2022-12-06技術的に何かを試してアウトプットするとき、環境構築をする必要がありますよね。ローカルに環境を作っては捨て、作っては捨てを繰り返すと、だんだんローカルが汚れる、pathの競合などして壊れてしまうなどの可能性もあるかと思います。この記事ではそういった問題に悩まず、さっと環境を作って壊すを簡単にできるtipsを紹介したいと思います。Code(以下、vscode)の拡張機能です。インストールやることは3つです。インストール記事ではMacでのインストールの流れを説明していきます。インストールこちらからインストールできます。Container拡張機能のインストールvscodeを立ち上げます左のサイドバーより、拡張機能に関してのアイコンがあるので、そちらをクリックします。いう拡張機能をインストールします。名前で検索できるので、そちらがおすすめです。含むパッケージがインストールされます。インストールしましょう。IntelチップかM1チップかでインストールが変わるので注意です。コマンドなどが利用できる状態になっていれば完了です環境構築の流れインストールしてからの実際の環境構築の流れを説明していきます。開き、プロジェクトのルートディレクトリを開きます。利用するための設定ファイルを作成するために、いろいろ尋ねられるので、答えていきます。初めにどの言語、フレームワークのテンプレートを利用するかを尋ねられます。多数の言語がカバーされているので、自分が学習したいものを選択しましょう。次に、バージョンを選択します。複数のバージョンに対応しているテンプレートもあるので、自分に合ったものを選びましょう困ったらまずはデフォルトなどから選択するのが良いかと思います。最後に、追加でインストールしたいライブラリを選択します。環境が立ち上がった後、コンソールで利用することができます。Container内で開発を完結させたいのであれば、Gitなどは入れておくと良いかもしれませんこれで作成は完了です。作成されたかと思います。押して、再びコマンドパレットを開きます。ディレクトリの選択画面が出てくるので、プロジェクトのルートディレクトリを選択します。立ち上がったような挙動になります。アクセスされた状態になり、ターミナルで言語やライブラリを利用できる状態になっているかと思います。tipsjsonファイルを書き換えて、より便利に自動で生成されたjsonファイル、詳細設定を記載することができ、それによって、開発体験をより向上させることができます。forwardPortsローカルからアクセスできるポートを設定します。フロントエンドの開発をしていて、作りながら試す時には、必須ですね。postCreateCommandcontainerが作成された後、自動で実行されるコマンドを設定します。installなどを設定しておくと、手順を省略できそうです。拡張機能を指定できます。ある言語のみにのみ使用したいライブラリなどは、こちらで追加する方が良さそうです。}他にもたくさんの設定ができます。ドキュメントがとても詳しく書いてあるので、参考にしてみてください。使った環境構築について、記事にしました。作っては壊す、ミニマムで始めるのに、とてもこの機能を気に入っています。