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
January 13, 2023
Technology
0
9.9k
Visual Studio Codeの画面のあれこれ
Visual Studio Codeの画面構成や用語などを補足資料的に作成したものです
Ishimoto Tatsuya
January 13, 2023
Tweet
Share
More Decks by Ishimoto Tatsuya
See All by Ishimoto Tatsuya
Visual Studio CodeのDev Containersを使って開発環境構築してみよう(2024/09/07版)
ismt7
0
200
AWS AmplifyではじめるDevOps
ismt7
0
77
VS CodeのDev Containersを活用して開発を効率化しよう
ismt7
1
830
Visual Studio CodeとGitHub Codespacesで始めるリモート開発入門
ismt7
0
93
Visual Studio Code リモート開発 スタートガイド
ismt7
1
46
Visual Studio Codeで始めるリモート開発入門
ismt7
1
510
これから始めたい人集合! ゼロから学ぶGit_GitHub入門
ismt7
0
88
Visual_Studio_Codeをインストールしよう_Windows編_.pdf
ismt7
0
99
Gitコマンドをインストールする方法①(Windows編)
ismt7
0
76
Other Decks in Technology
See All in Technology
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
10
130k
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
280
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
150
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
230
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.4k
ビズリーチにおけるリアーキテクティング実践事例 / JJUG CCC 2025 Spring
visional_engineering_and_design
1
120
SaaS型なのに自由度の高い本格CMSでサイト構築と運用のコスパ&タイパUP! MovableType.net の便利機能とユーザー事例のご紹介
masakah
0
110
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
130
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
flyamerican
1
170
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
190
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
140
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Unsuck your backbone
ammeep
671
58k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Thoughts on Productivity
jonyablonski
69
4.7k
Adopting Sorbet at Scale
ufuk
77
9.5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Building Applications with DynamoDB
mza
95
6.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Code Reviewing Like a Champion
maltzj
524
40k
Transcript
Visual Studio Codeの 画面のあれこれ 日本仮想化技術株式会社 VirtualTech.jp 2023/01/12 1
目次 • アクティビティバー ◦ エクスプローラー ◦ 検索 ◦ ソース管理 ◦
実行とデバッグ ◦ 拡張機能 ◦ GitHub • サイドバー ◦ プライマリーサイドバー ◦ セカンダリーサイドバー • パネル • ステータスバー • コマンドパレット 2
アクティビティバー - 全体 3
4
上から順番に • エクスプローラー • 検索 • ソース管理 • 実行とデバッグ •
拡張機能 • GitHub(拡張機能をインストールで有効) 5
エクスプローラー 6
7 次の4つのセクションで構成されています 1. 開いているエディター 2. フォルダー 3. アウトライン 4. タイムライン
ソース管理 8
9
10 次の4つのセクションで構成されています 1. メニュー 2. コミットメッセージ 3. コミットボタン 4. 変更したファイルとステージング中のファイル一覧
11 ファイル名にマウスオーバーするとステージしたり、 変更を取り消したりすることができます 「変更」のセクション上でも全体をまとめて追加することができます
12 基本的には複数のコミットを積んだ上で、プッシュすることが多いと思いますが、コミット & プッシュをすることもできます
13 左から順番に 1. ファイルの表示形式 (一覧/ツリー) 2. コミット 3. プルリクエストを作成 4.
更新 5. (Git Graph拡張機能をインストール時に有効 ) 6. メニュー
14 「・・・」を押下することで Gitで使用できる主要な機能を実行す ることができます
プライマリーサイドバー 15
16
セカンダリーサイドバー 17
18
パネル 19
20
ステータスバー 21
22
コマンドパレット 23
24 「⌘ Command」 + 「⇧ Shift」 + 「P」でコマンドパレットを表示できま す