破線テキスト生成器

HTMLには<s>および<del>のタグがありますが、ツイートやWhatsAppメッセージ、ほとんどのチャットアプリでは使用できません。このジェネレータはテキスト内の各文字の後ろに長線を含むオーバーレイ(U+0336)を追加し、通常のテキストとして表示されるUnicodeの破線を生成します。任意の場所に貼り付けると、破線が自動的に含まれます。

ストライクスルーの仕組み

  1. 1

    テキストを貼り付けてください

    あらゆる文字、組み合わせ記号は文字、数字およびほとんどの句読点に適用されます。

  2. 2

    U+0336を各文字の後に挿入します

    ゼロ幅の結合オーバーレイは、前の文字を横断する水平線を描画します。

  3. 3

    コピー前のプレビュー

    貼り付ける前に正しく表示されているかを確認できるよう、レンダリングをその場で実行します。

  4. 4

    コピーして貼り付ける

    ほとんどのチャットアプリ、Notion、Discordのステータス、Twitterで動作します。Slackやその他の一部のサービスでは結合記号が削除されます。

マークを組み合わせる方法

Unicodeでは、base characters(文字、数字、句読点)と、前の基本文字に付加されるアクセント記号やディアクリティック記号、オーバーレイ記号を表すcombining marksとを区別しています。破線記号にはU+0336のCombining Long Stroke Overlayが使用されます。すべての組合記号はゼロ幅であり、独自のスペースを占めず、前の文字を装飾するものとして機能します。

H̶i̶のような文字列は実際には6つのコードポイントから構成されています:

  • H U+0048
  • U+0336(重ね合わせ)
  • i U+0069
  • U+0336(重ね合わせ)

合計文字数:6。表示されるテキスト:Hi(横線付き)。

関連する組み合わせマーク

マーカー コードポイント 影響 例
短いストロークを組み合わせる U+0335 輝線 文字
長ストロークを組み合わせる U+0336 全幅 テキスト
短いソリダス線の結合 U+0337 輝線 文字
長いソリダスを結合する U+0338 完全な斜線 テキスト
上線の結合 U+0305 上部の線 文字
低線の結合 U+0332 下線 文字

このツールが適用するのは長ストロークのオーバーレイ(U+0336)のみです。ほかの記号は、手作業で別の見た目を作りたい場合の参考として掲載しています。

効果が現れる場所と現れない場所

作業:

  • Twitter/Xの投稿 – Instagramのキャプションとプロフィール情報 – Discordのメッセージとステータス – WhatsApp(ほとんど)
  • Notion、iA Writerおよびその他のプレーンテキスト対応エディタ – プレーンテキストメール
  • Google Docs、Word(フォントに関する注意事項がある場合を含む)

以下の項目で失敗または不適切に表示されます:

  • Slack、ほとんどの結合マークを削除します
  • 一部のSMSゲートウェイ:UCS-2エンコーディングはメッセージクォータを消費します
  • 非常に古いAndroid – ベースラインの下にマークを組み合わせたレンダリングが不自然に表示される
  • グリフのサポートが不完全なモノスペースフォントを使用する場合:ストロークが文字の全幅を覆えない可能性があります

アクセシビリティノート

スクリーンリーダーは組み合わせマークを通知します、通常は名称で示されます。破線が頻出する段落は、Combining Long Stroke Overlayの通知が混在した混乱状態になります。スクリーンリーダーユーザーが遭遇するあらゆる場面では、Unicodeの回避策ではなく、適切なスタイル設定を施したHTMLの<del>または<s>タグを使用してください。

なぜこれを使用するのか

チャット内の編集をマークする:Let's meet at 3pm 4pm リストから削除した項目を履歴から削除せずに示します。 – ソーシャルメディアのプロフィール情報に設けられた装飾的な注釈(old name: Jordan)。 – プレーンテキスト環境におけるタイプグラフィックスタイル(ノーションページなど)。

なぜそれを過剰にしないのでしょうか

数語を超えると、ストライクスルーは非常に読みにくくなります。スクリーンリーダーが混乱する可能性があります。また、一部のプラットフォームではフォントによって表示が均一でない場合があります。単独の編集や短いフレーズにのみ使用してください。

よくある質問

Slackは貼り付けたメッセージを消毒し、結合マークをノイズとして削除します。Slackのネイティブ Markdownを使用すると、~text~はSlackメッセージ内で下線として表示されます。このトリックはSlackでMarkdownがサポートされている場合にのみ有効です。

はい、各結合マークは文字列の長さに1つのコードポイントを追加します。Twitterの厳格な制限により、下線付きテキストは表示されるテキストの約2倍の文字数を必要とします。その通りに計画してください。

ある程度はそうですが、ほとんどの絵文字は上書き線付きの表示で機能しますが、その表示方法はプラットフォームによって異なります。絵文字は多くの場合複数のコードポイント(ZWJシーケンス)から構成されているため、結合マークが絵文字の一部にのみ付くことがあります。

Unicode文字はテキスト内に含まれています。すべてのU+0336を手動で削除するか、検索・置換機能を使用する必要があります。後で元の状態に戻したい場合は、線画処理を行う前に元のテキストのコピーを保持しておくのが望ましいです。

関連ツール

このツールは他の言語でも利用できます