VS Code Meetup #1 - 初回基礎編 で LT 登壇した資料です

1. 1
2019/12/19
#vscodejp
Shinsuke Saito (@masalabo716)
インフラエンジニアに送る
Visual Studio Code 入門

2. Visual Studio ってついるから
開発用のツールじゃないの？

3. そんなことありません！！

4. 最新のモダンなエディタは、
インフラエンジニアにも有用ですよ！

5. 自己紹介
• 名前 : Shinsuke Saito (斉藤 慎輔)
• Twitter : @masalabo716
• ブログ : https://blog.masa-labo.net
• 所属 : AvePoint Japan 株式会社
• 属性 : MS 系インフラエンジニア
• お気に入り : しろたん
• Home 365 環境 : M365 E5 導入済み

6. インフラエンジニア向け VSCode 拡張機能

7. インフラエンジニア向け VSCode 拡張機能
VSCode の拡張機能には、開発言語の拡張やソースコードの
作成を補助するもの以外にも、
見た目の変更・ショートカットキー設定・ファイルタイプ別
の追加機能など様々な用途の拡張機能がある。
拡張機能は、アクションバーから “Extensions” を選択し、
MARKETPALCE からインストールが可能。
7

8. インフラエンジニア向け VSCode 拡張機能
Settings Sync : GitHub の Gist に VSCode の設定を同期
8

9. インフラエンジニア向け VSCode 拡張機能
vscode-icons : エクスプローラのアイコンテーマを変更
9

10. インフラエンジニア向け VSCode 拡張機能
PowerShell Extension : PowerShell の環境を強化する
10
PSScriptAnalyzar による静的分析で
問題点や改善事項を出力
アウトラインに
変数や関数の一覧が
表示される
PowerShell Extension を追加すると、
PowerShell ISE 風テーマも追加される

11. インフラエンジニア向け VSCode 拡張機能
11
サイドバーに
SQL Server の Tree が表示される
SQL Server Extension : SQL Server に接続し、クエリを実行できる
クエリを実行すると
実行結果やデータが表示される

12. インフラエンジニア向け VSCode 拡張機能
Excel Viewer : csv ファイルを Excel 風に表示する
12
Excel 風にフィルタをかけることが可能

13. おすすめ拡張機能
Rainbow CSV : csv の内容をカラムごとに色分け・整列を行う
13
Align 機能を使うと
カラムごとの幅がそろう
独自のクエリでデータ抽出が可能

14. おすすめ環境設定

15. おすすめ設定内容
フォント設定を変更する (追加フォントのインストール)
 エディタ用フォント : Source Han Code JP
(Adobe 作成の Open Source Font)
URL : https://github.com/adobe-fonts/source-han-code-jp
 ターミナル用フォント : Cascadia Code
(Microsoft 作成の Open Source Font)
URL : https://github.com/microsoft/cascadia-code
15

16. おすすめ設定内容
プレーンテキスト (.txt) でクイックサジェストを OFF にする
 通常のテキストファイル作成時に余計な単語候補を出さないようにする
16

17. おすすめ書籍
必読図書
 徹底解説 Visual Studio Code
https://www.amazon.co.jp/%E5%BE%B9%E5%BA%95%E8%A7%A3%E8%AA%ACVisual-Studio-Code-
%E6%9C%AC%E9%96%93%E5%92%B2%E6%9D%A5/dp/4863542887/ref=tmm_hrd_swatch_0?_encoding=UTF8&qid=&sr=
 Software Design 内の連載 「Visual Studio Code快適生活」
https://gihyo.jp/magazine/SD
17

18. ご清聴ありがとうございました！