Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
実はとっても便利! VisualStudio Code の Remote SSH機能
Search
snickerjp
April 03, 2024
Programming
0
880
実はとっても便利! VisualStudio Code の Remote SSH機能
VisualStudio Code の Remote SSH機能について、社内で発表したものです
GitHub CopilotやCopilot Chatも使えるので便利
snickerjp
April 03, 2024
Tweet
Share
More Decks by snickerjp
See All by snickerjp
生成AI-区分け
snickerjp
0
26
生成AI-2025年1月-2月リリースまとめ
snickerjp
0
14
生成AI-NotebookLLMPlusの活用
snickerjp
0
110
生成AI-開発フローに対応する生成AIツール(GitHub Copilot Agent-mode)
snickerjp
0
29
AI-衝撃のロボティクス
snickerjp
0
27
VS Code マルウェア注意喚起
snickerjp
0
280
GWに最適?VS Code Day Skills Challenge の ご紹介
snickerjp
0
74
Redash から Autonomous Databaseに接続! できるようにしてみました
snickerjp
1
290
今日から使える! VisualStudio Code の プロファイル機能
snickerjp
0
280
Other Decks in Programming
See All in Programming
Deep Dive into Kotlin Flow
jmatsu
1
320
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
500
Testing Trophyは叫ばない
toms74209200
0
860
Design Foundational Data Engineering Observability
sucitw
3
190
ProxyによるWindow間RPC機構の構築
syumai
3
1.2k
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
210
複雑なドメインに挑む.pdf
yukisakai1225
5
1.1k
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
260
時間軸から考えるTerraformを使う理由と留意点
fufuhu
16
4.7k
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
110
機能追加とリーダー業務の類似性
rinchoku
2
1.3k
速いWebフレームワークを作る
yusukebe
5
1.7k
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Docker and Python
trallard
45
3.6k
Six Lessons from altMBA
skipperchong
28
4k
Into the Great Unknown - MozCon
thekraken
40
2k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
920
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Transcript
実はとっても便利! VisualStudio Code の Remote-SSH機能 VS Code & GitHub Copilotお悩み相談会
2024年4⽉3⽇
2 4 何の数字?
3 何の数字?
4 こんな事ありませんか? • ローカルで開発・動作確認したんだけど、 いざ、開発サーバーにデプロイしたら動作しない • 正直、Windowsでの開発は色々入れなきゃいけなくて不便だよな~ Macにしたけど、Apple Siliconだから気をつけなきゃいけないこと多い •
サーバー上でGitHub Copilot(Chat)使いたいな~ • vim,emacs派だけど、サーバ上のファイルを直接編集出来たら 別にVS Code使ってもいいんだけど。。。
5 Remote SSH そんな方にお勧めしたい! 出典: Visual Studio Code Remote Development
https://code.visualstudio.com/docs/remote/r emote-overview
6 Remote SSHとは? • Remote上のOSにVS Codeを立ち上げて編集する機能 ◦ OSのユーザー環境にVS Code(Server)をインストール ▪
プロセス、ポートなど自動で設定 ◦ そこにローカルのVS Codeが接続 ▪ Remoteのファイルを開いて編集可能 ▪ GitHub Copilot(Chat)など拡張機能が利用可能 出典: Visual Studio Code Remote Development https://code.visualstudio.com/docs/remote/r emote-overview
7 Remote SSH使うときの注意点 • 勝手に空いているポートを使う ◦ ウェルノンポート well-known以外(0-1023番以外) • その人専用なのに、結構リソースを取る
◦ Disk 500MB以上 ◦ メモリは拡張機能による • あまりたくさんの人が共有する環境だと気を付けた方がいいかも
8 Remote SSH使うときの注意点
9 ご自身の作業サーバーなどで 利用をお願いします
10 使い⽅
11 最初に設定が必要
12 最初に設定が必要 SSH config形式で記載
13 接続できるとこんな感じ
14 GitHub CopilotもChatも使える 3/31くらいまでWindowsPCから GitHub Copilot使えなかった
15 便利な使い方 • リソースの許す限り、いくつもVS Code立ち上げられる ◦ /home/hogehoge/are ◦ /home/hogehoge/kore など、別のVS
Codeを立ち上げられる
16 Remote-SSHでCentOS7に接続する方法 • v1.87からサポート対象外のOSへ接続してみる(イレギュラーすぎる ので一時的) 出典: https://code.visualstudio.com/docs/remote/linux 出典: https://marketplace.visualstudio.com/items?itemName =ms-vscode-remote.remote-ssh
17 Remote - SSHのバージョンを下げる😅
18 Remote - SSHのバージョンを下げる😅
19 自己責任で
20 デモ
21 ポートフォワード • Remote上のポートに接続が可能 出典: https://code.visualstudio.com/docs/remote/ssh#_forw arding-a-port-creating-ssh-tunnel
次回テーマの候補 22 • Remote-SSH & Remote Dev Container ◦ リモートのDockerに接続して開発
• GitHub CopilotのコマンドDeepDive ◦ @,/,#コマンド ◦ GitHub Copilot Tips and Tricks - Speaker Deck ▪ https://speakerdeck.com/yuichielectric/github-copilot-tips-and-tricks ◦ AI-Powered Development with GitHub Copilot 20240202 - Speaker Deck ▪ https://speakerdeck.com/yuhattor/ai-powered-development-with-github-cop ilot-20240202 • Patterns Maturity · GitHub Copilot Patterns Dashboard ◦ https://github.com/users/yuhattor/projects/7/views/1 ◦ Level別のHowToみたいな感じ(ちゃんと見られてない) ◦ GitHub Copilot習熟度の立ち位置がわかる感じ