inflearn logo
inflearn logo

VS Code を利用してリモート開発環境を作成する

VS Code と拡張機能を使用してリモート開発環境を作成し、さらに WSL と Web 上で使用される VS Code の code-server について学習します。

難易度 初級

受講期間 無制限

wsl
wsl
VSCode
VSCode
code-server
code-server
Linux
Linux
termux
termux
wsl
wsl
VSCode
VSCode
code-server
code-server
Linux
Linux
termux
termux
날개 달린 동전

講座 추천하고 성장과 수익을 만들어 보세요!

날개 달린 동전

マーケティングパートナーズ

講座 추천하고 성장과 수익을 만들어 보세요!

受講後に得られること

  • Visual Studio Code

  • WSL (Window Subsystem for Linux)

  • リモート拡張

  • VS code-server

VS Codeを活用して遠隔地開発環境構成方法について勉強します。

  • Visual Studio Codeが提供するリモート接続拡張パックの紹介

  • Windows自体が提供するLinuxディストリビューションのインストール技術であるWSLについて

このようなことを学びます。

セクション(1)Visual Studio Codeを利用したリモート接続方法

VS Codeの拡張機能であるRemote-SSH、Remote-Tunnels、およびRemote Tunnel Accessの機能について説明します。また、Web上でVS Codeを使用できるようにするcode-serverと、MicrosoftがサポートするVS Code-serverについても学びます。

MS社サポートVS Code-server

拡張Remote-SSH

WebブラウザでVS Codeを使用する

拡張 Remote-Tunnels

セクション(2)WSLを利用したORACLE DB開発環境の構成例

Windowsの内部にインストールできるLinuxディストリビューションインストール機能であるWSLに基づいて、クライアント(Windows環境) - サーバー(Linux環境)のDB開発環境設定について学びます。例として、SQL * Developer開発ツールとOracle XEサーバーの構成と接続方法を学びます。

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):Windows 10以降

  • 使用ツール:Visual Studio Code、Linux-oracle 8.5(WSL)、Oracle XEおよびSQL * Developer、スマートフォンAndroid 6.0以降

  • PC仕様:メモリ8G以上推奨

学習資料

  • コースごとに添付されたソースとコンテンツのコピー可能なPDF


選手の知識と注意事項

  • 該当講座のすべての映像はYoutubeで(「SQLバンク」)無料で視聴できます。 (内容コピーをサポートしない教案を提供)

  • Inflearnで視聴している場合は、広告なしの環境+ソース利用可能な教案ファイルが付属しています。コースを購入する際はぜひ参考にしてください。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • VS Codeを活用してリモート開発環境を構築したい方

  • リモート開発環境に関連する拡張パックが必要な方

  • Windows に含まれる Linux 機能を勉強する方

  • Web 上で使用する VS Code の Code-server を学習する方

  • Termux에서 VS Code を使用してスマートフォンを活用したい方

前提知識、
必要でしょうか?

  • VS Code の基本的な使い方

  • ローカルおよびリモート開発環境の基本知識

  • putty やその他のターミナルおよび Linux コマンドの使用法

こんにちは
swaです。

2,633

受講生

70

受講レビュー

28

回答

4.8

講座評価

10

講座

こんにちは、ソフトウェア連絡帳』です。データベースおよびミドルウェアアプリケーションの開発、応用分野での経験を積んできており、MySQLとMariaDBをベースにSQLを活用した講座を制作しています。YouTubeチャンネル「SQLバンクを運営しています。

こんにちは、「SQL BANK」です。私はデータベースやミドルウェアのアプリケーション開発、および様々な応用分野での経験を積んできました。現在はMySQLやMariaDBをベースに、SQLを活用した講座を制作しています。また、YouTubeチャンネル「SQL BANK」を運営しています。

もっと見る
講座掲載日: 
最終更新日: 

受講レビュー

全体

2件

4.5

2件の受講レビュー

  • woogong님의 프로필 이미지
    woogong

    受講レビュー 16

    平均評価 4.2

    4

    100% 受講後に作成

    • swa
      知識共有者

      大切な星評価ありがとうございます。黙々と完走まで走り続けるwoojjaさんを応援しています。

    • 聞いてみて面白かったです。 ただ、少し心配なのが、自宅でサーバーを回したりしてネットワークを開放すると、ハッカーたちがどうやって嗅ぎつけるのか、あっという間に群がってきてボロボロにされるという話を聞いたので、このようにオープンにしても大丈夫なのだろうか?という気がします。 それと、もしMACでの設定はかなり難しいでしょうか? Macでの設定もぜひ扱ってください。YouTubeでやってくださるとさらに嬉しいです…。 良い講義をありがとうございました。 ^______________^

    • swa
      知識共有者

      woojjaさん、こんにちは。講義を楽しく受講していただき、誠にありがとうございます。 おっしゃる通り、自宅でサーバーを運用しながらネットワーク(ポートなど)を直接開放することは、セキュリティ上のリスクがあるというご指摘は非常に正確で、合理的な懸念です。お問い合わせの内容から、第6講と第2講の場合についてのご質問と判断し、それぞれについて説明いたします。 第6講:Remote Tunnels方式(非常に安全) この方式は「家のドアを開けておくのではなく、信頼できる通路を通じて自分から先に外に出る方式」です。 - インバウンドポートの開放なし:外部から侵入するためにルーター(ポートフォワーディング)の設定をいじる必要がありません。自分のPCが先にMicrosoftのサーバーに安全な接続をリクエストするため、ハッカーが自分のIPを突き止めたとしても、入るための「ドア」自体が閉まっています。 - 強力な本人認証:必ず本人のGitHub/Microsoftアカウントでログインしなければトンネルが有効になりません。アカウント権限のない第三者は、アクセスが根本的に遮断されます。 - エンドツーエンド暗号化:すべてのデータは暗号化されて転送されるため、中間での奪取はほぼ不可能です。 (*) VS Code Remote Tunnels機能を使用する際にログインするGitHubやMicrosoftアカウントに「2段階認証(OTP)」まで設定しておけば、セキュリティは万全になります。 第2講:code-server方式(セキュリティ設定が必要) code-server方式は、先ほど説明したRemote Tunnels(MS中継方式)とはセキュリティメカニズムが完全に異なります。code-serverは自分のサーバー(または自宅のPC)に直接ウェブサーバーを立ち上げ、外部接続を許可する方式であるため、woojjaさんが心配されている「ハッカーの標的」になる可能性が実際に存在します。しかし、以下のような「盾」を備えれば、十分に安全に運用できます。 - 基本認証:code-serverは必ず強力なパスワードを経由しなければアクセスできないようにしてください。 - 通信暗号化(HTTPS):データを暗号に変えて転送するため、誰かが途中で傍受しても内容を見ることはできません。 - Cloudflare Tunnelの活用:直接的なポートフォワーディングが不安な場合は、このツールをお勧めします。サーバーの実際の住所を隠し、Cloudflareのセキュリティ網を経由してのみアクセスできるように設定できます。(Cloudflareで安価なドメインを購入して接続し、ポートを開放せずに安全にアクセス可能です。)詳細は、Cloudflare Tunnelに関する内容をインターネットやAIを活用して確認されることをお勧めします。 まとめると、 - 第6講の方式は、Microsoftという信頼できるセキュリティ企業が提供する「秘密の通路」を利用するため、一般的なサーバー開放よりもはるかに安全です。 - 第2講の方式は、前述のHTTPS適用やCloudflare Tunnelのような追加のセキュリティ対策を組み合わせることで、プロレベルの安全な開発環境を構築できます。 また、Macでの設定についてですが、あいにく現在はWindowsとLinux環境を中心に講義を制作しており、直接Macの実機でテストしながらお答えするには多少の限界がある点、何卒ご了承いただけますと幸いです(Macを持っておりません^^;)。 しかし、VS CodeはOSに関係なくほぼ同一のユーザー体験を提供するように設計されています。特に今回扱ったRemote Tunnelsやcode-serverのインストールプロセスは、Macのターミナルでもほぼ同じコマンドで動作します。 十分な回答になっていれば幸いです。また気になることがあれば、いつでも質問を残してください!

    • 思わず笑みがこぼれるような内容で、心が温まります。 丁寧なご回答、本当にありがとうございます。 幸せな一日をお過ごしください〜 ^________^

  • shaka2348님의 프로필 이미지
    shaka2348

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    • swa
      知識共有者

      shaka様、ありがとうございます。

swaの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!

¥2,775