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
760
実はとっても便利! 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
14
生成AI-2025年1月-2月リリースまとめ
snickerjp
0
13
生成AI-NotebookLLMPlusの活用
snickerjp
0
44
生成AI-開発フローに対応する生成AIツール(GitHub Copilot Agent-mode)
snickerjp
0
20
AI-衝撃のロボティクス
snickerjp
0
19
VS Code マルウェア注意喚起
snickerjp
0
240
GWに最適?VS Code Day Skills Challenge の ご紹介
snickerjp
0
74
Redash から Autonomous Databaseに接続! できるようにしてみました
snickerjp
1
240
今日から使える! VisualStudio Code の プロファイル機能
snickerjp
0
250
Other Decks in Programming
See All in Programming
從零到一:搭建你的第一個 Observability 平台
blueswen
0
300
Parallel::Pipesの紹介
skaji
2
890
ktr0731/go-mcpでMCPサーバー作ってみた
takak2166
0
120
AIにコードを生成するコードを作らせて、再現性を担保しよう! / Let AI generate code to ensure reproducibility
yamachu
7
6.2k
人には人それぞれのサービス層がある
shimabox
3
630
Effect の双対、Coeffect
yukikurage
4
420
TypeScript LSP の今までとこれから
quramy
1
440
データベースコネクションプール(DBCP)の変遷と理解
fujikawa8
0
200
機械学習って何? 5分で解説頑張ってみる
kuroneko2828
0
180
Use Perl as Better Shell Script
karupanerura
0
680
Javaに鉄道指向プログラミング (Railway Oriented Pro gramming) のエッセンスを取り入れる/Bringing the Essence of Railway-Oriented Programming to Java
cocet33000
1
470
ドメインモデリングにおける抽象の役割、tagless-finalによるDSL構築、そして型安全な最適化
knih
3
720
Featured
See All Featured
Done Done
chrislema
184
16k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
42
2.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
What's in a price? How to price your products and services
michaelherold
245
12k
How to Ace a Technical Interview
jacobian
276
23k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Become a Pro
speakerdeck
PRO
28
5.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
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習熟度の立ち位置がわかる感じ