【Markdown】チェックボックスが指定できないときの原因をお伝えします

こんにちは。たいら(@tairaengineer2)です。
転職を繰り返し現在5社経験している、15年目エンジニアです。

この記事では、Markdownでチェックボックスを指定したとき

このように表示できないときの原因をお伝えします。

前提条件：実行環境について

実行環境は以下の通りです。

チェックボックスが指定できない原因

チェックボックスが指定できないときに見るべき点は、次の3つです。

1. 「-」と「[」の間に1つ以上半角スペースを入れているか
2. チェックしない状態の場合、「[」と「]」の間に1つ半角スペースを入れているか
3. 「]」と項目に1つ以上半角スペースを入れているか

です。

具体例を見ていきます。

1つ目の「「-」と「[」の間に1つ以上半角スペースを入れているか」は

2つ目の「チェックしない状態の場合、「[」と「]」の間に1つ半角スペースを入れているか」は

3つ目の「「]」とリストの項目に1つ以上半角スペースを入れているか」は

という感じです。
これらを指定していないと、チェックボックスと認識されません。
記載の仕方に誤りはないか、今一度ご確認ください。

もしVisual Studio CodeでMarkdownを扱っている方は、チェックボックスを表示できるようにするにはMarkdown All in Oneという拡張機能を入れる必要があります。
この拡張機能を入れてないと、文法が正しくてもチェックボックスとは認識されません。
なので、拡張機能を入れて、Visual Studio Codeを再起動してみてください。

Markdown All in Oneについては、こちらの記事をご参考ください。

特定の拡張機能が入っているかどうかの確認の仕方は、こちらの記事をご参考ください。

まとめ：チェックボックスが指定できないときはしていないようを確認しよう！

以上がMarkdownでチェックボックスが指定できないときの原因でした！

正しい記載はこちらです。

あなたのご参考になったのなら、とても嬉しいです(*´▽｀*)
ではでは～(・ω・)ﾉｼ