起動確認 いつもの 初期設定 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/
週刊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 DesktopでのDevContainerを使った環境構築は楽でサイコーなんだけど、Docker Desktopの有償化云々の件を考えると、Desktop使わずに済ませたいなーと思っていたところ、こちらの記事でRemote-SSHからできるようになっていたと知り、これだ！！ということで試してみた。 Visual Studio Codeで使えるリモート環境のdevcontainerが意外と便利そうだったのでまとめ ただ、必要なことはすべて参照元にあるので、こちらの記事では最低限DevContainerやりたいときどうする？だけ書く。あと感想。 やること Linuxサーバを用意してssh接続できるようにする Dockerをインストール VSCodeからRemote-SSH接続 DevContainer起動 開発が捗る 内容 Linuxサーバを構築する ここは割愛。ssh接続
devcontainerを使ってみよう
devcontainerを使ってみよう devcontainerを使う上で知っておくと良さげな情報のまとめ記事です 前にRemote SSHでdevcontainerの環境を構築する記事を書いたので、今回はdevcontainer全般の情報をまとめてみました tl;dr devcontainerを使うと開発環境をコンテナで構築できるよ(ランタイムとかツール類含めて！) docker composeだとアプリケーションを動作させる環境は作れるけどdevcontainerは開発環境ごと構築できて便利 devcontainerを使うにはdockerとdevcontainerを利用できるエディタが必要 devcontainer内でdocker composeを利用できるから、devcontainer用のコンテナ+ミドルウェアコンテナを用意すればアプリケーションを開発できる環境がまるっとコンテナで作
Devcontainerとは？ Vscodeの開発環境構築支援ツール Dockerコンテナ上に開発に必要なもの(db, lib, runtime..)を構築する メリット Dockerコンテナ内に開発で必要なものをすべて閉じ込める ⇒ ローカル環境を汚染しない コマンドで構築終わり ⇒ 開発環境の構築が楽になる 構築時のヒューマンエラー発生率低減 ⇒ システムのコード化 使ってみる NodeJSの環境をDevcontainerを利用して構築します。 Docker,VSCode,Devcontainersは既にインストールしてある前提で記載しています。 Devcontainer定義の作成 VScodeを起動し、コマンドパレット(Ctrl+Shift+P)を開きます。 その後、「Dev containers:Add Dev Containers Configuration Files...」を
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
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
windows + wsl2 + dockerでgit + vscode devcontainerの仮想開発環境を整える
要約 windows + wsl2 + dockerを導入すると、vscodeでdevcontainerが使えるよ windowsのフォルダにあるファイルは変更の通知をdocker側で取得できないので、Hot reloadなどが効かないよ wsl2上にあるファイルならファイル変更の通知をdockerで受け取れるようになるよ wsl2でgit cloneしたレポジトリをdevcontainerで立ち上げ直せば快適！ 導入 windows + wsl2 + dockerの準備 この資料などを参考に、準備してください。 インストールするディストリビューションは、一応 Ubuntu 22.04 LTSを想定していますが、好きなものを使用してください。 wsl2上でのvscode, gitの導入 この資料などを参考に導入してください。 これにより、ubuntu上でcode .と入力することでvsco
はじめに 環境構築のはじめの一歩としてとりあえず動作するものをつくることが目的です。 Spring boot を使用した環境構築で、JPA と MySQL を使ってデータベースアクセスを行う Spring 環境はコンテナ上に作成する ソースコードや手順は公式のJPA で MySQL データアクセスをベースとする JPA とは... JPA（Java Persistence API）とは、Java で標準的に利用される API の一種で、データの永続的な保管や取り出しを容易にする機能を提供するもの。リレーショナルデータベース(RDB）へのアクセスに用いられることが多い。（ e-Words より引用） 環境情報 以下のインストール済んでいることが前提条件です。 OS は Windows11 を使用してます。 Visual Studio Code Docker Desktop MySQL Ser
DevContainer（Docker Compose）をTailnet（Tailscale）に接続するには
公式のDockerで使用するガイドを参考に DevContainer をTailnetに接続できるようにしました。 これにより、Tailnet内の他のデバイスから、DevContainerで起動したサービスへ接続できるようになります。 なお、DevContainerからTailnet内の別のデバイスに接続したい場合は、通常ホストのIPアドレスを共有するので、ホスト側でTailnetに接続していれば、その権限で接続できるため、特別な対応は不要です。 本記事は、Tailnet内の他のデバイスから、DevContainer(Dockerコンテナ)に直接アクセスさせたい場合の話です。 たとえばローカル環境で開発中のサービスに、スマートフォンから接続して動作確認したい場合などに活用できます。 手順 サーバや他のデバイスへのTailscaleのセットアップは完了しているものとします。 コンテナで利用す
TL;DR GASをTypeScriptで型安全に書くよ VSCodeで作業してclaspでアップロードするよ VSCodeだしdevcontainerで環境依存なくすよ はじめに 皆さん一度は使ったことがあるでしょう Google Apps Script (GAS)。 私はサーバーを用意するのが面倒できないのでLINE BotやSlack Botを作る際にはGASを利用しています。 普段はWeb上のエディタでそのまま作業しているのですが、他の業務ではVisual Studio Code(VSCode)を利用しているので出来ればGASもVSCodeで書きたいなと思いました。 (Github Copilotに助けられたい気持ちもあった) ついでに書きなれているTypeScriptからトランスパイルしたり、devcontainerで環境依存をなくしたりしてみました。 みなさんの参考になればうれ
DevContainerでサクッと使える実行環境を用意しよう：Pythonを例に紹介 | SIOS Tech. Lab
◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください 【3/22開催】テックブログを書こう！アウトプットのススメ 1年で100本ブログを出した新米エンジニアがPV数が伸びなくてもTech Blogを書き続ける理由とは？ https://tech-lab.connpass.com/event/312805/ 【4/18開催】VSCode Dev Containersで楽々開発環境構築祭り〜Python/Reactなどなど〜 Visual Studio Codeの拡張機能であるDev Containersを使ってReactとかPythonとかSpring Bootとかの開発環境をラクチ
VSCodeでdevcontainerが開けなくなった(SyntaxError: Unexpected end of JSON input) - Qiita
初めまして､fsd-shoyaです｡ 初投稿になりますので間違いなどありましたらお知らせ下さい｡ 今回は､devcontainerで詰まってしまった原因と解決策について投稿させて頂きます｡ はじまり いつも通りVSCodeを起動して､作業を開始しようとしたら､devcontainerが開けず､ SyntaxError: Unexpected end of JSON input at JSON.parse (<anonymous>) at n6 (/Users/fsd-shoya/.vscode/extensions/ms-vscode-remote.remote-containers-0.295.0/dist/extension/extension.js:224:1268) at process.processTicksAndRejections (node:internal/proces
はじめに python で開発を行って行くにあたりモジュールやデプロイ先の環境との差異が生じてしまい、いちいち合わせていくのが面倒だったので docker container 上で開発を行えるようにしたいと思いました。 docker container 環境で開発を行うことができればサーバなどにデプロイする際にも楽だと思うので、そのような開発環境を行いたい場合には本記事を参照していただけると幸いです。 やりたいこと python + vscode + devcontainer の環境構築をしたい！ 結論 以下のリポジトリを clone するなり Fork するなりして使ってください。(使い方などは後述) 動作確認環境 windows10 vscode (1.86.1) docker for windows (4.26.1) wsl2 使い方 前提条件 wsl は v2 にして docker
VS Code から Podman コンテナ@Mac＆Windows にDevContainerを使って接続＆開発 - Qiita
VS Code から Docker コンテナに接続して、接続したコンテナの中でコード開発をする方法は既にHidekazu KarinoさんのVSCode Remote Containers 事始め といった記事、virtualtechさんのDocker DesktopとVS Codeでコンテナを使ったローカル環境でのアプリ開発といった記事にて巨匠達が紹介してくださっています。 が、しかし上記の記事ではDockerをコンテナエンジンとして使っています。コンテナエンジンは Docker だけではなくPodmanもあります。今回はそんな Podman と VSCode を使ってコンテナへ接続＆開発を行う方法について記載します。 ※ VS Code から Docker コンテナに接続する方法はネット記事で多く出されておりますが、VS Code から Podman コンテナに接続する方法については希
昔作ったPerl/Pythonで書いたやつをコンテナ詰め詰めした際にdevcontainer使ってみました。FastCGIモジュールとかWindows環境でうまく動かせなかったので便利ですねこれ。 お仕事などではGoを書くことが多く、コンテナに詰めなくても開発マシン(WindowsやMac)とサーバホスト(Linux)でビルドすれば動くのでこの辺の知見は一から集める。 tech.pepabo.com この記事見て「devcontainer簡単そう」って思って使ってみたらpostCreateCommanでのchmod +xが必要になって、なんで要るんやろとか調べてたら沼にハマっていった(これについては最後に述べる)。 なお、わたしWindowsユーザなのでMacとかLinuxでどうなのかは謎1。以下書かれていることはすべてWindows 10 Pro(22H2)でのお話です。 たどり着いた答
はじめに ASP.NET Core 8.0がRCになりましたね。 DevContainerで8.0 RCを試そうと思いましたが、残念ながら7.0までしか対応していません。 これまで通りDockerでSDKのコンテナを起動してもよいのですが、せっかくなのでVSCodeのDevContainerでカスタムコンテナを作ってみます。 .NET 7.0のDevContainerをベースに.NET 8.0のDevContainerを作る 簡単なのは.NET7.0のDevContainerをカスタマイズする方法です。 とりあえず適当な場所にフォルダーを作り、下記の2つのファイルを作ります。 $ mkdir -p app/.devcontainer/ $ touch app/.devcontainer/devcontainer.json $ touch app/.devcontainer/Dockerfi
VSCode devcontainer + Dockerでシームレスな開発環境を構築してみた - Qiita
はじめに 先日参加したハッカソンでDockerで環境構築してチームメンバーと開発をしたが、メンバーの１人がVSCodeの設定によるエラーで苦戦していた。そこで今回は、VSCode devcontainerとDockerを使って、Dockerのコンテナ内でVSCodeを起動して開発する方法についてまとめる。 前提知識：Docker / Docker-composeの概念をある程度理解している。 実行環境：Windows10, DockerHub, VSCode 到達レベル：面倒な環境構築をVScodeのエディタごとチームメンバーと共有できる VSCode devcontainerとは？ VSCode の拡張機能パックである Dev Container（旧 Remote-Containers）を使用して構築する開発環境のことを指す。 引用元：Dev Container 公式ドキュメント ローカ
40代男性SE「COBOLのプロジェクト参加はやめたほうがいいよ...」 50代男性PM「あれはヤバイよヤバイ！」 20代女性PG「COBOLを書いてるときにふと空を見るとね...暗く曇ってるんですよ...」 なぜやめたほうがいいのか...? 限界集落の村の掟の如く皆が多くは語らない言語、COBOLのモダン環境構築について書きます。 構成 今回はOracle LinuxをCobolアプリケーション用サーバー、 OracleをDBサーバーとして環境構築していきます。 COBOLのプロジェクトをOracle+javaにリプレイスすることは 多いので割と実践的な構築です。 COBOLは日立やIBMなどのCOBOLはライセンスがあり、簡単に手に入りません。 また、COBOLは方言がキツイので、本番は必ずドキュメントに目を通してから使うこと。 また、gnucobolで動いたからと行って他のCOBOL
VSCodeの拡張機能DevContainer(RemoteContainer)をinstallし、Go(Sample)を実行する
1. 事前準備＆環境 Windows10(22H2) WSL2(Ubuntu 20.04) Docker Desktop 4.14.0 VSCode(1.80.1) 2. Dev Containers 概要 Dev Containersは、以下のような特徴があります。 一貫性のある開発環境の提供: Dockerコンテナ内で開発環境を構築できる。 そのため、開発者は自身環境に関係なく、プロジェクトの一貫した環境を利用できる。 これにより、開発者間での環境の違いによる問題を回避し、コードの互換性を確保できる。 環境の再現性と移植性: プロジェクトに必要な依存関係、ツール、設定などを含む独立したコンテナを提供する。 開発者はコンテナの設定ファイルをGitなどのリポジトリに含めることで、他の開発者が同じ環境で作業できるようになる。 また、異なる開発環境やOSでもコンテナを利用することで、移植性を確
こんにちは、おーびるです。 Visual Studio CodeのdevContainerを利用していますか？ 開発環境を丸々Dockerコンテナとして作成して、ローカルの開発環境を汚さずに開発できるので、とても便利です。 開発環境を隔離できるVSCodeのDevContainerを利用するのが好きです。しかしVisual Studio Codeも便利ですが、やはりJetbrains社のIDEを各種使いたいと思ってしまいます。 いろいろと試行錯誤した結果、以下のコードをdevcontainer.jsonに追記するようにしています。 { "features": { "ghcr.io/devcontainers/features/sshd:1": {}, "ghcr.io/ouvill/devcontainers_features/authorized_keys:0": { "github_a
概要 本書の内容 VS CodeとDockerを利用した、Python用開発環境の設定/利用方法を説明します。 本書で実現する開発環境の概略図は以下です。 Dockerを利用するので、動作環境のポータビリティが確保できる等のメリットがある他に、 以下のことができるようになります。 VSCodeのUIで、コンテナをビルド・起動する VSCodeのUIで、コンテナ内のソースコード編集やスクリプトを実行する などなど。 なお、本書は、PCがMacであることを想定して説明しますが、WindowやUbuntu-Destop等のLinuxディストリビューションでも同様のことができます。また、Dockerファイル等を変更することで、PHP/TypeScritp等、他言語の開発環境にも応用できます。 前提 下記のソフトウェアがインストール済みであること Docker DockerCompose VS Co
はじめに Dev Containerの拡張機能はコンテナ（docker）を利用して開発環境を構築できる機能です。 この記事では、新規構築だけではなく既存のDockerfileやdocker-compose.ymlを使ったパターンについても紹介していきます。 zennの執筆環境（新規構築） 既存のDockerfileを利用した構築 既存のdocker-compose.ymlを利用した構築 Dev Containerとは VSCodeは定番のコードエディタで、様々な「拡張機能」を追加して機能拡張できる点が特徴の1つです。他にも主要なプラットフォームで使えるなど様々な特徴を持っています。 Dockerを利用して環境構築可能な拡張機能がDev Containerです。 特徴 VSCodeとDockerがインストールされていれば、開発構築が簡単に構築できます Dockerfileやdocker-co
書いた背景 最近実務でJavaを使い始めた。 Javaに関する開発等はEclipceで行う風潮があるが、Eclipceが使いやすいと思わない。少なくともプライベートではVSCodeで書きたい。 EclipceのAll-in-OneにはJava実行環境等が含まれていたが、VSCodeではそれがないためローカルマシンに実行環境をインストールする必要がある。が、それをやりたくない。 VSCode × DockerでJavaの開発環境を作ろう。それを手軽に実現してくれるのがDevContainerというプラグインらしい。 前提 VSCodeのDevContainerにはそれ専用のDockerイメージがそれなりに用意されているので、手元にDockerfileを用意しなくてもすぐ始められるため、今回はその方法で進める。 Dev Container向けに用意されているDockerイメージはLTS版が中心
◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください 【3/22開催】テックブログを書こう！アウトプットのススメ 1年で100本ブログを出した新米エンジニアがPV数が伸びなくてもTech Blogを書き続ける理由とは？ https://tech-lab.connpass.com/event/312805/ 【4/18開催】VSCode Dev Containersで楽々開発環境構築祭り〜Python/Reactなどなど〜 Visual Studio Codeの拡張機能であるDev Containersを使ってReactとかPythonとかSpring Bootとかの開発環境をラクチ
Codespacesとdevcontainerのメモ
Codespaces と devcontainer の違い Codespacesはdevcontainerを使っているものの、実際には devcontainer.json や docker-compose.yml に色々とマージしてから devcontainer を起動しているので、 Codespaces の設定としての devcontainer.json がそのまま VSCode の devcontainer として動くとは限らない。 一番の違いは workspaceFolder。 Codespaces は /workspaces/<リポジトリ名> をチェックアウトし、 /workspace をバインドマウントする。そして workspaceFolder が設定されてない場合は /workspaces/<リポジトリ名> を workspaceFolder に設定する。 もちろん work
背景 Mac では 1Password 上で SSH key を管理し、ssh-agent 機能 で Git の操作などに使っている 普段 VSCode devcontainer での開発が多いので、Docker コンテナ内でも 1Password の SSH key を使いたい Docker でホスト・ゲスト間の鍵共有には ssh-agent forwarding という仕組みが用意されているが、色々ハマりどころがあったので手順を整理した Host マシン（Mac）側の設定 まず 公式ドキュメント通りに Mac 側で 1Password 上の鍵を使った SSH 接続が通るようにする。 # .zshrc # https://developer.1password.com/docs/ssh/get-started#step-4-configure-your-ssh-or-git-client
DockerをインストールするDocker インストール 検索 （自分のPCには大昔にインストールしてあったもんで……） WSLを有効化する過去にまとめたのでこちらを。 Dockerfileを作る人から貰ったDockerFileで楽をしようと思ったらなんか上手く行かなかったので基礎からちゃんと……やります…… Dockerfileとは今からこれこれこういうコンテナを作っておくれ、という命令書のこと。コンテナを作る時に、こういう設定でー、こういうアプリケーションインストールしてー、って最初にやる作業コマンドを全部書き並べて作ります。たぶん。（わやわや） とはいえゼロから作るのは大変なので、ベースイメージを探します。 色々なところが「これテンプレートにすると便利じゃよ」というものを公開してくれているので、それを探して、それをベースにして作ると良いです。 # Dockerfile FROM py
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Devcontainer がデバッグ環境構築のハードルを一気に下げるお話
VSCodeのRemote-SSHからDevContainerを起動するやつをやってみた
Devcontainer ってなに？ 実際につかってみる
DevContainer上のSpringBootからMySQLへアクセス
GAS + TypeScript + devcontainer(VSCode)で開発してみる
python + vscode + devcontainer の環境構築をしたい！ - Qiita
いまさらdevcontainer入門 - (｡･ω･｡)ノ･☆':*;':*
.NET8用のDevContainerを作ってみる - Qiita
vscodeのdevcontainerでのcobol+oracleのモダン開発環境構築
JetBrains GatewayでローカルのdevContainerを利用する
VS Code+DevContainer+Dockerで最強Python開発環境
【超便利】DevContainerでサクッと開発環境を構築しよう！
VSCode×DevContainerでDockerコンテナ内にJava開発環境を作る - Qiita
Reactをdevcontainerで構築するまで：ゼロから始める環境構築 | SIOS Tech. Lab
1Passwordで管理しているSSHの鍵をDocker for Mac上のdevcontainerでも使う
【VSCode】Devcontainerを使ってpythonの開発をしてみる｜yucco