実はとっても便利！ VisualStudio Code の Remote SSH機能

VisualStudio Code の Remote SSH機能について、社内で発表したものです
GitHub CopilotやCopilot Chatも使えるので便利

Transcript

1. 実はとっても便利！ VisualStudio Code の Remote-SSH機能 VS Code ＆ GitHub Copilotお悩み相談会 2024年4⽉3⽇
2. 2 4 何の数字？
3. 3 何の数字？
4. 4 こんな事ありませんか？ • ローカルで開発・動作確認したんだけど、 いざ、開発サーバーにデプロイしたら動作しない • 正直、Windowsでの開発は色々入れなきゃいけなくて不便だよな～ Macにしたけど、Apple Siliconだから気をつけなきゃいけないこと多い • サーバー上でGitHub Copilot（Chat）使いたいな～ • vim,emacs派だけど、サーバ上のファイルを直接編集出来たら 別にVS Code使ってもいいんだけど。。。
5. 5 Remote SSH そんな方にお勧めしたい！ 出典： Visual Studio Code Remote Development https://code.visualstudio.com/docs/remote/r emote-overview
6. 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. 7 Remote SSH使うときの注意点 • 勝手に空いているポートを使う ◦ ウェルノンポート well-known以外（0-1023番以外） • その人専用なのに、結構リソースを取る ◦ Disk 500MB以上 ◦ メモリは拡張機能による • あまりたくさんの人が共有する環境だと気を付けた方がいいかも
8. 8 Remote SSH使うときの注意点
9. 9 ご自身の作業サーバーなどで 利用をお願いします
10. 10 使い⽅
11. 11 最初に設定が必要
12. 12 最初に設定が必要 SSH config形式で記載
13. 13 接続できるとこんな感じ
14. 14 GitHub CopilotもChatも使える 3/31くらいまでWindowsPCから GitHub Copilot使えなかった
15. 15 便利な使い方 • リソースの許す限り、いくつもVS Code立ち上げられる ◦ /home/hogehoge/are ◦ /home/hogehoge/kore など、別のVS Codeを立ち上げられる
16. 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. 17 Remote - SSHのバージョンを下げる😅
18. 18 Remote - SSHのバージョンを下げる😅
19. 19 自己責任で
20. 20 デモ
21. 21 ポートフォワード • Remote上のポートに接続が可能 出典： https://code.visualstudio.com/docs/remote/ssh#_forw arding-a-port-creating-ssh-tunnel
22. 次回テーマの候補 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習熟度の立ち位置がわかる感じ