Markdownチェックボックス

チェックボックス(タスクリストとも呼ばれる)は、ToDoリストの作成、進捗の追跡、Markdownドキュメント内でのタスクの整理に最適な方法です。特に、インタラクティブなチェックボックスをサポートするGitHub、GitLab、その他のプラットフォームで有用です。

基本的なチェックボックス構文

チェックボックスの構文では、角括弧内にスペースまたは'x'を使用します:

- [ ] 未チェックのチェックボックス
- [x] チェック済みのチェックボックス
- [ ] もう一つの未チェック項目

結果:

  • 未チェックのチェックボックス
  • チェック済みのチェックボックス
  • もう一つの未チェック項目

重要な構文ルール

1. スペースの要件

  • ハイフンの後にスペースが必要: - [ ]-[ ] ではない
  • 未チェックの場合は角括弧内にスペース: [ ][] ではない
  • チェック済みは小文字の'x': [x][X] ではない

2. リスト形式

チェックボックスはリストの一部である必要があります(-+、または * を使用):
- [ ] これは動作します
* [ ] これも動作します
+ [ ] これも動作します

[ ] これは動作しません(リストではない)

ネストしたチェックボックス

サブタスクを持つネストしたタスクリストを作成できます:

- [ ] メインタスク
- [ ] サブタスク1
- [x] サブタスク2(完了)
- [ ] サブタスク3
- [x] 別のメインタスク
- [x] そのサブタスク

結果:

  • メインタスク
  • サブタスク1
  • サブタスク2(完了)
  • サブタスク3
  • 別のメインタスク
  • そのサブタスク

実践的な例

日々のToDoリスト

## 今日のタスク

- [ ] メールを確認
- [ ] プロジェクト提案書をレビュー
- [x] 午前10時にチーム会議
- [ ] ドキュメントを更新
- [ ] 明日の作業を計画

プロジェクト計画

## ウェブサイトリデザインプロジェクト

- [x] 研究フェーズ
- [x] ユーザーインタビュー
- [x] 競合分析
- [x] 要件収集
- [ ] デザインフェーズ
- [x] ワイヤーフレーム
- [ ] ビジュアルデザイン
- [ ] プロトタイプ

他のフォーマットとの混在

チェックボックスを他のMarkdownフォーマットと組み合わせることができます:

- [x] **重要なタスク**(完了)
- [ ] *通常のタスク*(進行中)
- [ ] プロジェクトの`コードレビュー`
- [ ] [ドキュメントへのリンク](https://example.com)
- [ ] ~~キャンセルされたタスク~~(取り消し線)

結果:

  • 重要なタスク(完了)
  • 通常のタスク(進行中)
  • プロジェクトのコードレビュー
  • ドキュメントへのリンク
  • キャンセルされたタスク(取り消し線)

トラブルシューティング

よくある問題

  1. チェックボックスがレンダリングされない: スペースとリスト形式を確認
  2. インタラクティブでない: プラットフォームがインタラクティブなチェックボックスをサポートしていない可能性
  3. 外観が一貫しない: 異なるプラットフォームでチェックボックスのスタイルが異なる

正しい構文 vs 間違った構文

❌ 間違い:

-[ ] ハイフンの後にスペースがない
- [] 角括弧内にスペースがない
- [X] 大文字のX
[ ] リスト内にない

✅ 正しい:

- [ ] ハイフンの後にスペース
- [ ] 角括弧内にスペース
- [x] 小文字のx

チェックボックスは、タスクの整理と進捗の追跡に最適です。ドキュメントをインタラクティブにし、プロジェクトを整理された状態に保つのに役立ちます!

ビジュアルコンテンツを追加する準備はできましたか?次にMarkdownの画像について学びましょう。