ノンプログラマーのための Visual Studio Code実践活用ガイド
2023年4月24日紙版発売
2023年4月24日電子版発売
リブロワークス 著
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で確認することができます。
- サンプルPDFファイル(3,393KB)
目次
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をインストールする
この本に関連する書籍
-
改訂新版 Visual Studio パーフェクトガイド
本書は,初めて開発を行う人に向けに最新の「Visual Studio 2022」の活用方法を解説した入門書です。本書を読めば,.NET MAUI/Blazorによるマルチプラットフォーム開発...
-
改訂新版 Visual Studio Code実践ガイド ——定番コードエディタを使い倒すテクニック
定番のマルチプラットフォーム向けエディタ「Visual Studio Code」の使い方を解説する書籍の改訂新版です。最新のVisual Studio Codeに全面対応するほか,リモート開発...
-
Visual Studio Code実践ガイド —最新コードエディタを使い倒すテクニック
近年注目を集めるエディタ「Visual Studio Code」について徹底的に解説。基本はもちろん,意外と知られていないさまざまな機能,TypeScript,Go,Pythonでの開発を通し...