こんにちは、devcontainer職人です🧑🍳 今回紹介するのはDocker Composeを既に利用している開発環境にかんたんにdevcontainerを構築する方法を紹介します。 VSCodeのdevcontainerはとても良くできた開発環境構築方法なのですが、ちょっと難しそうと思われていたり、VSCode以外のエディタを使う人の開発体験が悪くなるのでは、などの懸念がありまだあまり使われていないような印象があります。今回はそんなdevcontainerを3分で作れるtipsを紹介します。 準備するもの Docker Composeで構築した開発環境 VS Code Docker Desktop for Windows/Mac Remote - Containers extension Docker Composeで構築した開発環境のサンプル 今回用意するのはサンプルとしてRu
起動確認 いつもの 初期設定 VSCode左下の><をクリック 開発コンテナー構成ファイルを追加 ワークスペースに構成を追加する こちらを選択することでGit上で構成ファイルを管理出来ます。 定義済みのコンテナー構成定義から Node.js & TypeSctipt 導入する、言語などを選択してください。 バージョンを指定してください。 お好きな拡張機能を追加してください。 .devcontainer/devcontainer.jsonに以下の様なファイルが出来上がります。 // For format details, see https://aka.ms/devcontainer.json. For config options, see the // README at: https://github.com/devcontainers/templates/tree/main/src/
Visual Studio Codeで使えるリモート環境のdevcontainerが意外と便利そうだったのでまとめ
試してたらたまたまVisual Studio Code(vscode)のdevcontainer(Remote Container)が、Remote SSH経由でリモート環境でも使えることを知ったので、devcontainer用の環境構築方法やdevcontainerの構築方法についてまとめてみた 今まではローカル環境のdockerか、codespaceでしか利用できないのかなと思っていたのだけど、リモート含めて利用できるとかなり便利そうな印象だったので一通り試してみました 最近はRemote SSHでリモート環境を利用するケースが多いのでリモート環境で使えないならそんなに使えないかなと思ってたんだけど、普通にRemote SSH経由でdevcontainer使えたのでかなり便利そうだった devcontainerについてはこちらを参照してもらえればと はじめに 結論から言うと以下のような
最近流行りのテキストから画像を生成する機械学習モデルが一般公開されたとのことで、興味本位で触ってみました。ざっと書いちゃったので、後で見直すかも。 目的 GPUアクセラレーションを活かしつつコンテナ内でStable Diffusionのモデルを動かしたい。メインPCなのでLinuxじゃなくWindowsを使いたい。 前提条件 以下のスペックのPCで、本記事の内容を実行しました。 OS: Microsoft Windows 11 Pro CPU: AMD Ryzen7 3700X メモリ: 32GB ストレージ: 1TB GPU: nVidia Geforce RTX 3080(10GB) とりあえず、OSとGPUベンダーだけそろっていれば本記事の内容は実行できると思います。 ちなみに、Windows 10の場合はInsider版を使えばCUDA on WSL2が可能です。(つまり、本記事の
Devcontainer(Remote Container) いいぞという話 ~開発環境を整える~ - Qiita
概要 もうすでに知っている人も多いと思いますが、今回は vscode を使った開発時に是非とも使用いただきたいDevcontainer(Remote Container)についてまとめていきます。 Devcontainer(Remote Container)とは何か みなさんこんな経験をした人がいるんじゃないでしょうか。 新規チーム加入後に、環境構築します。手順書はこれねはい。 中を見てみると作業PCに何やらいっぱいインストール、vscode の Extension はこれとこれとこれと。。。 正直、こんな感じで開発する前に環境揃えるのが大変で投げ出したくなるでしょう。かつローカル環境が汚染されている感じが嫌ではないでしょうか。 そこで登場。Devcontainer(Remote Container) Devcontainer とは、 Dockerコンテナを開発環境とし作成することで、開発
週刊Railsウォッチ: Rails 8でSprocketsがPropshaftに置き換わる、devcontainerサポートほか（20240228）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails: 先週の改修（Rails公式ニュースより） 公式更新情報: Ruby on Rails — Rails World CFP, ActiveRe
Docker でローカルテストを行っている皆様，いかがお過ごしでしょうか 皆様おはようございます．かさいです．今年一年， VSCode の Devcontainer の様々な所でコケまくったり，色々な知見があったので Devcontainer について知識整理を行い，ついでにその経験を VSCode Advent Calendar 2022 に奉納することにしました． よろしければ Advent Calendar の他の方々の記事も見ていってください． この記事では，Docker についての事前情報がある方を対象に， Devcontainer とはどういうものなのか，なぜそれを使いたがるのか，一般的な Docker コンテナの構築指針とどういった違いがあるのかを整理していきます． Devcontainer をすでに使っている方にも助けとなるような記事を目指して書きましたので最後まで見ていっ
概要 Docker DesktopでのDevContainerを使った環境構築は楽でサイコーなんだけど、Docker Desktopの有償化云々の件を考えると、Desktop使わずに済ませたいなーと思っていたところ、こちらの記事でRemote-SSHからできるようになっていたと知り、これだ！！ということで試してみた。 Visual Studio Codeで使えるリモート環境のdevcontainerが意外と便利そうだったのでまとめ ただ、必要なことはすべて参照元にあるので、こちらの記事では最低限DevContainerやりたいときどうする？だけ書く。あと感想。 やること Linuxサーバを用意してssh接続できるようにする Dockerをインストール VSCodeからRemote-SSH接続 DevContainer起動 開発が捗る 内容 Linuxサーバを構築する ここは割愛。ssh接続
tl;dr 環境変数DOCKER_HOST、設定docker.hostは使わない docker contextを使ってSSH接続先のdockerを使えるようにする docker context create remote --docker 'host=ssh://user@remote-host docker context use remote コマンド "Remote-Containers: Open Repository in Container..."でリポジトリを直接開く 目的 macOSではDocker Desktop for macが多少性能が辛いので、やはり外部マシンやVM（以降、リモートホストと呼ぶ）上のDockerを使いたくなる。 Docker Desktop を使っている場合、コマンド"Remote-Containers: Reopen in Container"を実
Docker Desktop なしで VSCode の DevContainer を使う - ほりひログ
Docker Desktop ライセンスが変わり、個人利用か比較的小規模な事業者*1での利用に限った場合だけ、無料になりました。 # Docker CLI、Docker Engine は変わらず無料です。 www.docker.com というわけで、仕事をする PC で Docker Desktop を使ってお金払わないとライセンス違反になるのでアンインストールしたいのですが、Docker Desktop が WSL2 をサポートして以来、すっかりに頼ってきました。 特に Docker Desktop をアンインストールした場合、VSCode の devcontainer を使った作業ができなくなるのはつらいので、そこだけ早めに確認してみました。 ザックリ結論 WSL2 に Docker Engine を入れる Windows 側の VSCode に Remote-Containers 拡
GitHub - devcontainers/cli: A reference implementation for the specification that can create and configure a dev container from a devcontainer.json.
A development container allows you to use a container as a full-featured development environment. It can be used to run an application, to separate tools, libraries, or runtimes needed for working with a codebase, and to aid in continuous integration and testing. Dev containers can be run locally or remotely, in a private or public cloud. This CLI is in active development. Current status: devconta
chezmoi を使って VSCode devcontainer 対応 dotfiles を作る - mizdra's blog
趣味開発で使っている dotfiles をリニューアルした。 github.com 以前までの dotfiles では適切なパスへの設定ファイルの配置や、onetime script の実行タイミングの管理に ansible を使っていた。冪等性を確保するために色々な機能が用意されていて、便利ではあったのだけど、ファイルの配置をするだけで色々なおまじないが必要だったりと、若干冗長だなと感じていた。 シンボリックリンクを貼るタスク シンボリックリンク貼られる側のファイル郡 あと ansible 自体のインストールにそこそこ時間が掛かるという問題がある。GitHub Actions 上でインストールに掛かる時間を測ったところ、2分くらい掛かっていた。 GitHub Actions のログ (Install Ansible が ansible のインストールをしてい部分) dotfiles そん
概要 VSCodeのdevcontainerを使ってLaravel環境構築を解説する記事です。 使用ツールさえ用意すれば高速で環境構築でき、Dockerを使用しているのでチームでの統一された開発環境としても使用できます。 とりあえず動かしたい人はリポジトリリンクからどうぞ。 リポジトリ https://github.com/naoyayamamoto/laravel-docker-sample テンプレートリポジトリとして用意しているので、雛形としても使用できます。 使用ツール Docker Docker-compose Visual Studio Code Visual Studio Code Remote - Containers 以上のツールを使用します。 Docker・Visual Studio Codeについてはインストールの詳細を省きます。 Visual Studio Code
devcontainerを使ってみよう
devcontainerを使ってみよう devcontainerを使う上で知っておくと良さげな情報のまとめ記事です 前にRemote SSHでdevcontainerの環境を構築する記事を書いたので、今回はdevcontainer全般の情報をまとめてみました tl;dr devcontainerを使うと開発環境をコンテナで構築できるよ(ランタイムとかツール類含めて！) docker composeだとアプリケーションを動作させる環境は作れるけどdevcontainerは開発環境ごと構築できて便利 devcontainerを使うにはdockerとdevcontainerを利用できるエディタが必要 devcontainer内でdocker composeを利用できるから、devcontainer用のコンテナ+ミドルウェアコンテナを用意すればアプリケーションを開発できる環境がまるっとコンテナで作
初心者向けです devcontainerで環境構築していてトライアンドエラーしていると、docker関連のファイルが貯まるので 全削除に使うコマンド 注意 全部消えるので注意してください。 WARNING! This will remove: - all stopped containers - all networks not used by at least one container - all volumes not used by at least one container - all images without at least one container associated to them - all build cache
DevContainer で Ruby 開発する際に厄介な BUNDLE_APP_CONFIG - Qiita
VSCode Remote - Containers での Ruby 開発では大抵の場合、Docker 公式の ruby イメージ をベースイメージにして DevContainer を作ることになる1かと思いますが、このイメージには厄介な問題があります。 それが環境変数 BUNDLE_APP_CONFIG です。 Dockerfile 内で ENV 命令によりデフォルトで /usr/local/bundle に設定されています。 BUNDLE_APP_CONFIG は bundler のアプリケーションローカルな設定 (bundle config set --local した際に作られる設定) をどこに保存するかを指定するための環境変数です。 この環境変数が設定されていない場合、bundler はアプリケーションルートの .bundle/ 以下に設定を作成します。 さて、話を移して VSC
Devcontainerを利用した自動環境構築
こんにちは、 Developer Support Core チーム インターン生の陳です。 最近 Devcontainer について勉強し、本チームブログの執筆をテーマに実装したので、活用事例としてシェアしたいと思います。 本日の目次は以下となります。 Devcontainer を使用した理由 Devcontainer の特徴 Devcontainer による環境構築方法 Devcontainer を使用した理由最初はメンターの木下さんから紹介していただき、すごく便利な機能だと感じ、活用に取り組み始めました。 Devcontainer は Visual Studio の拡張的な機能で、編集しているファイルを事前に準備した Docker Container と同期することで、コンテナ内で実行結果を確認しながらの開発をスムーズに実現する機能です。 本ブログでは Hexo というジェネレーターを
Devcontainerとは？ Vscodeの開発環境構築支援ツール Dockerコンテナ上に開発に必要なもの(db, lib, runtime..)を構築する メリット Dockerコンテナ内に開発で必要なものをすべて閉じ込める ⇒ ローカル環境を汚染しない コマンドで構築終わり ⇒ 開発環境の構築が楽になる 構築時のヒューマンエラー発生率低減 ⇒ システムのコード化 使ってみる NodeJSの環境をDevcontainerを利用して構築します。 Docker,VSCode,Devcontainersは既にインストールしてある前提で記載しています。 Devcontainer定義の作成 VScodeを起動し、コマンドパレット(Ctrl+Shift+P)を開きます。 その後、「Dev containers:Add Dev Containers Configuration Files...」を
GitHub - hmemcpy/haskell-hie-devcontainer: A DevContainer for VSCode, for installing GHC 8.6.5, HIE (Haskell IDE Engine) and the required plugins
This repository has been archived by the owner on Jul 23, 2021. It is now read-only.
1リポジトリで2つ以上の開発言語のローカル開発環境をDevcontainerで作るとき、Dev Container Featuresが便利
やったこと 2つの開発言語(GoとPython)のソースコードを1リポジトリで管理するときのローカル開発環境を Devcontainer(VSCode Remote - Containers) でどのように整備するか検討した。 調査の結果、下記の3つの案が取りうる構成だとわかった Connect to multiple containersにあるように、開発言語毎に任意の設定のコンテナを作成する devcontainer.jsonで指定するDockerfile内に複数言語の任意の設定を入れ、一つのコンテナを作成する Dev Container Features (preview)で予め定義された設定を導入し、一つのコンテナを作成する 最後のDev Container Features (preview)を使用する案を採用し、サンプルリポジトリを作るに至った。 理由は、以下3点である。 今回
前置き ホシイです。web backend のようなシステムの開発には、container は必要不可欠な技術になるまでに存在感を増しています。container というとパッとつくってすぐに壊すというイメージがありますが、試行錯誤をサイクルさせる開発環境としての使い勝手はどうでしょうか。 Visual Studio Code (以下 VS Code) の devcontainer は、開発環境を宣言的に整え・共有し、便利に利用できる、とても強力な機能です。 今回はこの devcontainer の布教をします！ 今更か… という感もありますが、めんどうでまだ触れてない・どんなものか触ってかんたんに知りたい、という需要は意外とありそうに思われましたので、最速でメリットを感じることを目的にご紹介したいと思います。 前提条件 以下、install & setup しておきます。 Visual
Register now for a full day of community, learning, and all things Visual Studio Code Dev Container CLI This topic covers the development container command-line interface (dev container CLI), which allows you to build and manage development containers, and is a companion to the Development Containers Specification. Development containers A consistent, predictable environment is key to a productive
pyenvなんていらなかった 下記リポジトリに最低限のファイルをまとめてみましたので、ご活用いただければ幸いです。 リポジトリをcloneし、VSCodeでReopen in Containerするだけで、Pythonが開発可能なdevcontainerが起動します。 以下、蛇足ですが説明です。 前提 VSCodeや拡張機能のインストール、Dockerの導入などは済んでいることが前提となります。VSCode Remoteの導入については下記の公式記事などを適宜ご覧ください。 中身 compose.yml
上記を作成する。開発環境用のコンテナのみでいいならdocker-compose.ymlは不要だが、どうせなら必要なサーバー一式全て立ち上げてしまいたいので、今回はDockerfileは不要。 1. 自前のdevcontainerを用意する # See here for image contents: https://github.com/microsoft/vscode-dev-containers/tree/v0.137.0/containers/go/.devcontainer/base.Dockerfile FROM mcr.microsoft.com/vscode/devcontainers/go:0-${VARIANT} # See here for image contents: https://github.com/microsoft/vscode-dev-container
VSCodeとdevcontainerを使い、RustでAtCoderのコンテストに参加するための環境を整えました。 その際の手順メモです。 Dockerfileを用意する VSCodeとDockerを使える状態から始めます。 まずは、devcontainer用のDockerfileを作ります。 rust.Dockerfileというファイル名で、プロジェクト直下に置きます。 ファイルの内容は以下のようにしました。 cargo-compete は、競技プログラミング用のcargoのツールです。 1.42.0 は、2023年2月18日現在AtCoderが対応しているRustのバージョンです。 「最初から rust:1.42.0 系のイメージを使えばよいのでは？」→ そのバージョンでは cargo-compete のインストールが困難でした。 devcontainerを用意する VSCodeにD
超初心者向けLaravel+devcontainerで作るチーム開発環境 Mac版 - Alternative Architecture DOJO
みなさん、こんにちわ。オルターブースの小島です。 最近はハッカソンでも学生向けハッカソンメンターをやる機会が多くて、最初につまづく環境構築について詳細に書いてみました。 これをもとに環境構築できればいいですね！ ※本記事で環境構築時に使用したMacは以下になります。 - 機種名: MacBook Pro - 機種ID: MacBookPro18,4 - チップ: Apple M1 Max - コアの総数: 10（パフォーマンス: 8、効率性: 2） - メモリ: 32 GB 全体の流れ 単純にLaravel環境を構築するだけでなく、その前後の設定や操作も説明しています。 Laravel環境をローカル環境へ直接セットアップせずに、Laravel Sailを使いコンテナにセットアップします。そしてVS Codeから直接リモート接続し開発できる環境を構築します。 Dockerのインストール 公式
開発作業を中心に様々な用途で非常に便利な devcontainer 機能ですが、container 内 workspace の disk 性能が遅すぎる問題のために実用に耐えないといったことがあります。 devcontainer において disk が遅いと感じるのはおそらく、host 側にある folder を開いて devcontainer を起動した際に、その folder が性能が低い filesystem で bind mount されるからです (と思っています)。 かんたんな作業であれば気にならないのですが、身近なものでは npm install したようなときでもわりと気になりますし、大きな project の build となるとかなりの問題となることもあります。 公式: Improve disk performance にも専用の項目があったりします。named vol
Dev Containers Part 2: Setup, the devcontainer CLI & Emacs
Happi Hacking AB Munkbrogatan 2, 5 tr 111 27 Stockholm In the previous post, we could read about how to use dev containers to streamline your developer workflow, and the benefits of containerizing, well, everything. In this post I will walk you through my process of getting a containerized development environment for a small Rust project up and running using the devcontainer CLI. I will also show
2022/07/31: 内容を充実させて書き直したものを投稿しました。そちらをご参照ください。 DevContainer の作成 まずはコマンドパレットで > Remote-Containers: Add Development Container Configuration Files... を実行し、DevContainer の設定ファイルを作成します。 この時、テンプレートを選べるので Docker from Docker (DevContainer を docker-compose で動かす場合は Docker from Docker Compose) を選択します。 これでもう > Remote-Containers: Reopen in Container を実行すればコンテナ内で Docker を使うことができます。 追加で何か言語などをインストールしたい場合は .devco
この記事は WESEEK Advent Calendar 2020 20日目の記事です。 はじめに みなさんフルスタックで全部盛りな Ruby on Rails の開発環境はどうやって作っていますでしょうか？ ローカルに ruby や DB を直にインストール？ VirtualBox などを使って VM を立ててその上に必要なものをインストール？ はたまた vagrant の box のような技術を使い、諸々インストール済みの VM を使う？ やり方は色々ありますね。 この記事では VSCode と devcontainer を使って Rails の開発環境の作り方を紹介したいと思います。 VScode と devcontainer そのもにについては こちらの記事 を参照していただければと思います。 こちらで紹介したエッセンスをふんだんに使っています。 御託はいいからとにかく立ち上げたい
【2020年11月版】DockerfileのDevContainerをDockerネットワークに接続する【VSCode】 - Qiita
Dockerfileで定義したDevContainerを既存のDockerネットワークに接続させたい 以下の設定を .devcontainer.json に追加でOK。 以上。 ちなみに利用可能なdockerネットワーク名は docker network ls でリストアップできます。 参考 https://code.visualstudio.com/docs/remote/devcontainerjson-reference https://docs.docker.com/engine/reference/commandline/run/ https://docs.docker.com/network/ 解説 VS CodeのDevContainerではdocker-composeでも定義可能ですが、リモートのDockerサーバー上でDocker-composeしたい場合は少々、問題があ
VSCode+WSL2+Dockerによるリモート開発環境の構築 (devcontainer.json概訳付き) - Qiita
はじめに 複数プロジェクトを同時に開発していたりすると依存するライブラリ等がコンフリクトしたり、別の開発者に展開する際に環境構築手順を作らないといけなかったりと地味に時間がかかっています。 またデプロイする際もコンテナで実施することも徐々に増えてきているので、初めからコンテナ上で開発した方がいいよねっていうことでVSCodeの拡張機能「Remote - Containers」を利用したリモート開発環境を構築したので、それについて紹介いたします。 今回実施した内容は以下の通りとなっています。 環境構築 (SSH/Docker Context) リモート上でのWebアプリ開発・デバッグ 設定ではまったこと (参考)devcontainerイメージ一覧 (参考)devcontainer.json設定一覧 構築した環境 構築した環境は以下の通り。WSL2のUbuntu上にDockerをインストール
nodeなどのコンテナイメージでdevcontainerを使うとuidが変わらなくて困る問題への対処 - おは代々木ダイアリー
Visual Studio CodeのRemote Containers機能（Dev Containers）には、VSCodeの実行ユーザーのUIDでコンテナ内のユーザーのUIDを更新してくれる便利な機能があります。 例えば、UIDが1002のユーザーでVSCodeを立ち上げていて、コンテナ内で作成したユーザー devuser を使用したとき、コンテナ内の devuser のUIDは1002に上書きされるといった挙動になります。これは、手元のディレクトリをコンテナ内にマウントしていて、それをVSCodeでいじる場合に、UIDが異なってしまうという問題を回避することができるのでとても便利。 使い方 使い方は簡単で、devcontainer.json に以下のように remoteUser と updateRemoteUserUID を指定するだけ。remoteUser にコンテナイメージ内に存
[devcontainer / Docker] containerが立ち上がる直前でエラーが発生する - Qiita
概要 以下のような状況に陥ったので、同様の問題に出くわした方のために記事を書きました。 devcontainerでコンテナを立ち上げる際にエラー発生 docker imageのbuildまでは成功し、エラー発生はその直後 重要なエラーメッセージのありかが分からず、原因不明のまま数時間経過 エラーメッセージさえ見つかれば即解決できた 環境 Mac OSのM2チップ搭載マシンで発生。 ただし、今回のエラーはたとえwindowsだとしても発生する。 症状 devcontainerを使ってフォルダを開くと、docker imageがbuildされる。 image build終了後は、containerが立ち上がるはずのところ、エラーが発生した。 具体的には、以下のように「コンテナーの設定中にエラーが発生しました。」というメッセージが表示された（ローカルPCがMacの場合）。 これだけだと何もわから
![[devcontainer / Docker] containerが立ち上がる直前でエラーが発生する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/afda726f1b12f1cca9d6cece70fef7a057ae35f6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCZGV2Y29udGFpbmVyJTIwJTJGJTIwRG9ja2VyJTVEJTIwY29udGFpbmVyJUUzJTgxJThDJUU3JUFCJThCJUUzJTgxJUExJUU0JUI4JThBJUUzJTgxJThDJUUzJTgyJThCJUU3JTlCJUI0JUU1JTg5JThEJUUzJTgxJUE3JUUzJTgyJUE4JUUzJTgzJUE5JUUzJTgzJUJDJUUzJTgxJThDJUU3JTk5JUJBJUU3JTk0JTlGJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00NDI2ZTFmN2FjYjgyM2JkNjkzMzEzM2Y4ODhiNDg4Mw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwc2lydWt1NiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTMyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MjJiNDE3MWNjYzU2ZWZjNjAwYjdlMjU2ZmYyNTk4YmU%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D74f1d4a3ddfe29db11eb0bdb78d042ff)
GitHub - Ryunosuke-Tanaka-sti/ps-live-devcontainer-react
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
WSLg + DockerでGUIアプリ作成という記事が見当たらなかったので需要があるかなと思い、記事にしました。(他にもいくつか理由はありますが…) まとめ XサーバーなしでDockerを用いたGUIを表示したければ/mnt/wslgディレクトリのマウント、その他WSLの環境変数とボリュームをマウントする。 Remote DevelopmentでWSLのボリュームをマウントをしたいのなら、WSL内のディレクトリにプロジェクトを作る。 Remote Development拡張機能を使わず、手動でコンテナを作成し、その後アタッチしても問題なく動作するが、その場合拡張機能のインストールは手動。(地味にかなり手間。extensions.jsonがあっても機能せず) この記事で作成されたテンプレート 最終的にはこのようになります。タスクトレイをご覧いただくとXサーバーを使わずGUiアプリが起動でき
サンプルはこちら。 github.com Laravel Sail とは、Laravel の開発環境をコンテナーでセットアップするためのツールです。 readouble.com コンテナーで動作するということは、devcontainer で動かしたくなるものです。 Laravel Sail には devcontainer.json や docker-compose.yml を準備するコマンドも用意されています。 https://readouble.com/laravel/9.x/ja/sail.html#using-devcontainers .devcontainer/devcontainer.json // https://aka.ms/devcontainer.json { "name": "Existing Docker Compose (Extend)", "dockerComp
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
devcontainer.json devcontainer.json は、Remote Container で使うコンテナ設定ファイルである。 この設定ファイルには、コンテナ内の VSCode にインストールする拡張機能を指定でき、記述しておくことで、Remote Container 起動時に対象の拡張機能が自動でインストールされる。つまり、 devcontainer.json を開発ソースなどと一緒に配布することで、同じ拡張機能がインストールされた開発環境が複数の端末に簡単に展開できる。 例えば、devcontainer.json に次のような設定をしておくと、Angular の拡張機能がコンテナ内の VSCode にインストールされる。 // Add the IDs of extensions you want installed when the container is crea
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Docker Compose な開発環境にちょい足し3分で作るVSCode devcontainer
Devcontainer がデバッグ環境構築のハードルを一気に下げるお話
Stable Diffusionをローカルマシンで実行する(VSCodeとDevcontainerを使用)
VSCode Devcontainer 放浪記
VSCodeのRemote-SSHからDevContainerを起動するやつをやってみた
VS CodeのDevContainerをVMなどssh接続先で使う - Qiita
codeコマンドとdevcontainerコマンドでVS Codeのターミナルを快適に使う
VSCodeのdevcontainerでLaravel・Docker環境を構築する - Qiita
devcontainer作成時、貯まるdocker関連ファイルを全削除したい時 - Qiita
Devcontainer ってなに？ 実際につかってみる
最速で Visual Studio Code devcontainer を体験する
Installing and working with the devcontainer CLI
VSCodeとdevcontainerでPythonの開発環境を作る
VSCode devcontainerを使って面倒な開発環境を作る - Qiita
RustのAtCoder環境構築手順（devcontainer編）
VS Code devcontainer で disk が遅すぎるのをなんとかしたい
VSCode DevContainer の中で Docker を使う方法 - Qiita
VSCode と devcontainer で作る Rails 開発環境 - Qiita
Docker + WSLg + devcontainer.json によるGUIアプリについて
Laravel Sailをdevcontainerで動かすときは下準備が必要 - つばろぐ
GitHub - saboyutaka/ruby27-rails61-devcontainer
VSCode devcontainer.json に簡単に拡張機能名を追記する方法