menu

【チートシート付き】VS Codeで始めるMarkdown

公開日:2020年07月17日 カテゴリー:VSCode

ドキュメントのイメージ

今では多くのエンジニアが利用しているVisual Studio Code。VS CodeにはMarkdownで綺麗なドキュメントを作る機能が存在します。
しかし、「Markdownを覚えるのが面倒」「WordやExcelのほうがドキュメントは作りやすい」と考えてしまいがちです。
そこで今回は、VS Codeで始めるMarkdownと題しまして、皆様をMarkdownの世界に誘おうと思います。
Markdownはslackなどでも使える言語です。ぜひ実践してみてください。

VSCodeの環境を整える

ではまず、VS CodeでMarkdownを扱う環境を構築します。

VSCodeを開いてください。「ファイル」から「名前をつけて保存」をクリックします。
ファイル名を「任意のファイル名.md」にして「保存」をクリックし、ファイルを保存します。

以上です。たったこれだけで、Markdownの環境構築は完了です。

Markdownチートシート

Markdownはとてもシンプルなマークアップ言語です。そのため、HTMLよりも手軽に、そしてきれいなドキュメントを作成できます。

基本的な文法をこれから記載します。

見出し

#の数を変えることで、見出しのレベルを調整できます。

テキストの装飾

HTMLタグのように装飾したい文字を囲みます。

ソースコード

複数行の場合は ```java のように言語を指定すればVS CodeやGitHub,Gitbucketではハイライトもつけてくれます。

引用

文章の引用等に使えます。

リンク

Markdownではリンクも簡単に表現できます

水平線

文章を区切りたいときに便利です。

テーブル

少し複雑ですが、テーブルも表現できます。

箇条書き

箇条書きも簡単に表現できます。

プレビュー

VS CodeではMarkdownのプレビュー機能もあります。

右上の

プレビューボタン

をクリックしてください。

右側にプレビューが表示されます。

VSCodeのプレビュー

Markdownはとても便利なのでぜひ皆さんも使ってみてください。