18
23

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

VSCodeのmarkdown(初心者向け)

Posted at

前書き

VSCodeでmarkdown書きたいことありますよね?はい、あるとしましょう。
拡張子をmdのファイルを作成してCtrl+KのあとにVを押しましょう。VのときはCtrlを離してくださいね。プレビュー画面が表示されます。この状態でmkをバリバリ書いていきましょう。
できれば下記を入れておいた方が捗ります。

Markdown All in One

※markdownの規格を誰か作ってください。統一しましょう。

改行

VSCodeのmarkdownがよくわからない人が最初に思うことであろう疑問。
改行どうすんねん。。となりますよね?改行してもスペースになってしまうやん。。って。
行の末尾に半角スペースを2つ入れればOKです。

return.md
test1  
test2  
test3  

上の例にも半角スペースが2つ入れてあります。コピペしてみてください。
これでプレビュー側も改行されています。

見出し

header.md
# test1

表示は下記のようになります。
image.png

箇条書き

item.md
- test1
- test2
- test3

下記のような表示になります。
image.png

他にも「-」でなくても「*」でもOKです。
あとは「-」のあとに半角スペースも必要ですね。Qiitaみたいに気を利かせてくれないカタいやつです。

箇条書き(番号)

  1. test1
  2. test2
  3. test3

下記のような表示になります。
image.png

太字

bold.md
**test1**

※Markdown All in Oneを入れているとCtrl + bが効きます
image.png

斜体

italic.md
*test1*

※Markdown All in Oneを入れているとCtrl + iが効きます
image.png

打消し線

strikethrough.md
~~test1~~

image.png

ライン

line.md
---

※要Markdown All in One

table.md
| test1 | test2 | test3 |
| ----- | ----- | ----- |
| aaaaa | bbbbb | ccccc |

※Markdown All in Oneが入っていればShift + Alt + fでフォーマットされます

チェックボックス

VSCodeは標準でチェックボックスを表示することができないようです。
やり方はいろいろあるようですが、下記拡張を入れるのが速そうです。

Markdown Checkbox

checkbox.md
- [ ] test1
- [x] test2

※半角スペースに気を付けましょう
image.png

引用

quote.md
> test1
>> test2
>>> test3

image.png

コメントアウト

comment.md
<!-- test -->

VSCode標準機能のCtrl + /が効きます

紹介

HackMD

https://hackmd.io/
markdownで書いたことを共有できます。そうリアルタイムにね。
会議のたびに各自でノートにメモ?セキュリティ上仕方ないこともありますね。
でも使える場合は使いましょう。
使えなかったら上司に提案しましょう。
メリットとデメリットを表にするといいですよ。
全員の年間のメモにかかるコストを見積もるのです。それがセキュリティ高めるためのコストということです。セキュリティにお金をかけすぎていることがわかるでしょう。
※回し者ではありません

終わりに

markdownよさそう!というより効率を高めるためにあるものだと思います。
全部覚えなくてもよいと思いますが、ある程度覚えていないと効率も上がりません。
自分にあったものでドキュメント作成やその他もろもろの課題をささっとクリアしていきましょう!

18
23
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
23

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?