SlideShare una empresa de Scribd logo
1 de 54
/ 54
Visual Studio Code で
プログラムをデバッグしよう!
~インストールからデバッグまで~
1
CROSS-PLATFORM DEVELOPERS COMMUNITY
2019年12月02日
石崎 充良
/ 54
自己紹介
石崎 充良 ( @mishi_cs )
イメージ情報システム株式会社 スーパーエンジニア
Microsoft MVP for Developer Technologies
言語: C# XAML
活動:
・C# もくもく会 (connpass)
・城東.NET (connpass)
・C# Tokyo (connpass)
2
/ 54
名言
良いアウトプットは
良い定時退社から生まれる
3
/ 54
Visual Studio Code
とは
4
/ 54
Visual Studio Code とは
•マルチプラットフォーム
•テキストエディタ
•豊富な拡張機能
•多彩なプログラミング言語に対応
•とてもとても人気
•歴史は難しいので最初は気にしないで
5
/ 54
アンインストール
6
/ 54
行儀の良いアンインストール
•Windows の場合、普通に設定から
•mac の場合、普通にアプリケーションフォルダからごみ箱に入れる
7
/ 54
インストール
8
/ 54
普通にダウンロード
9https://code.visualstudio.com/download
/ 54
アプリケーションフォルダにドロップ
mac の場合。Windows はダブルクリックして普通にインストーラに従うだけ。
10
ダブル
クリック
ドラッグ
アンド
ドロップ
/ 54
インターネットからダウンロードされた~
開く・許可など。
11
/ 54
アイコンから起動
12
/ 54
.NET Core の
インストール
13
/ 54
C# 開発の SDK
•Visual Studio Code はエディタ
•開発 SDK は別途インストールが必要
14
/ 54
ダウンロード
15https://dotnet.microsoft.com/download
/ 54
インストール確認
ターミナルまたは端末またはコマンド プロンプトなど
16
$ dotnet –info
3.0.100 [/usr/local/share/dotnet/sdk]
/ 54
左のアイコン
17
/ 54
エクスプローラー
18
/ 54
検索
19
/ 54
ソース管理
20
/ 54
デバッグ
21
/ 54
Extensions
22
/ 54
Live Share
23
/ 54
今日のところは
24
エクスプローラ
デバッグ
/ 54
その他の機能
呼び出し
25
/ 54
コマンド パレット
mac:[Command]+[Shift]+[P]
Windows:[Ctrl]+[Shift]+[P]
26
/ 54
ターミナル
27
/ 54
拡張機能の
インストール
28
/ 54
C# 拡張機能
29
/ 54
C# プロジェクト作成
30
/ 54
dotnet new console
31
“dotnet new” コマンドで現在の
ディレクトリにプロジェクトを作る
“console” はプロジェクトテンプレートの
指定(コンソールアプリを作る)
/ 54
コマンド パレットから開く
mac:[Command]+[Shift]+[P]
Windows:[Ctrl]+[Shift]+[P]
32
/ 54
エクスプローラー
33
/ 54
Program.cs
34
/ 54
デバッグ実行
35
/ 54
デバッグ実行
36
/ 54
.NET Core
37
/ 54
構成の追加
38
/ 54
“Program:”
39
“nc.dll” の “nc” はプロジェクト名
/ 54
デバッグ
40
/ 54
ブレークポイント
41
/ 54
ブレークポイント
42
/ 54
デバッグ実行中に一時停止
43
ここで一時停止している
/ 54
一時停止中の操作
44
続行
ステップ オーバー
ステップイン
ステップ アウト
再起動
停止
/ 54
一時停止中は変数の値を確認できる
45
ソースコード上で
マウスホバー
/ 54
プログラム コードを
書く
46
/ 54
コード補間
47
途中まで入力すると、
続くであろう候補を出してくれる
/ 54
情報の表示
48
マウスホバーで型推論の内容
や型の情報が表示される
/ 54
ソースコードの
フォーマット
49
/ 54
コマンドパレット
50
書き出しの位置がずれている
/ 54
調整してくれる
51
書き出しの位置を調整してくれる
/ 54
便利な設定
52
/ 54
コマンドから起動
53
$ code
ターミナルからコマンドで起動できるようになる
$ code .
引数で開くパスを指定できる。 “.” で現在のディレクトリを開いた状態で起動
/ 54
さあ、やってみよう!
54

Más contenido relacionado

La actualidad más candente

CLR/H 第 79 回勉強会での LT
CLR/H 第 79 回勉強会での LTCLR/H 第 79 回勉強会での LT
CLR/H 第 79 回勉強会での LT
Shin-ya Koga
 

La actualidad más candente (20)

「Delphi / C++Builder / RAD Studio新バージョンの概要」
「Delphi / C++Builder / RAD Studio新バージョンの概要」「Delphi / C++Builder / RAD Studio新バージョンの概要」
「Delphi / C++Builder / RAD Studio新バージョンの概要」
 
What's MVP
What's MVPWhat's MVP
What's MVP
 
Windowsアプリテスト自動化 [Friendly+delphi]
Windowsアプリテスト自動化 [Friendly+delphi]Windowsアプリテスト自動化 [Friendly+delphi]
Windowsアプリテスト自動化 [Friendly+delphi]
 
Programmer's Brain
Programmer's BrainProgrammer's Brain
Programmer's Brain
 
Xamarin で始めるクロスプラットフォーム開発
Xamarin で始めるクロスプラットフォーム開発Xamarin で始めるクロスプラットフォーム開発
Xamarin で始めるクロスプラットフォーム開発
 
C#のココが好き!
C#のココが好き!C#のココが好き!
C#のココが好き!
 
Uno Platform 入門
Uno Platform 入門Uno Platform 入門
Uno Platform 入門
 
音声対話技術の普及促進と進化
音声対話技術の普及促進と進化音声対話技術の普及促進と進化
音声対話技術の普及促進と進化
 
Uno Platform 入門 2020/04/03
Uno Platform 入門 2020/04/03Uno Platform 入門 2020/04/03
Uno Platform 入門 2020/04/03
 
WordPress 3.8 RC1
WordPress 3.8 RC1WordPress 3.8 RC1
WordPress 3.8 RC1
 
Objective cを選択する理由
Objective cを選択する理由Objective cを選択する理由
Objective cを選択する理由
 
DroidKaigi - Welcome talk
DroidKaigi - Welcome talkDroidKaigi - Welcome talk
DroidKaigi - Welcome talk
 
ゲーム組み込み向け独自スクリプト言語の設計で気を付けている事
ゲーム組み込み向け独自スクリプト言語の設計で気を付けている事ゲーム組み込み向け独自スクリプト言語の設計で気を付けている事
ゲーム組み込み向け独自スクリプト言語の設計で気を付けている事
 
CLR/H 第 79 回勉強会での LT
CLR/H 第 79 回勉強会での LTCLR/H 第 79 回勉強会での LT
CLR/H 第 79 回勉強会での LT
 
はじめてのChu カッコカリ
はじめてのChu カッコカリはじめてのChu カッコカリ
はじめてのChu カッコカリ
 
わんくま名古屋 #37 (20151114) TDD道場 #25
わんくま名古屋 #37 (20151114) TDD道場 #25わんくま名古屋 #37 (20151114) TDD道場 #25
わんくま名古屋 #37 (20151114) TDD道場 #25
 
これ以上ソースコードの負債を増やさないためにVisual Studioの静的解析とAzure PipelinesでCIを回す
これ以上ソースコードの負債を増やさないためにVisual Studioの静的解析とAzure PipelinesでCIを回すこれ以上ソースコードの負債を増やさないためにVisual Studioの静的解析とAzure PipelinesでCIを回す
これ以上ソースコードの負債を増やさないためにVisual Studioの静的解析とAzure PipelinesでCIを回す
 
Unity/CSharp 2
Unity/CSharp 2Unity/CSharp 2
Unity/CSharp 2
 
AbemaTVのコメントビューアを作る話
AbemaTVのコメントビューアを作る話AbemaTVのコメントビューアを作る話
AbemaTVのコメントビューアを作る話
 
Unity/CSharp 1 - pptx
Unity/CSharp 1 - pptxUnity/CSharp 1 - pptx
Unity/CSharp 1 - pptx
 

Similar a Visual Studio Code でプログラムをデバッグしよう!

Cq tse-fm3セミナー資料
Cq tse-fm3セミナー資料Cq tse-fm3セミナー資料
Cq tse-fm3セミナー資料
Masaki Muranaka
 
CodingTips+ 基礎編
CodingTips+ 基礎編CodingTips+ 基礎編
CodingTips+ 基礎編
Yusuke Ito
 

Similar a Visual Studio Code でプログラムをデバッグしよう! (20)

Visual Studio Code で C# でのアプリ開発
Visual Studio Code で C# でのアプリ開発Visual Studio Code で C# でのアプリ開発
Visual Studio Code で C# でのアプリ開発
 
自己紹介とC# Devkitについて.pptx
自己紹介とC# Devkitについて.pptx自己紹介とC# Devkitについて.pptx
自己紹介とC# Devkitについて.pptx
 
DataTable
DataTableDataTable
DataTable
 
Xamarinでも有能な .NET Core
 Xamarinでも有能な .NET Core  Xamarinでも有能な .NET Core
Xamarinでも有能な .NET Core
 
クロスプラットフォーム開発入門
クロスプラットフォーム開発入門クロスプラットフォーム開発入門
クロスプラットフォーム開発入門
 
クロスプラットフォーム開発雑感 #pronamaclrhsapporocpp
クロスプラットフォーム開発雑感 #pronamaclrhsapporocppクロスプラットフォーム開発雑感 #pronamaclrhsapporocpp
クロスプラットフォーム開発雑感 #pronamaclrhsapporocpp
 
Introduction to VSCode
Introduction to VSCodeIntroduction to VSCode
Introduction to VSCode
 
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
 
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
 
.NET Core 3.0 に備えよう
.NET Core 3.0 に備えよう.NET Core 3.0 に備えよう
.NET Core 3.0 に備えよう
 
そろそろレガシーな.Net開発をやめなイカ?
そろそろレガシーな.Net開発をやめなイカ?そろそろレガシーな.Net開発をやめなイカ?
そろそろレガシーな.Net開発をやめなイカ?
 
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
 
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
 
.NET Coreとツール類の今
.NET Coreとツール類の今.NET Coreとツール類の今
.NET Coreとツール類の今
 
Visual Studioで始めるTypeScript開発入門
Visual Studioで始めるTypeScript開発入門Visual Studioで始めるTypeScript開発入門
Visual Studioで始めるTypeScript開発入門
 
C# と .NET と ・・・
C# と .NET と ・・・C# と .NET と ・・・
C# と .NET と ・・・
 
「ドメイン駆動設計」の複雑さに立ち向かう
「ドメイン駆動設計」の複雑さに立ち向かう「ドメイン駆動設計」の複雑さに立ち向かう
「ドメイン駆動設計」の複雑さに立ち向かう
 
Visual Studio App Centerで始めるCI/CD
Visual Studio App Centerで始めるCI/CDVisual Studio App Centerで始めるCI/CD
Visual Studio App Centerで始めるCI/CD
 
Cq tse-fm3セミナー資料
Cq tse-fm3セミナー資料Cq tse-fm3セミナー資料
Cq tse-fm3セミナー資料
 
CodingTips+ 基礎編
CodingTips+ 基礎編CodingTips+ 基礎編
CodingTips+ 基礎編
 

Más de m ishizaki

Más de m ishizaki (20)

継承辺りのもしかしたらマイナーかもしれない C#
継承辺りのもしかしたらマイナーかもしれない C#継承辺りのもしかしたらマイナーかもしれない C#
継承辺りのもしかしたらマイナーかもしれない C#
 
継承辺りのもしかしたらマイナーかもしれない C#
継承辺りのもしかしたらマイナーかもしれない C#継承辺りのもしかしたらマイナーかもしれない C#
継承辺りのもしかしたらマイナーかもしれない C#
 
Visual Studio を使わず .NET する
Visual Studio を使わず .NET するVisual Studio を使わず .NET する
Visual Studio を使わず .NET する
 
Xamarin で良くやっていたあれを MAUI でする話
Xamarin で良くやっていたあれを MAUI でする話Xamarin で良くやっていたあれを MAUI でする話
Xamarin で良くやっていたあれを MAUI でする話
 
「スタバ」する話
「スタバ」する話「スタバ」する話
「スタバ」する話
 
エンジニアと「スタバ」ツイートについて
エンジニアと「スタバ」ツイートについてエンジニアと「スタバ」ツイートについて
エンジニアと「スタバ」ツイートについて
 
Build 2022 / Uno Platform
Build 2022 / Uno PlatformBuild 2022 / Uno Platform
Build 2022 / Uno Platform
 
7 つの Blazor
7 つの Blazor7 つの Blazor
7 つの Blazor
 
C# Tokyo コミュニティ説明 202205 版
C# Tokyo コミュニティ説明 202205 版C# Tokyo コミュニティ説明 202205 版
C# Tokyo コミュニティ説明 202205 版
 
仮想環境に MAUI 環境を構築する話
仮想環境に MAUI 環境を構築する話仮想環境に MAUI 環境を構築する話
仮想環境に MAUI 環境を構築する話
 
2022 抱負
2022 抱負2022 抱負
2022 抱負
 
モバイルディスプレイ
モバイルディスプレイモバイルディスプレイ
モバイルディスプレイ
 
Windows フォームアプリ 2022
Windows フォームアプリ 2022Windows フォームアプリ 2022
Windows フォームアプリ 2022
 
dotnet tool
dotnet tooldotnet tool
dotnet tool
 
C#10
C#10C#10
C#10
 
C# Tokyo コミュニティについて Short 版
C# Tokyo コミュニティについて Short 版C# Tokyo コミュニティについて Short 版
C# Tokyo コミュニティについて Short 版
 
C# Tokyo コミュニティ案内
C# Tokyo コミュニティ案内C# Tokyo コミュニティ案内
C# Tokyo コミュニティ案内
 
C# 9 のおすすめ新機能
C# 9 のおすすめ新機能C# 9 のおすすめ新機能
C# 9 のおすすめ新機能
 
C# Tokyo コミュニティ説明 2021/01/29 版
C# Tokyo コミュニティ説明 2021/01/29 版C# Tokyo コミュニティ説明 2021/01/29 版
C# Tokyo コミュニティ説明 2021/01/29 版
 
秋葉原 C# もくもく会
秋葉原 C# もくもく会秋葉原 C# もくもく会
秋葉原 C# もくもく会
 

Visual Studio Code でプログラムをデバッグしよう!