内容紹介

【ライティングやMarkdown記法、HTML／CSS編集、GitHub連携まで、VS Codeの活用法が満載！】

Microsoftが無償公開しているコードエディター「Visual Studio Code（VS Code）」は、豊富な拡張機能によるカスタマイズ性の高さからプログラマーに人気がありますが、最近ではWebライターやWebデザイナー／Webコーダーなどのノンプログラマーにも利用者が増えています。本書は、主にWeb制作に携わる非プログラマーの職種の方を対象に、Visual Studio Codeの基本操作と環境設定から、ドキュメント作成／編集の技、Markdown記法による構造化文書作成の技、HTML&CSS作成／編集の技、GitHubと連携したバージョン管理／コラボレーションの技までを幅広く紹介。ウェブ業界定番の高機能エディター「VS Code」の非プログラマー向け使いこなし術が満載の一冊です！

（こんな方におすすめ）

・Webライティングやドキュメント作成、Webデザイン、HTML&CSSコーディングなど、プログラミング以外の用途でVisual Studio Codeを使いたい人

（目次）

●Chapter 1 Visual Studio Codeのキホンの技

　　001 Visual Studio Codeの特徴

　　002 VS Codeをインストールする

　　003 VS Codeを日本語化する

　　004 VS Codeを起動する

　　005 VS Codeの画面構成を知る

　　006 単独のファイルを開く／閉じる

　　007 作業用のフォルダーを開く

　　008 フォルダー内のファイルを開く／新規作成する

　　009 フォルダー内のファイルを素早く確認する

　　010 ファイルを保存する／閉じる

　　011 タブを使ってファイルを切り替える

　　012 画面を見やすくカスタマイズする

　　013 フォルダー内のファイルを整理する

　　014 複数のウィンドウを開いて作業する

　　015 ワークスペースで複数のフォルダーをまとめる

　　016 大量のファイルの中から目的のファイルを探す

●Chapter 2 設定とカスタマイズの技

　　001 拡張機能を導入・整理する

　　002 コマンドパレットから操作を検索・実行する

　　003 設定画面を開く

　　004 フォントを変更する

　　005 スペース記号や改行記号を表示する

　　006 拡張機能「vscode-icons」でアイコンを変更する

　　007 ファイルを自動で保存する

　　008 エディターを全画面表示にして編集に集中する

　　009 エディターの右端でテキストを折り返す

　　010 VS Code全体の配色を変更する

　　011 ショートカットキーの一覧を見る

　　012 オリジナルのショートカットキーを登録する

　　013 settings.jsonを開く

　　014 settings.jsonを編集する

　　015 settings.jsonに新しい設定を追加する

　　016 他のエディターのキーバインドを使用する

　　017 文字コードを自動で判別する

●Chapter 3 テキストライティングの技

　　001 エディターを分割して複数のファイルを並べて表示する

　　002 分割されたエディターレイアウトを変える

　　003 文字コードを指定してファイルを開く

　　004 ファイル保存時に文字コードを変更する

　　005 2つのファイルの内容を比較する

　　006 マルチカーソルを使って複数箇所を同時に編集する

　　007 同じテキストが登場する箇所をまとめて編集する

　　008 行を移動・複製する

　　009 カーソルを縦方向に拡大する

　　010 テキストを矩形選択する

　　011 未保存ファイルをクリップボード代わりに使う

　　012 ファイル内のテキストを検索・置換する

　　013 複数ファイルのテキストを検索・置換する

　　014 ライティングに役立つ拡張機能を導入する

　　015 novel-writerで執筆する

　　016 novel-writerで品詞のハイライト設定を変える

　　017 日本語の文章を校正する

　　018 テキスト校正のチェック項目を編集する

●Chapter 4 Markdownを使った文書作成の技

　　001 Markdown記法でテキストを構造化する

　　002 Markdownファイルをプレビュー表示する

　　003 Markdownファイルで文字を強調する

　　004 Markdownファイルで箇条書きを作成する

　　005 Markdownファイルで表を作成する

　　006 Markdownファイルに画像を挿入する

　　007 Markdownの記号をそのまま表示する

　　008 ソースコードを表示する

　　009 Markdown内でTeXの数式を書く

　　010 Mermaidを使って図を作成する

　　011 「Markdown All in One」でMarkdown編集を効率化する

　　012 Markdownファイルからスライドを作成する

●Chapter 5 HTML／CSS編集の技

　　001 HTMLファイルのひな型を一瞬で作成する

　　002 省略記法でHTMLタグを追加する

　　003 省略記法で親子や兄弟のHTMLタグをまとめて追加する

　　004 入力補完を利用して素早くコードを書く

　　005 入力補完の候補を絞り込む

　　006 ショートカットキーで入力補完の候補を表示する

　　007 マウス操作で色を指定する

　　008 HTMLファイルの編集中にCSSの定義を確認する

　　009 CSSの定義部分に移動する

　　010 HTMLファイル編集中に画像を確認する

　　011 開始タグと終了タグを同時に修正する

　　012 class属性とid属性の入力を補完する

　　013 対応するHTMLタグ同士を強調表示する

　　014 対応するブラケット記号にガイド線を表示する

　　015 フォーマッタでコードを整える

　　016 フォーマッタの設定を変更する

　　017 特定のファイルをフォーマット対象外にする

　　018 保存時に自動でフォーマットを行う

　　019 複数行をまとめてコメントにする

　　020 再利用したいコードをスニペットに登録する

　　021 VS Code上でWebページをプレビューする

　　022 PDFを表示する

●Chapter 6 Git／GitHubを使ったバージョン管理の技

　　001 そもそもなぜGit／GitHubを使うの？

　　002 GitHubのリモートリポジトリを作成する

　　003 ソース管理ビューでファイルの変更点を確認する

　　004 GitHubのリモートリポジトリにプッシュする

　　005 リモートリポジトリの変更をプルする

　　006 ファイルのコンフリクトを解消する

　　007 他のパソコンでも同じ設定でVS Codeを使う

●Appendix

　　001 主な設定ID一覧

　　002 主なショートカット一覧

　　003 GitHubにサインアップしてGitをインストールする