VS Code Remote - Containers を Docker Compose で使うのだー！ - Mitsuyuki.Shiiba
VS Code の Remote - Containers プラグインを使うと Docker の中で開発ができて最高だよ、という記事を読んで面白そうなので触ってみた。 www.keisuke69.net ちょっとぐぐったら、このプラグインに関する記事がいっぱい出てきた。結構前から人気なのね。知らなかったや。 ## Remote - Containers って何なの？ は、だいたいこんな印象。Remote - Containers プラグインが VS Code Server をコンテナの中にインストールして、ローカル側の VS Code がその VS Code Server とコミュニケーションする。 それによって、実際はコンテナの中にある開発環境が、あたかもローカルにあるみたいな気持ちで VS Codeを使うことができる。だから、ローカル側に例えば PHP を入れてなくても、VS Code
DockerとRemote Containersでの開発環境が最高過ぎる - Sweet Escape
この投稿がきっかけでソフトウェアデザインに寄稿しています。この投稿の加筆修正ですが、自分のパート以外にもVS Code全般の特集となってますので興味あるかたはぜひそちらも！ ソフトウェアデザイン 2021年6月号 作者:tsutsu,吉岩 正樹,中村 充志,西谷 圭介,erukiti(佐々木 俊介),結城 洋志,上田 隆一,八田 昌三,サリチル酸,結城 浩,山川 正美,大串 肇,松本 直人,清水 洋治,広田 望,松田 佳希,田中 宗,中島 明日香,くつなりょうすけ,高橋 永成,金谷 拓哉,佐藤 雄飛,梶原 直人,髙濱 暢明,星川 真麻,八木澤 健人,けんちょん(大槻 兼資),職業「戸倉彩」,森若 和雄,大隈 峻太郎,小野 輝也,河野 哲治,古川 菜摘,石井 将直,杉山 貴章,Software Design編集部技術評論社Amazon はじめに Remote Containers Docke
VS Code + Remote Containers で快適な Dev ライフを
では、早速環境を作ってみましょう。 特に深い理由はないですが、最近 Rust に入門したので、Rust の環境を構築して Hello World を表示してみようと思います。 たったの 30 秒で環境の構築と Hello World の表示ができました🚀 手順はたったのこれだけ やり方はいくつかあると思いますが、この動画でのやり方は、以下のように 3 回クリックするだけです。 VS Code の左下のアイコンをクリックする カーソルを合わせると「Open a Remote Window」と表示されるアイコン 「Reopen in Container」をクリックする 作りたい環境（今回は Rust）を選んでクリックする VS Code + Remote Containers を使うことで、こんなにも簡単に開発環境を構築することができます。 💡 動画では Microsoft が提供している
VS CodeのRemote-Containersでリモートサーバー上のコンテナーの開発を行う方法 - Qiita
（2020/7/16追記修正） 2020/7/15に開催された VS Code Meetup #6 にて本記事に関連する発表を行いました。 資料：Remote-Containersの接続先ホストにFedora CoreOSを使う 概要 ローカル端末上のVS CodeでRemote-Containersを実行し、リモートサーバー上のコンテナーに直接接続して開発を行えるようにする ローカル端末上でコンテナーは起動しない ローカル端末上でDockerデーモンは起動しない（ただしDocker CLIのみ必要） リモートサーバーへはRemote-Containers実行時に自動でSSH接続する VScodeが自動接続するので、別途SSH接続等は不要 Forward Port/Publish Portを使いコンテナーのポートへ接続を行う ローカル端末のブラウザ等で動作テストができる 環境 ローカル端末
ssh接続先のdockerコンテナにVSCodeのRemote Developmentで繋ぐ - Qiita
はじめに Remote Developmentの登場によって、サーバやdockerコンテナにVSCodeで簡単に繋ぐことができるようになりました。 しかし、「サーバ上のdockerコンテナ」という二段階のリモート処理を実現する手段が見当たらなかったので、記事にしました。 サーバやdockerコンテナにVSCodeで繋ぐ まずは基本であるサーバ or dockerコンテナにVSCodeで繋ぐ一段階のリモート処理について説明します。 サーバにVSCodeで繋ぐ まずは~/.ssh/configを作ります。 例えば、こんな感じ。 あとは、以下のページのようにRemote Developmentで繋ぐことができます。 https://dev.classmethod.jp/etc/vs-code-remote-development-ec2/ dockerコンテナにVSCodeで繋ぐ dockerコ
VSCode Remote Containers 事始め
はじめに この記事は Visual Studio Code アドベントカレンダー 2021 の記事です。タイトル通り VSCode の拡張機能の一つ Remote Containers を使って Docker コンテナの中で VSCode を開くまでの流れと、私が実際に使っている設定を紹介します。 Remote Containers に出会うまで 私は新し物好きなので新しいプログラミング言語/フレームワーク/ライブラリで気になったものがあるととりあえずローカル PC にインストールすることが多いです。触ってみたものをそのままガッツリ使い続けることもなくはないですが、Hello World 止まりのものも多いです。 また私は整理整頓が苦手で面倒くさがりだったりもします。きちんとバージョン管理しないといけないとわかっていながら、面倒に思ってグローバル空間にライブラリをインストールしてしまうこと
VSCode Remote Containerが良い - Qiita
Visual Studio Code Remote Development VSCode Remote Containerは、VSCodeの拡張機能の1つです。 Dockerのコンテナ内でVSCodeを開き、開発することを可能にします。 使ってみてかなり良さげだった&当初はよく分からない部分も多かったので、2週間くらい使ってみて分かったことをまとめます。 そもそもDockerで開発環境を作るメリット 開発環境が簡単に作って壊せる 今どういう環境で開発しているのかファイルで確認でき、バージョン管理も容易 PCにRubyやらRubocopやら各種CLIやらをいれる必要がなくなる プロジェクトごとに言語等のバージョンを切り替える必要がなくなる VSCode Remote Containerを合わせて使うメリット 開発環境をDockerで作っていても、構文チェックや補完が効く ローカルで開発すると
【図解】VScodeのRemote Container拡張機能とは？わかりやすく
以下のようなことができるVScodeの拡張機能です。 VScodeからDockerを制御できるDockerの1つのコンテナ内に「VScodeサーバー」なるソフトをインストールして、そのサーバーにローカルのVScodeから接続して、あたかもローカルのVScodeを操作しているような感覚で、Docker内のVScodeを操作できる 😇😇😇？？？ ちょっと自分でも何言ってるのか分からないのですが ムリやり図解すると以下のような感じです、おそらく。。 Remote Containerから「どのコンテナを立ち上げるか？」を指定する Dockerfile、docker-compose.yml、image名を直接指定という3つの方法がある複数のコンテナを立ち上げる場合は、どのコンテナの中に入るか（VScodeサーバーをインストールして接続するか）も指定するRemote ContainerがDock
チームで推奨するVSCode拡張機能を共有するtips | フューチャー技術ブログ
こんにちは。 TIG DXユニットの市川です。 プロジェクトにアサインされて、まずやらなければならないのは環境構築だと思います。 私が新人としてプロジェクトに参画した頃は、リポジトリのクローンからローカルサーバーを起動させるまでの手順は詳細に記載されていたものの、開発で使用するエディタの説明は特になく、VSCodeに各々が好きな拡張機能をインストールしている状態でした。当時開発経験が浅かった私は開発中に必要となる拡張機能を都度入れていたり、作業を効率化できる拡張機能を入れられておらず、非常に困っていました。 そういった背景もあり、私のプロジェクトではプロジェクトで必要となる・開発を効率的に行うことができる拡張機能を選定し、それらをVSCodeに一括でインストールする環境を整えたことで、プロジェクトに参画をした新人やキャリア入社の方、インターンの方がスムーズにエディタの設定を行うことができま
vscode-drawio/README.md at master · hediet/vscode-drawio
Edit .drawio, .dio, .drawio.svg or .drawio.png files in the Draw.io editor. To create a new diagram, simply create an empty *.drawio, *.drawio.svg or *.drawio.png file and open it. .drawio.svg are valid .svg files that can be embedded in Github readme files! No export needed. .drawio.png are valid .png files! No export needed. You should use .svg though whenever possible - they look much better! T
マイクロソフト、Javaの開発環境をまるごとインストールしてくれる「Visual Studio Code Installer for Java」公開。VSCode、JDK、テストランナー、デバッガ、依存関係ビューア、IntelliCodeなど
マイクロソフト、Javaの開発環境をまるごとインストールしてくれる「Visual Studio Code Installer for Java」公開。VSCode、JDK、テストランナー、デバッガ、依存関係ビューア、IntelliCodeなど マイクロソフトは、Windows上にJavaの開発環境をまるごとインストールしてくれるツール「Visual Studio Code Installer for Java」をリリースしました。 「Visual Studio Code Installer for Java」は、コードエディタのVisual Studio Codeを中心に、Javaの実行環境、テストランナー、デバッガ、依存関係ビューア、コード補完をしてくれるIntelliCodeなど、Javaアプリケーションの開発を支援するツール群を一括してインストールしてくれるというもの。含まれているも
VSCodeのRemote Development機能が革命的な話。 - Crieit
背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問がある。 最終的にサービスを公開するときにはどうせLinux使うのに、開発するときしか使わない別のOSで同じものを動かす苦労って無駄だよなあ、と思っていた。 じゃあ最初からLinuxで開発すればいいかというと、最近の高度化したWeb開発はIDEの支援なしに実行することが困難で、RubyだったらRuboCop、JavaScriptだったらPrettierやESLintで文法チェックしてもらわないと人類にはついていけない。これら
Remote Development with Visual Studio Code
Version 1.90 is now available! Read about the new features and fixes from May. Remote Development with VS Code May 2, 2019 by The VS Code Team, @code TL;DR Today we're excited to announce the preview of three new extensions for Visual Studio Code that enable seamless development in Containers, remotely on physical or virtual machines, and with the Windows Subsystem for Linux (WSL). You can get sta
VSCodeのオススメ拡張機能 24選 (とTipsを少し)
1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高！！ なおBeta版ですが、後継となるBracket Pair Colorizer 2も出ています。 6. Settings Sync どこでも同じ設定で使いたい人には便利。 ⇧ + ⌥ + U/D で設定をアップロ
VSCodeでファイルを開いた時にタブが上書きされる問題を回避する - Qiita
はじめに VSCodeを使っていると、新しいファイルを開く時に現在のタブが上書きされて表示される場合があるのでなんとか回避したい。 どんな現象かは以下のリンク先のGIFアニメを見ると分かりやすい。 Visual Studio Codeの謎ペインの仕様はユーザ離れを起こす原因となり得そうな件 - 文系プログラマによるTIPSブログ 対処方法 上書きされるタブはファイルの中身をちら見するためのPreview modeで開かれている。 そのため他のファイルを開こうとすると、ちら見していたタブが上書きされ新しいファイルの中身が表示される。 現在のタブがPreview modeで開かれているか知りたい場合は、タブのタイトルがイタリックになっているかをチェックする。 この挙動を回避する為には以下のいずれかを行う。 ファイルをダブルクリックして開く 設定に"workbench.editor.enable
開発が捗る Visual Studio Code 拡張機能 - Qiita
拡張機能はできるだけ最小限にしておきたい派です。そんな自分がインストールして使い勝手がよかった拡張機能をいくつか紹介します。 Auto Close Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag その名の通りClose Tagを自動で入力してくれます。単純にタイピングが減るので肉体的・心理的負担の軽減にもなります。 Auto Rename Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag タグを修正した際にClose Tagも合わせて修正してくれます。これも手間が減って便利です。 Bracket Pair Colorizer 2 https://ma
無償のコードエディタVSCode、実行中のJavaアプリのコードを動的に書き換えて修正できる「Hot Code Replacement」（ホットコード置換）を実現
VSCodeで、JavaのHot Code Replacement（ホットコード置換）がサポートされた。ホットコード置換を用いると実行中のアプリケーションのコードを実行したまま動的に修正できるため、トライアンドエラーが容易になる。 アプリケーションのコードを修正した場合、その修正を反映させるためには、コンパイル型の言語であれば再コンパイルする必要があり、インタープリタ型の言語であればアプリケーションの再実行が必要となります。 しかしコードを書き換え、実行し、動作を確認するということを何度も繰り返す開発作業では、いちいち再コンパイルをしたり、再実行する手間はなんとも面倒です。 そこでJavaには、「Hot Code Replacement」（ホットコード置換）と呼ばれる機能が用意されています。これはコードを再コンパイルすることなく変更した内容をJavaVMに転送し、反映できるというものです。
Visual Studio CodeがJUnitに対応。エディタ上で単体テストの実行、テストのデバッグなどが可能に
マイクロソフトはオープンソースで開発している無償のコードエディタ「Visual Studio Code」（以下VSCode）をJUnit対応にする拡張機能「Java Test Runner」のリリースを発表しました。 「JUnit」は、Javaで単体テストの自動化を行うためのフレームワークです。さまざまな開発ツールでサポートされており、Javaの単体テストを行う際の事実上の標準といえます。 VSCodeに拡張機能「Java Test Runner」を追加することで、JUnit4のテストを認識し、VSCode上でテストの実行や実行結果、テストコードのデバッグなどが可能になります。 下図は、テストコードを実行するところ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
