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
45
実はとっても便利! 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
GWに最適?VS Code Day Skills Challenge の ご紹介
snickerjp
0
26
Redash から Autonomous Databaseに接続! できるようにしてみました
snickerjp
1
78
今日から使える! VisualStudio Code の プロファイル機能
snickerjp
0
20
Other Decks in Programming
See All in Programming
slog登場に伴うloggerの取り回し手法の見直し / kamakura.go #6
arthur1
0
130
ts-morphを使ってコードリプレイスとASTへのハードルを下げる!
nyawach
5
330
GitHub Actionsの痒いところを埋めるサードパーティーランナー
dora1998
2
250
チーム立ち上げにAWSを活用したらClaudeさんに褒められた話
mkdev10
3
230
otelcol receiver 自作RTA / Pepabo Tech Conference #22 春のSREまつり
arthur1
0
850
Native Federation: The Future of Micro Frontends in Angular
manfredsteyer
PRO
0
170
Jetpack Composeとデザインシステム
rmakiyama
0
230
Runtime Objects in Rust
mitsuhiko
0
220
“Seeing Like a Programmer”—Resiliency, Limits, and Moral Hazards in Software Engineering (LambdaConf 2024)
chriskrycho
0
430
TypeScriptで使いやすいOpenAPIの書き方
yukimochi_dwango
1
770
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
1
120
Try creating your own orderedmap
kazamori
1
280
Featured
See All Featured
Web development in the modern age
philhawksworth
203
10k
Scaling GitHub
holman
457
140k
Product Roadmaps are Hard
iamctodd
45
9.8k
Designing Experiences People Love
moore
136
23k
Become a Pro
speakerdeck
PRO
13
4.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
Mobile First: as difficult as doing things right
swwweet
217
8.6k
Web Components: a chance to create the future
zenorocha
306
41k
Code Reviewing Like a Champion
maltzj
515
39k
Robots, Beer and Maslow
schacon
PRO
155
8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
1
120
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
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習熟度の立ち位置がわかる感じ