ノンプログラマーのための Visual Studio Code実践活用ガイド

[表紙]ノンプログラマーのための Visual Studio Code実践活用ガイド

紙版発売
電子版発売

A5判/288ページ

定価2,860円(本体2,600円+税10%)

ISBN 978-4-297-13435-8

電子版

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

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

こんな方におすすめ

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

本書のサンプル

本書の一部ページを,PDFで確認することができます。

目次

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をインストールする