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
48
実はとっても便利! 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
27
Redash から Autonomous Databaseに接続! できるようにしてみました
snickerjp
1
83
今日から使える! VisualStudio Code の プロファイル機能
snickerjp
0
21
Other Decks in Programming
See All in Programming
Adding Security to Microcontroller Ruby
sylph01
1
1.1k
WinActorの勉強を継続する方法
tamai_63
0
130
地方こそサーバーレス、その意義に迫るサーバーレスPHP / Serverless PHP: The Rural Areas, and Why Serverless PHP Matters
seike460
PRO
2
110
HonoのRPCで真の型安全が欲しかった
kosei28
1
170
Long journey of Ruby standard library RubyKaigi 2024
andpad
2
660
slow types ってなんだろう?
karad
0
210
GNU Makeの使い方 / How to use GNU Make
kaityo256
PRO
13
4.4k
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
75k
仕様と実装で学ぶOpenTelemetry
drumato
2
1.3k
SaaSを作るという仕事について
fujimura
2
440
Documentation testsの恩恵 / Documentation testing benefits
ssssota
1
580
TypeScriptの型とパフォーマンス (TSKaigi 2024)
ypresto
15
5.3k
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
238
11k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Embracing the Ebb and Flow
colly
80
4.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
39
2.5k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
1
140
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習熟度の立ち位置がわかる感じ