Visual Studioにおける開発効率を上げる25個の拡張機能の紹介です

1. Visual Studio
開発効率を上げる25個の拡張機能
株式会社ハ・ン・ド
リードプログラマ
馬場翔太

2. 自己紹介
• 馬場翔太
• 株式会社ハ・ン・ド
• リードプログラマ
• Twitter：@baba_s_
• Qiita：baba_s
2/51

3. 株式会社ハ・ン・ド

4. 株式会社ハ・ン・ド

5. コガネブログ
baba-s.hatenablog.com
5/51

6. アジェンダ
1. コーディングの拡張（5個）
2. コード表示を拡張（5個）
3. デザインを拡張（5個）
4. IDE表示を拡張（9個）
5. 外部ツールと連携（1個）
6. おまけ
6/51

7. ターゲット
1. Visual Studioを使用されている方
2. Visual Studioの拡張機能を未使用の方
7/51

8. アジェンダ
1. コーディングの拡張（5個）
2. コード表示を拡張（5個）
3. デザインを拡張（5個）
4. IDE表示を拡張（9個）
5. 外部ツールと連携（1個）
6. おまけ
8/51

9. 1. 指定した文字位置でコードを揃える
Code alignment
9/51

10. 1. 指定した文字位置でコードを揃える
Code alignment
● 指定した文字列で揃える
● 「=」で揃える
● 「==」で揃える
● 「m_」で揃える
● 「"」で揃える
● 「.」で揃える
● 半角スペースで揃える
10/51

11. 2. JSONからクラスを生成する
Microsoft ASP.NET and Web Tools 2015
11/51

12. 2. JSONからクラスを生成する
Microsoft ASP.NET and Web Tools 2015
public class Rootobject
{
public int mId { get; set; }
public string mName { get; set; }
public float mHeight { get; set; }
public float mWeight { get; set; }
}
{
"mId" : 25,
"mName" : "ピカチュウ",
"mHeight" : 0.4,
"mWeight" : 6.0
}
12/51

13. 3. 「Ctrl+クリック」で定義に移動する
Go To Definition
13/51

14. 4. コメントを一括で削除する
Comment Remover
14/51

15. 5. 「Alt+D」で選択中のコードを複製する
Duplicate Selection
15/51

16. アジェンダ
1. コーディングの拡張（5個）
2. コード表示を拡張（5個）
3. デザインを拡張（5個）
4. IDE表示を拡張（9個）
5. 外部ツールと連携（1個）
6. おまけ
16/51

17. 6. インデント位置に破線を表示する
Indent Guides
17/51

18. 7. if文やfor文でアウトラインを有効にする
デフォルト
18/51

19. 7. if文やfor文でアウトラインを有効にする
C# outline 2015
19/51

20. 8. コード内の不要な空白を強調表示する
Trailing Whitespace Visualizer
20/51

21. 9. 選択範囲に枠線を表示する
Gradient Selection
21/51

22. 10. 好きな位置に縦線を表示する
Editor Guidelines
22/51

23. アジェンダ
1. コーディングの拡張（5個）
2. コード表示を拡張（5個）
3. デザインを拡張（5個）
4. IDE表示を拡張（9個）
5. 外部ツールと連携（1個）
6. おまけ
23/51

24. 11. カラーテーマを追加する
Visual Studio 2015 Color Theme Editor
24/51

25. 11. カラーテーマを追加する
Visual Studio 2015 Color Theme Editor
25/51

26. 12. コメントを装飾する その1
CommentsPlus
26/51

27. 13. コメントを装飾する その2
Remarker
27/51

28. 14. ログ出力に色を付ける その1
VSColorOutput
28/51

29. 15. ログ出力に色を付ける その2
Output enhancer
29/51

30. アジェンダ
1. コーディングの拡張（5個）
2. コード表示を拡張（5個）
3. デザインを拡張（5個）
4. IDE表示を拡張（9個）
5. 外部ツールと連携（1個）
6. おまけ
30/51

31. 16. ブックマーク機能を追加する
Favorite Documents
31/51

32. 17. メニューバーを非表示にする
Hide Main Menu
「Alt+F」や「Alt+E」などで再表示可能
32/51

33. 18. タブの機能を拡張する
デフォルト
33/51

34. 18. タブの機能を拡張する
Tabs Studio
34/51

35. 18. タブの機能を拡張する
Tabs Studio
35/51

36. 19. フッターにファイルパスを表示する
File Path On Footer
36/51

37. 20. スクロールバーにマップを表示する
RockMargin2015
37/51

38. 21. スタートページをカスタマイズする
デフォルト
38/51

39. 21. スタートページをカスタマイズする
BetterStartPage
39/51

40. 22. タイトルの表示を変更する その1
Visual Studio Window Title Changer
40/51

41. 23. タイトルの表示を変更する その2
Rename Visual Studio Window Title
41/51

42. 24. タスクバーの縮小表示にSLN名を表示
VSCommands 14 for Visual Studio 2015
42/51

43. アジェンダ
1. コーディングの拡張（5個）
2. コード表示を拡張（5個）
3. デザインを拡張（5個）
4. IDE表示を拡張（9個）
5. 外部ツールと連携（1個）
6. おまけ
43/51

44. 25. 編集中のファイルをGistに投稿する
GistSharpExtension
44/51

45. アジェンダ
1. コーディングの拡張（5個）
2. コード表示を拡張（5個）
3. デザインを拡張（5個）
4. IDE表示を拡張（9個）
5. 外部ツールと連携（1個）
6. おまけ
45/51

46. プロ生ちゃんを表示する
プロ生ちゃん IDE
46/51

47. クラウディアを表示する
ClaudiaIDE
47/51

48. 社畜ちゃんを表示する
ShachikuChanIDE
48/51

49. 東北ずん子を表示する
東北ずん子IDE
49/51

50. アジェンダ
1. コーディングの拡張（5個）
2. コード表示を拡張（5個）
3. デザインを拡張（5個）
4. IDE表示を拡張（9個）
5. 外部ツールと連携（1個）
6. おまけ
50/51

51. ありがとうございました
51/51