タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
背景 プロジェクトの新規立ち上げや、新しくプロジェクトに新規メンバーが入った場合に環境構築に手間取ることが多いため、Docker＋VS Code Remote Containersのフロントエンドアプリケーション開発環境構築ができるリポジトリを作成しました。 本記事では上記リポジトリを用いた環境構築手順とCreate React Appによる簡単なアプリ開発例を説明します。 また、上記リポジトリをgit cloneしなくても一から同じ環境を構築できるように、リポジトリに含まれるファイル群についてもそれぞれ説明します。 本記事の対象はフロントエンドですが、バックエンドのプロジェクト構築も基本的には同じ知識で構築できるはずです。 前提条件 本記事では以下を前提条件とします。ただし、WindowsやLinuxでも基本的には問題ないはずです。 macOS Monterey Visual Studi
「Visual Studio Code」の「Remote Development」用のテンプレート を作ってみたので、簡単に紹介したいと思います。 主にテンプレートの使い方について解説していきます。 目次 目次 はじめに 準備 「Visual Studio Code」のインストール 「Dev Container」用の拡張機能のインストール 使い方 テンプレートコードの取得 セットアップ ベースイメージの変更 表示名の設定 .gitignore の調整 「Dev Container」の起動 うまく動かないときは 「docker-compose.extend.yml」の「command」フィールドをチェック Compose ファイルのバージョンをチェック その他のテンプレート Python 開発環境 Node.js 開発環境 C 言語開発環境 まとめ はじめに 「docker-compose.
AWS Systems Manager と VS Code Remote SSH を組み合わせて快適なリモート開発環境を作る方法 | DevelopersIO
AWS Systems Manager と VS Code Remote SSH を組み合わせて快適なリモート開発環境を作る方法 しばたです。 前回の記事で.NET on AWSの開発環境には「EC2でVS Code Remote Developmentを使う」のがベストと言いました。 本記事ではその具体的な手順を解説します。 VS Code Remote概要 Visual Studio Code(VS Code)はそれ自身がサーバーとして動作し、クライアントからリモート上にあるVS Codeを使ったリモート開発が可能です。 VS Code Remote Development VS Codeのリモート接続は大別して以下の三種の方式があります。 Dev Containers : ホストからコンテナ環境へ接続 Remote SSH : クライアントからリモート環境へSSH接続 Remote
環境構築: VS Code Remote Container で Azure + Terraform + GitHub Actions - Qiita
環境構築: VS Code Remote Container で Azure + Terraform + GitHub ActionsAzureDockerTerraformVSCodeGitHubActions Intro Fork して clone したらすぐに Azure を Terraform できる devcontainer を作りました。 VS Code の Remote Development (Remote - Containers) 機能を使っているので、ローカルに VS Code と Docker Desktop の環境があれば、以下のようなことがほんの少しの準備で実行できます。 Terraform で Azure を管理する terraform や Azure CLI az コマンドがすでに Docker コンテナ上のインストールされています。 GitHub Acti
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
こんにちは皆さん。 いやね、皆さんこう言いますよ。 「それもう何番煎じやねん！前も聞いたわ！」 ってね。 でも、こうも思うじゃないですか。 「たくさん記事があるってことは、ひょっとしてめっちゃくちゃ大事なことなのでは？」 とね。 とういうわけで、毎回まるで前提のごとく使っていたVS Code Remote Containerによるコンテナ開発について、自分が使っているやり方について簡潔に書いてみます。 マニュアルなぞっても面白くないですしね。 VS Code Remote VSCではリモート環境に入ってエディタを起動することができます。 イメージ的にはこんな感じで、リモート環境上で立ち上げたエディタを、外部から遠隔操作するようなイメージですね。 VS Code Remote自体は随分前からあったのですが、WindowsのDocker開発の環境が整うまでに結構かかったのですよね。 私のプライ
去る11月21日に行われた VS Code Conference Japan にて「Remote Development with Podman」の内容で発表を同いました イベントサイト 発表スライド 本記事は初出の発表資料を再構成し、内容を整理したものになります。 VS CodeにおけるPodmanのサポート VS Code Remote Developmentを使ったリモート開発のうち、Remote - ContainersでPodmanをコンテナ実行環境としての利用が可能です。なお、Remote - ContainersにおけるPodmanのサポートは 2020年4月、VS Code v1.45から。 Remote - Containersで具体的にできること Dockerの代わりにPodmanでコンテナを実行 VS CodeからPodmanで起動したコンテナへ接続し、コンテナの中で
VS Code - Remote Containers で Docker Compose で動いている Rails アプリに接続する - さめたコーヒー
VS Code に Remote という機能が作られつつある。これは VS Code から Docker や WSL や外部サーバーなどの環境に接続して、あたかもその環境の中で VS Code を立ち上げているかのように開発ができるというもの。 詳しくは下記を参照 code.visualstudio.com 単にDockerfileで環境を用意するだけならいくつか公式のサンプルがある。(Rubyはないけど) git clone https://github.com/Microsoft/vscode-remote-try-node git clone https://github.com/Microsoft/vscode-remote-try-python git clone https://github.com/Microsoft/vscode-remote-try-go git clon
みんながきっと１万回は聞いている、VS Code Remoteでコンテナ開発をやる方法 - ROXX開発者ブログ
この記事はzenn.devで書いたやつなんで、そっちの方も見てやってくださいな。 zenn.dev こんにちは皆さん。 いやね、皆さんこう言いますよ。 「それもう何番煎じやねん！前も聞いたわ！」 ってね。 でも、こうも思うじゃないですか。 「たくさん記事があるってことは、ひょっとしてめっちゃくちゃ大事なことなのでは？」 とね。 とういうわけで、毎回まるで前提のごとく使っていたVS Code Remote Containerによるコンテナ開発について、自分が使っているやり方について簡潔に書いてみます。 マニュアルなぞっても面白くないですしね。 VS Code Remote VSCではリモート環境に入ってエディタを起動することができます。 イメージ的にはこんな感じで、リモート環境上で立ち上げたエディタを、外部から遠隔操作するようなイメージですね。 VS Code Remote自体は随分前からあ
Proxy環境で VS Code Remote Development + Java開発をさせてくれ - Qiita
こん**は。 突然ですが、VS Code で しかも実行環境はコンテナで Java、開発したいですよね。 でも邪魔してくるやつが居ますよね。そう Proxy です。 社内Proxyの場合企業ごとに状況が異なると思いますが、うまくいった例としてすこしでもあなた様の参考になれば……。 モチベーション Proxy 環境下で Docker を利用した VS Code の Remote Development をしたい！ いろんなレイヤからプロキシの設定を求められる…… プロキシに悩める人に、少しでもヒントとなれば！ 動作確認環境（ホスト） OS Windows 10 Docker Docker for Windows VS Code 1.46.0 前提 VS Code と Docker for Windows がインストールされていること Docker for Windows のプロキシ設定は既に
Visual Studio Codeの新機能で、コンテナ内や、WSL、SSHでリモートアクセスした環境で、開発する事が出来るRemote Development機能が拡張機能として入れられるようになりました。 marketplace.visualstudio.com こんな人にオススメです。 開発環境はWindowsだが、実装したプログラムを動かすのはLinuxなので、依存するツールをWindowsにも入れないといけない 往往にして入れ方で詰まる（特にプロキシ環境） 手元がWindowsのため、Dockerfileの開発がやりづらい コード類（依存する環境）が特定のサーバーにあり、手元で開発するのが大変 ものすごく、大企業のエンジニアにはありがたい機能だと思います。 そして、大企業あるあるの認証付きプロキシ環境下でも、これはほとんど苦労することなくセットアップ出来ます。 今回は、SSHアク
VS Code + Remote Containers環境下でReact Native + Expoを動かしてみたメモ - Sweet Escape
モバイル界隈はあんまり知らないんですが、React Nativeの開発環境としてExpoというものの存在を最近知ったと思ったらたまたまReact Native + Expoで作られているものを手元で動かしたい要件が。僕は普段、手元のMacには言語系のランタイムとかは入れておらずVS CodeとDocker for Macだけ入れてRemote Containersの環境で開発しています。 というわけで今回はRemote ContainersでReact Native + Expoの環境が使えるか試してみたときのメモ。 とあるReact Native + Expoで作られてるアプリを手元で動かしたいんだがこっち方面は知見がなさすぎて手探り状態。これRemote Containersでやれるんかな— Keisuke Nishitani (@Keisuke69) 2020年12月24日 とTwi
試した環境 クライアント Windows 10 Pro: ver. 1903 Visual Studio Code: Version: 1.38.1 (system setup) Commit: b37e54c98e1a74ba89e03073e5a3761284e3ffb0 Date: 2019-09-11T13:35:15.005Z Electron: 4.2.10 Chrome: 69.0.3497.128 Node.js: 10.11.0 V8: 6.9.427.31-electron.0 OS: Windows_NT x64 10.0.18362 Visual Studio Code Remote - SSH: ver. 0.46.0 ssh -V: OpenSSH_7.9p1, OpenSSL 1.1.1b 26 Feb 2019 ※Windows 10標準のOpenSSHでは
AWS Cloud9とVS Code Remote SSHを組み合わせて使ってみた | DevelopersIO
しばたです。 以前.NETの開発環境を用意するためにAWS Cloud9を試してみた記事とVS Code Remote SSHを使った開発環境構築の記事を書きました。 環境構築はAWS Cloud9が容易で.NETの開発環境はVS Codeが優れている感じなのですが、「じゃあ両者を組み合わせてAWS Cloud9環境にVS Codeで接続すれば良いのでは？」となるのは誰もが思いつくことでしょう。 そんなわけで実際にやってみることにしました。 まさかのAWS Blog 誰もが思いつく話なので先人はたくさんいるだろうと調べてみたところ普通にAWS Architecture Blogに記事がありました... 流石にこれは予想外でしたが私のやりたい事とバッチリ一致するので参考にさせてもらいます。 こちらの記事を要約すると、 SSM接続でAWS Cloud9環境を初期構築する AWS Cloud9環
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DockerとVS Code Remote Containersを用いたフロントエンド開発環境構築
【VS Code】Remote Development テンプレートを作ってみました！ - mlog
みんながきっと１万回は聞いている、VS Code Remoteでコンテナ開発をやる方法
VS Code + Remote Development + Podmanでコンテナの中で開発を行う
プロキシ環境でVS Code Remote Development - nkty blog
VS Code Remote Development SSHセットアップ中にハマったこと - Qiita
ttcg.jp
news.yahoo.co.jp
kuromaron.hatenablog.com
aoringo723.hatenablog.com
kohasan.net
hiruko-mineruva.hatenablog.com