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
Visual Studio Code リモート開発 スタートガイド
Search
Ishimoto Tatsuya
May 24, 2023
Technology
1
38
Visual Studio Code リモート開発 スタートガイド
Open Source Conferenceで某弊社ブースで不定期に配布しているスタートガイドです
Ishimoto Tatsuya
May 24, 2023
Tweet
Share
More Decks by Ishimoto Tatsuya
See All by Ishimoto Tatsuya
Visual Studio CodeのDev Containersを使って開発環境構築してみよう(2024/09/07版)
ismt7
0
180
AWS AmplifyではじめるDevOps
ismt7
0
71
VS CodeのDev Containersを活用して開発を効率化しよう
ismt7
1
810
Visual Studio CodeとGitHub Codespacesで始めるリモート開発入門
ismt7
0
87
Visual Studio Codeで始めるリモート開発入門
ismt7
1
490
これから始めたい人集合! ゼロから学ぶGit_GitHub入門
ismt7
0
84
Visual_Studio_Codeをインストールしよう_Windows編_.pdf
ismt7
0
90
Gitコマンドをインストールする方法①(Windows編)
ismt7
0
71
DevOpsを始めるために知っておきたい技術_クライアント開発環境_編___1_.pdf
ismt7
0
34
Other Decks in Technology
See All in Technology
AI駆動時代の新規事業の作り方
ryohysk
2
140
Eight Engineering Unit 紹介資料
sansan33
PRO
0
3k
大規模PaaSにおける監視基盤の構築と効率化の道のり
lycorptech_jp
PRO
0
130
Streamline Cloud-Native App Development Using CDEs
saeedzf
0
460
MCP で繋ぐ Figma とデザインシステム〜LLM を使った UI 実装のリアル〜
kimuson
1
930
Postman AI エージェントビルダー最新情報
nagix
0
110
さくらのクラウド 開発の挑戦とその舞台裏
kazeburo
0
690
Project Referencesを活用した実行環境ごとのtsconfig最適化
itatchi3
1
220
撤退危機からのピボット : 4年目エンジニアがリードする TypeScript で挑む事業復活 / crisis-to-pivot-4th-year-engineer-ts-relaunch
carta_engineering
2
730
OSMnx Galleryの紹介
mopinfish
0
120
OCI Database Management サービス詳細
oracle4engineer
PRO
1
4.5k
Oracle Cloud Infrastructure:2025年5月度サービス・アップデート
oracle4engineer
PRO
0
250
Featured
See All Featured
Building an army of robots
kneath
306
45k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.8k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Designing for Performance
lara
608
69k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.7k
GraphQLとの向き合い方2022年版
quramy
46
14k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
740
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Producing Creativity
orderedlist
PRO
345
40k
Transcript
Visual Studio Code リモート開発 スタートガイド 日本仮想化技術株式会社 VirtualTech.jp 2023/05/24 作成 1
2 事前準備 次のツール・サービスを使用します。 事前にアカウント登録とインストールを済ませてください。 • インストールが必要なもの ◦ Visual Studio Code
◦ Docker ◦ Git ◦ GitHub CLI • アカウント登録が必要なもの ◦ GitHub
• ユーザー名とメールアドレスを設定 ◦ git config --global user.name "ユーザー名" ◦ git
config --global user.email メールアドレス Gitコマンドの初期設定 3
GitHub CLIでログイン • CLIツールのインストールが完了したら、次のコマンドを実行して認証 ◦ gh auth login 4
Dev containerを使ってみる 5
拡張機能をインストール • アクティビティバー>拡張機能から「Remote Development」と検索してインストール 6
開発コンテナを作成 7 ↑自分が所有している好きなリポジトリを指定
(続く) デフォルトの設定のままで進める 8
GitHub Codespacesを使ってみる 9
①-1 GitHub上からデフォルト設定で作成 • 「Codeボタン」>「Codespacesタブ」をクリック • 「Create codespace on main」をクリック ①-2
GitHub上からスペックやブランチを指定して作成 • 「・・・」から「New with options…」クリック ② Visual Studio Codeから作成 • 拡張機能から作成できる(省略) GitHub上でCodespaceを作成 10
(続く) 11
デスクトップ版のVS Codeから起動するようにするには? A:設定変更でデスクトップ版VS Codeから起動できる GitHubのデフォルト設定ではWeb版のVS Codeで起動するが、 個人設定画面から設定変更できる 12
お問い合わせ先 13
[email protected]
開発環境の悩み、インフラの悩み 話してみませんか? ❏ オンラインでのお打ち合わせOK ❏ 相談ベースからでもOK