取り消し線

取り消し線は、Markdownの拡張構文で、削除されたまたは無効になったテキストを示すために使用されます。文書の改訂、タスクリスト、価格変更、その他のシナリオで非常に役立ちます。

基本的な構文

標準構文

Markdownでは、取り消し線は通常、2つのチルダ（~~）を使用して、取り消し線を適用するテキストを囲みます：

markdown

これは、~~取り消し線テキスト~~を含む例です。

レンダリング効果：

これは、~~取り消し線テキスト~~を含む例です。

単語と文

取り消し線は、個々の単語または全文に適用できます：

markdown

~~この全文に取り消し線が適用されています。~~

来週の会議は~~月曜日~~火曜日に行います。

レンダリング効果：

~~この全文に取り消し線が適用されています。~~

来週の会議は~~月曜日~~火曜日に行います。

高度な使用法

他の書式との組み合わせ

取り消し線は、他のMarkdown書式と組み合わせることができます：

markdown

~~**太字取り消し線**~~

~~*斜体取り消し線*~~

~~***太字斜体取り消し線***~~

~~`コード取り消し線`~~

~~[リンク取り消し線](https://www.markdownlang.com)~~

レンダリング効果：

~~太字取り消し線~~

~~斜体取り消し線~~

~~太字斜体取り消し線~~

~~コード取り消し線~~

~~リンク取り消し線~~

段落とブロック要素

一部のMarkdown実装では、取り消し線を段落全体またはブロック要素に適用できます：

markdown

~~
これは完全に削除された段落です。
複数行のコンテンツを含めることができます。
~~

注意: すべてのMarkdownプロセッサが複数行にわたる取り消し線構文をサポートしているわけではありません。複数行のコンテンツの場合、最も安全なアプローチは、各行に個別に取り消し線構文を適用することです。

互換性と実装の違い

さまざまなプラットフォームでのサポート状況

プラットフォーム/ツール	取り消し線サポート	構文
GitHub Markdown	✅	`~~取り消し線~~`
GitLab Markdown	✅	`~~取り消し線~~`
Stack Overflow	✅	`~~取り消し線~~`
Discord	✅	`~~取り消し線~~`
Reddit	✅	`~~取り消し線~~`
CommonMark	✅	`~~取り消し線~~`
VitePress	✅	`~~取り消し線~~`
Pandoc	✅	`~~取り消し線~~`

HTML出力形式

ほとんどのMarkdownプロセッサは、取り消し線をHTML <del> または <s> タグに変換します：

html

<!-- <del>タグを使用 -->
<p>これは、<del>取り消し線テキスト</del>を含む例です。</p>

<!-- または<s>タグを使用 -->
<p>これは、<s>取り消し線テキスト</s>を含む例です。</p>

代替構文

一部のプラットフォームまたは古いMarkdownバージョンは、異なる取り消し線構文をサポートする場合があります：

markdown

<!-- 単一のチルダ（一部のプラットフォーム） -->
~取り消し線テキスト~

<!-- HTMLタグ（すべての準拠Markdownプロセッサ） -->
<del>取り消し線テキスト</del>
<s>取り消し線テキスト</s>

ユースケース

文書の改訂

取り消し線は、文書の改訂と変更を示すためによく使用されます：

markdown

# プロジェクト計画 v2.0

## タイムライン

- 要件分析: ~~3月1日〜15日~~ 3月1日〜20日（遅延）
- 設計フェーズ: ~~3月16日〜4月5日~~ 3月21日〜4月10日
- 開発フェーズ: 4月11日〜5月15日
- テストフェーズ: 5月16日〜5月30日
- リリース日: ~~6月1日~~ 6月15日

レンダリング効果：

プロジェクト計画 v2.0

タイムライン

要件分析: ~~3月1日〜15日~~ 3月1日〜20日（遅延）
設計フェーズ: ~~3月16日〜4月5日~~ 3月21日〜4月10日
開発フェーズ: 4月11日〜5月15日
テストフェーズ: 5月16日〜5月30日
リリース日: ~~6月1日~~ 6月15日

タスクリスト

取り消し線とチェックボックスを組み合わせて、より直感的なタスクリストを作成できます：

markdown

## 今週のタスク

- [x] ~~プロジェクト提案の完成~~
- [x] ~~要件について顧客と会議~~
- [ ] デザインプロトタイプの作成
- [ ] 技術仕様書の作成
- [ ] 予算見積もりの準備

レンダリング効果：

今週のタスク

[x] ~~プロジェクト提案の完成~~
[x] ~~要件について顧客と会議~~
[ ] デザインプロトタイプの作成
[ ] 技術仕様書の作成
[ ] 予算見積もりの準備

価格とプロモーション

取り消し線は、Eコマースやプロモーションコンテンツで非常に役立ちます：

markdown

## 特別オファー

- ハイパフォーマンスノートパソコン: ~~¥8,999~~ ¥7,499
- ワイヤレスヘッドホン: ~~¥1,299~~ ¥999
- スマートウォッチ: ~~¥2,499~~ ¥1,999

*プロモーション終了: 2023年12月31日*

レンダリング効果：

特別オファー

ハイパフォーマンスノートパソコン: ~~¥8,999~~ ¥7,499
ワイヤレスヘッドホン: ~~¥1,299~~ ¥999
スマートウォッチ: ~~¥2,499~~ ¥1,999

プロモーション終了: 2023年12月31日

ユーモアと強調

取り消し線は、ユーモアや強調を表現するために使用されることがあります：

markdown

今日の会議は~~とても退屈~~とても生産的でした。

ドキュメント作成は~~嫌い~~大好きです。

このプロジェクトは~~失敗するかもしれない~~必ず成功します！

レンダリング効果：

今日の会議は~~とても退屈~~とても生産的でした。

ドキュメント作成は嫌い大好きです。

このプロジェクトは~~失敗するかもしれない~~必ず成功します！

ベストプラクティス

使用推奨事項

markdown

✅ 推奨プラクティス：

1. **明確な修正の表現**：
   - 古いコンテンツを削除し、新しいコンテンツを追加
   - 例: ~~間違いバージョン~~ 正しいバージョン
   
2. **簡潔な使用**：
   - 読みやすさに影響する過度な取り消し線コンテンツを避ける
   - 古いコンテンツを本当に保持する必要があるかを検討
   
3. **他のマーカーとの組み合わせ**：
   - タスクリストでチェックボックスと組み合わせる
   - 表現力を高めるために他の書式と組み合わせる

❌ 避けるべき慣行：

1. 取り消し線内で過度に複雑な書式を使用
2. 読みやすさに影響する大きなテキストブロックに取り消し線を適用
3. 重要な文書でユーモラスな取り消し線を過度に使用
4. 文書全体または複数の段落に取り消し線を適用

アクセシビリティに関する考慮事項

取り消し線はスクリーンリーダーユーザーを混乱させる可能性があります。以下の点を考慮してください：

取り消し線の意味を明確にする
代替テキストや追加の説明を提供
取り消し線の使用を最小限に抑える
重要な情報は完全に削除せず、明確に示す

ツールとリソース

Markdownエディターとプラグイン

VS Code拡張機能: Markdown関連プラグイン
Typora: リッチテキストMarkdownエディター
Obsidian: ナレッジ管理ツール

まとめ

取り消し線は、Markdownドキュメントの変更、改訂、強調を表現するための強力で柔軟なツールです。適切に使用すれば、ドキュメントの明確さと表現力を大幅に向上させることができます。

取り消し線 ​

基本的な構文 ​

標準構文 ​

単語と文 ​

高度な使用法 ​

他の書式との組み合わせ ​

段落とブロック要素 ​

互換性と実装の違い ​

さまざまなプラットフォームでのサポート状況 ​

HTML出力形式 ​

代替構文 ​

ユースケース ​

文書の改訂 ​

プロジェクト計画 v2.0 ​

タイムライン ​

タスクリスト ​

今週のタスク ​

価格とプロモーション ​

特別オファー ​

ユーモアと強調 ​

ベストプラクティス ​

使用推奨事項 ​

アクセシビリティに関する考慮事項 ​

関連構文 ​

ツールとリソース ​

Markdownエディターとプラグイン ​

まとめ ​

取り消し線

基本的な構文

標準構文

単語と文

高度な使用法

他の書式との組み合わせ

段落とブロック要素

互換性と実装の違い

さまざまなプラットフォームでのサポート状況

HTML出力形式

代替構文

ユースケース

文書の改訂

プロジェクト計画 v2.0

タイムライン

タスクリスト

今週のタスク

価格とプロモーション

特別オファー

ユーモアと強調

ベストプラクティス

使用推奨事項

アクセシビリティに関する考慮事項

関連構文

ツールとリソース

Markdownエディターとプラグイン

まとめ