インストールしたらPCのスタートメニューからUbuntuを開き、ユーザ名とパスワードを設定しよう (Ubuntuを開くだけでユーザ名とパスワードを作成するための入力が求められます) WSLを真面目に知りたい方はこちら↓ https://learn.microsoft.com/ja-jp/windows/wsl/about 導入についての公式ドキュメント↓ https://learn.microsoft.com/ja-jp/windows/wsl/install 2. Dockerの導入 Dockerについてはすっごい雑な説明をするとアプリケーションの環境(コンテナ)を簡単に構築/共有するためのツールという感じです Dockerを使うと主に以下のメリットがあるよ 独立した環境が簡単に建てられる Dockerfile(コンテナを立てるための設計図のようなもの)で管理できるため環境の共有が簡単に
気持ち vagrant上に構築したDockerでLaravel環境の構築はできた。さあ次はデバッグ環境を整えるだけだ。アレ、どう設定したらええんや。 やりたいこと vscodeを使ってvagrant環境に接続し、dockerコンテナで実装したlaravel環境のデバッグをxdebugを使って実現する。 事前準備 vscodeからvagrant環境に接続する為の「Remote-SSH」拡張機能をインストールしておく vscodeでxdebugを使用する為の「PHP Xdebug」拡張機能をインストールしておく vagrant上でdockerをインストールしておく dockerでlaravel環境を構築しておく コンテナのlaravelのプロジェクトをdockerホストと共有しておく 流れ Vagrantfileに仮想マシンのIPアドレスの設定を記入する。 phpコンテナ※に接続し、xdebu
Windowsユーザーの皆さん、手軽にLinux環境で開発したいですよね！そんなときWSL2やコンテナが選択肢に上がるでしょう。VSCodeのRemote Development機能を使い、どちらも試してみました。Windows・WSL・コンテナを使い分けつつ、VSCodeで快適に開発ができるようになります！ おおまかな流れ 【準備編】WSL2の有効化と拡張機能のインストール 【WSL編】VSCodeからWSL2にリモート接続する 【コンテナ編】Dockerのインストール 【コンテナ編】VSCodeからDockerコンテナにリモート接続する 【コンテナ編】コンテナでWebサーバーを立て、ブラウザからアクセスする ※ 筆者の環境は Windows10 Home 21H1 です。Windows10 Pro/Enterpriseとは手順が異なるかもしれません。
概要 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
Pythonを少し使ってみようと思ったのですが、環境構築するために色々インストールするのは嫌でした。なのでDockerを使って環境を構築してみました。 インタラクティブな環境およびWebの両方を利用できて、VSCode(またはcode-server)で開発できる環境を目指します。特にVSCodeのPython拡張機能からDocker内Pythonで動作するJupyterへの接続にはハマる所がありましたので、環境構築手順を本稿にメモとして残します。 要件 CLIでPythonプログラムが実行できる Jupyterを利用して、インタラクティブにPythonが実行できる Flaskを利用して、WebでPythonのアウトプットができる Visual Studio Codeまたはcode-serverで、Pythonのランタイムを利用したコード補完等ができる 上記が全部できる開発環境を構築します。
Dockerを触りはじめて以来、ずっと思っていたことがあります。 ↑これ。 ターミナルで$docker psしてコンテナを確認するとき、見にくくてモヤモヤする...。 なんとかならないかなあと考えて、Docker Desktopからダッシュボード開いて確認したりと試行錯誤したのですが、手間が多くてめんどくさい！となってました。 で、最近VScodeの拡張機能でDockerとの連携機能があったのでインストールしたところ、かなり便利だったので備忘録も込めて文章化します。 #Dockerのコンテナ管理 こんな感じでVScodeの拡張機能からインストールします。 インストールするとVScodeのサイドバーのアイコンに、Git等に並んでDockerのアイコンが追加されます。 それをクリックすると以下のように、Dockerのコンテナ、イメージ、レジストリ等、Dockerの情報を一元管理することが可能に
はじめに タイトルどおり、VSCodeで出来ることは極力VSCodeでやっていく方針 気づいた点とかあればサイレント更新するかも 環境 Windows 10 Pro OS XやLinuxでも別に問題ないと思います。 インストール Visual Studio Code 拡張機能もインストールします。 Docker (識別子 : ms-azuretools.vscode-docker) Remote - Containers (識別子 : ms-vscode-remote.remote-containers) Docker for Windows OSに合わせたDockerでドウゾ Dockerイメージ作成 ファイルの準備 Dockerfileを作成します。
VSCode の Remote Conainer で"開発環境+プロジェクト全部入りのコンテナ"からスタートダッシュをキメるッ！？ 開発でVS Code の Remote Conainer使っていますか？単に既存のコンテナに入るだけなら Remote SSH でも構いませんが、"ローカル開発環境の一部"として、いやむしろローカルの開発環境＝Remote Containerとして、ビンビンにRemote Container使っていきましょう。令和だし！(すでに２年だけどね・・・？) 特にMacを使っていると最初からPythonやらPHPやらRubyやらが入ってしまっているので開発環境があるのですが、これらは割とmacOSのエコシステムに組み込まれているので不要にパッケージの追加削除、できないのですよ。brewとか意外とあっさり壊れますしね・・・。特にバージョンアップなんてもってのほかです。全
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[Docker / VSCode] VSCodeからリモートマシンのDocker情報にアクセスする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6298bb40a22c60ead2c8c39fb175978fc78c0a04/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzI3NDA3JTJGcHJvZmlsZS1pbWFnZXMlMkYxNTQ0OTUyMTkzP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTFlODcyMDJhODc4ZTFjMTVjOTRlMzYyMzc0YWUxOGEx%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D61615cf2f631d4f601c5083f7a81fff6%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCRG9ja2VyJTIwJTJGJTIwVlNDb2RlJTVEJTIwVlNDb2RlJUUzJTgxJThCJUUzJTgyJTg5JUUzJTgzJUFBJUUzJTgzJUEyJUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgzJTlFJUUzJTgyJUI3JUUzJTgzJUIzJUUzJTgxJUFFRG9ja2VyJUU2JTgzJTg1JUU1JUEwJUIxJUUzJTgxJUFCJUUzJTgyJUEyJUUzJTgyJUFGJUUzJTgyJUJCJUUzJTgyJUI5JUUzJTgxJTk5JUUzJTgyJThCJTIwJTIwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NGVmN2VjYThiZjhiMTRjODMzZmUyMWVjMzE3MjE1YWU%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzaXJ1a3U2JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MGY0ZGY4YjE3ZmMzYTc5YzIxODU3NDg2YWY2MzY0ZTE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2b4f4d698f7e6058fc3e40101cabcf07)