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
870
実はとっても便利! 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
24
生成AI-2025年1月-2月リリースまとめ
snickerjp
0
14
生成AI-NotebookLLMPlusの活用
snickerjp
0
98
生成AI-開発フローに対応する生成AIツール(GitHub Copilot Agent-mode)
snickerjp
0
28
AI-衝撃のロボティクス
snickerjp
0
26
VS Code マルウェア注意喚起
snickerjp
0
270
GWに最適?VS Code Day Skills Challenge の ご紹介
snickerjp
0
74
Redash から Autonomous Databaseに接続! できるようにしてみました
snickerjp
1
280
今日から使える! VisualStudio Code の プロファイル機能
snickerjp
0
280
Other Decks in Programming
See All in Programming
Kiroで始めるAI-DLC
kaonash
2
540
時間軸から考えるTerraformを使う理由と留意点
fufuhu
13
4.1k
Design Foundational Data Engineering Observability
sucitw
3
160
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
490
Claude Codeで実装以外の開発フロー、どこまで自動化できるか?失敗と成功
ndadayo
4
1.9k
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
200
速いWebフレームワークを作る
yusukebe
5
1.6k
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
18
9.8k
Vue・React マルチプロダクト開発を支える Vite
andpad
0
110
サーバーサイドのビルド時間87倍高速化
plaidtech
PRO
0
700
Namespace and Its Future
tagomoris
6
690
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
100
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
910
Making Projects Easy
brettharned
117
6.4k
Facilitating Awesome Meetings
lara
55
6.5k
Automating Front-end Workflow
addyosmani
1370
200k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Producing Creativity
orderedlist
PRO
347
40k
Building an army of robots
kneath
306
46k
YesSQL, Process and Tooling at Scale
rocio
173
14k
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習熟度の立ち位置がわかる感じ