DevContainer使ってみた！
2024/07/11

DevContainer使ってみた！

初めてDev Containerで開発してみた！感想と使い方

どうも！ The Infinity’sです！

今日初めて、Visual Studio CodeのDev Containerを使って開発してみました！

以前から気になっていたのですが、ようやく試してみる決心をして、実際に使ってみたらとても便利で感動しました。

今回は、ぼっち開発(´・ω・)におけるDev Container体験について、使い方や感想について書こうと思います。

Dev Containerは、Visual Studio Codeの拡張機能で、コンテナを使って開発環境を構築・管理できるツールです。

従来の開発環境だと、PCごとに環境を構築する必要があり、場所やPCが変わると設定が異なったり、必要なツールがインストールされていなかったりして、不便でした。

しかし、Dev Containerを使えば、Dockerコンテナ上で開発環境を構築できるので、どこでも同じ環境で開発することができます。

また、設定をファイルとして保存できるので、複数の場所で開発する場合にも便利です。(あまり使わなかった)

実際に使ってみて

環境構築が簡単: 必要なツールや設定をGUIから出来てとても便利でした
再現性の高い環境: どこでも同じ環境で開発できるので、場所やPCが変わっても作業に支障が出ません。が、大体一定の環境で開発するので、あまり恩恵は得られませんでした
~~軽量で動作が快適~~: 重いです。はい。私のPCのスペックが限界でした。

今回、初めてDev Containerを使って開発してみたのですが、快適に作業できました。

これまで、開発環境の構築に手間がかかったり、環境の違いによる問題が発生したりすることがよくあったのですが、Dev Containerを使うことで、そういった無駄な時間を少し削減することができました。

また、非常に使いやすいなので、ストレスなく開発に集中することができます。

ここはAIに書いてもらいました。

Dev Containerの使い方を簡単に説明します。

1. 拡張機能をインストール

まず、Visual Studio CodeにRemote Containers拡張機能をインストールします。

2. devcontainer.jsonファイルを作成

プロジェクトディレクトリにdevcontainer.jsonファイルを作成し、必要なツールや設定を記述します。

3. コンテナを起動

Visual Studio Codeでプロジェクトを開き、Command Paletteから“Remote-Containers: Open in Container”を選択して、コンテナを起動します。

4. 開発

コンテナが起動したら、いつものように開発を進めることができます。

注意: iPhone, Android, iPadなどのWebブラウザから開発を進める場合はそもそもdockerが入りません。素直にcodespacesを使いましょう。

Dev Container最高！