【早い！安い！うまい！】VSCode+WSL+Dockerで簡単に開発環境構築 - Qiita
三種の神器 今やWSL,Docker,VSCodeは使えて当たり前という雰囲気になってきたので、初心者のためにすごく適当簡単に導入手順をまとめたよ 卍最強の環境卍を構築するため以下の4ステップで解説するよ WSL2の導入 Dockerの導入 VSCodeの設定 使ってみる 1. WSL2の導入 そもそもWSLって何？という方もいらっしゃると思いますが、Windows内でLinux環境を使うことができるぜということだけ覚えておけばOKです 導入についてはPowerShellで以下コマンドを実行するだけ！ インストールしたらPCのスタートメニューからUbuntuを開き、ユーザ名とパスワードを設定しよう (Ubuntuを開くだけでユーザ名とパスワードを作成するための入力が求められます) WSLを真面目に知りたい方はこちら↓ https://learn.microsoft.com/ja-jp/wi
Vagrant上のDockerでvscode＋xdebugを使いたい - Qiita
気持ち 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
WSL2+Docker+VSCodeの開発環境構築とPythonでWebアプリを試すまで
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環境を構築する - Qiita
概要 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
Docker内Pythonで、JupyterやFlaskを使う開発環境の構築(VSCode/code-server両対応) - Qiita
Docker内Pythonで、JupyterやFlaskを使う開発環境の構築(VSCode/code-server両対応)PythonDockerVSCodeVisualStudioCodecode-server Pythonを少し使ってみようと思ったのですが、環境構築するために色々インストールするのは嫌でした。なのでDockerを使って環境を構築してみました。 インタラクティブな環境およびWebの両方を利用できて、VSCode(またはcode-server)で開発できる環境を目指します。特にVSCodeのPython拡張機能からDocker内Pythonで動作するJupyterへの接続にはハマる所がありましたので、環境構築手順を本稿にメモとして残します。 要件 CLIでPythonプログラムが実行できる Jupyterを利用して、インタラクティブにPythonが実行できる Flaskを利
VScode+Docker環境でDockerエクステンションをインストールしてコンテナ管理をGUI化 - Qiita
Dockerを触りはじめて以来、ずっと思っていたことがあります。 ↑これ。 ターミナルで$docker psしてコンテナを確認するとき、見にくくてモヤモヤする...。 なんとかならないかなあと考えて、Docker Desktopからダッシュボード開いて確認したりと試行錯誤したのですが、手間が多くてめんどくさい！となってました。 で、最近VScodeの拡張機能でDockerとの連携機能があったのでインストールしたところ、かなり便利だったので備忘録も込めて文章化します。 Dockerのコンテナ管理 こんな感じでVScodeの拡張機能からインストールします。 インストールするとVScodeのサイドバーのアイコンに、Git等に並んでDockerのアイコンが追加されます。 それをクリックすると以下のように、Dockerのコンテナ、イメージ、レジストリ等、Dockerの情報を一元管理することが可能にな
[Docker / VSCode] VSCodeからリモートマシンのDocker情報にアクセスする - Qiita
やり方 はじめの１歩 VSCode の Extension - Docker - のインストール方法はここに書いてある Working with containers ※注意（2020/04/22追記） VSCodeのExtension 'docker' をインストールするときは、VSCodeでリモート環境にアクセスした状態でインストールしましょう。 するとこうなります。 この記事を一度作成し終わった後、別の環境で間違ってローカルにインストールしたところ、動きませんでした。注意>_< やってみた結果 めちゃ Failed to connect ... Failed to connect. Is Docker installed and running? と表示されるorz この結果に対する公式サイトの説明 microsoft / vscode-docker (Troubleshooting
![[Docker / VSCode] VSCodeからリモートマシンのDocker情報にアクセスする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/25366fb79b21073023beb170f7f2c0ee3e107f6a/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-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRG9ja2VyJTIwJTJGJTIwVlNDb2RlJTVEJTIwVlNDb2RlJUUzJTgxJThCJUUzJTgyJTg5JUUzJTgzJUFBJUUzJTgzJUEyJUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgzJTlFJUUzJTgyJUI3JUUzJTgzJUIzJUUzJTgxJUFFRG9ja2VyJUU2JTgzJTg1JUU1JUEwJUIxJUUzJTgxJUFCJUUzJTgyJUEyJUUzJTgyJUFGJUUzJTgyJUJCJUUzJTgyJUI5JUUzJTgxJTk5JUUzJTgyJThCJTIwJTIwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jYThlN2Y1ZjZiMTU2OGRmZDYyN2U5MWQyNDIxZDNmMw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzaXJ1a3U2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00YWRkN2Y4OGRhMjY1YWZhODVjMDdkZDg2Y2RiZTgxOA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D83b4899bb815788e67473019e74bcce9)
【2020年1月】令和だし本格的にVSCodeのRemote Containerで、爆速の"開発コンテナ"始めよう - Qiita
【2020年1月】令和だし本格的にVSCodeのRemote Containerで、爆速の"開発コンテナ"始めようJavaPythonPHPJavaScriptGo VSCode の Remote Conainer で"開発環境+プロジェクト全部入りのコンテナ"からスタートダッシュをキメるッ！？ 開発でVS Code の Remote Conainer使っていますか？単に既存のコンテナに入るだけなら Remote SSH でも構いませんが、"ローカル開発環境の一部"として、いやむしろローカルの開発環境＝Remote Containerとして、ビンビンにRemote Container使っていきましょう。令和だし！(すでに２年だけどね・・・？) 特にMacを使っていると最初からPythonやらPHPやらRubyやらが入ってしまっているので開発環境があるのですが、これらは割とmacOSのエコシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Relational Database Course – How to Learn SQL in VSCode Using Docker and freeCodeCamp
Dockerコンテナ上のVue.jsの開発環境を、Visual Studio Codeでリモート接続して開発してみる - Qiita
Developing on Windows with WSL2 (Subsystem for Linux), VS Code, Docker, and the Terminal