破線テキスト生成器
HTMLには<s>および<del>のタグがありますが、ツイートやWhatsAppメッセージ、ほとんどのチャットアプリでは使用できません。このジェネレータはテキスト内の各文字の後ろに長線を含むオーバーレイ(U+0336)を追加し、通常のテキストとして表示されるUnicodeの破線を生成します。任意の場所に貼り付けると、破線が自動的に含まれます。
ストライクスルーの仕組み
-
1
テキストを貼り付けてください
あらゆる文字、組み合わせ記号は文字、数字およびほとんどの句読点に適用されます。
-
2
U+0336を各文字の後に挿入します
ゼロ幅の結合オーバーレイは、前の文字を横断する水平線を描画します。
-
3
コピー前のプレビュー
貼り付ける前に正しく表示されているかを確認できるよう、レンダリングをその場で実行します。
-
4
コピーして貼り付ける
ほとんどのチャットアプリ、Notion、Discordのステータス、Twitterで動作します。Slackやその他の一部のサービスでは結合記号が削除されます。
マークを組み合わせる方法
Unicodeでは、base characters(文字、数字、句読点)と、前の基本文字に付加されるアクセント記号やディアクリティック記号、オーバーレイ記号を表すcombining marksとを区別しています。破線記号にはU+0336のCombining Long Stroke Overlayが使用されます。すべての組合記号はゼロ幅であり、独自のスペースを占めず、前の文字を装飾するものとして機能します。
H̶i̶のような文字列は実際には6つのコードポイントから構成されています:
HU+0048- U+0336(重ね合わせ)
iU+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を手動で削除するか、検索・置換機能を使用する必要があります。後で元の状態に戻したい場合は、線画処理を行う前に元のテキストのコピーを保持しておくのが望ましいです。
関連ツール
アナグラムジェネレーター
短い語を入力すると、重複した並べ替えを除き、表示件数を調整しながら文字の一意な並べ替えを確認できます。
キャラクター名ジェネレーター
小説、ゲーム、RPGなどのキャラクター名を生成します。ファンタジー、SF、現代から選び、5〜30個の名前を設定すると、すぐに使える名前が手に入ります。
以下記号(≤)
≤ 記号と関連する数学の比較記号をコピーできます。スプレッドシート、論文、ウェブページ向けに Unicode、HTML エンティティ、LaTeX 記法を掲載しています。
都市名ジェネレーター
世界観づくり、地図、ゲーム、物語、モックデータ向けに、架空の都市、町、村、首都の名前を生成し、各結果に短いメモを添えます。
丸付きテキストジェネレーター
プレーンテキストを丸で囲まれた Unicode 文字に変換します。ソーシャル略歴、チャット、ドキュメントの輪郭、塗りつぶし、丸数字のバリエーション。
カンマから改行へ
カンマ区切りのテキストを1行に1つの項目に変換したり、行をカンマ区切りの文字列にまとめたりできます。
このツールは他の言語でも利用できます
- 취소선 텍스트 생성기 [KO]
- Générateur de texte barré [FR]
- مولد النصوص المخططة بخط عريض [AR]
- Generator Teks Strikethrough [ID]
- Genomstruken text-generator [SV]
- Generator voor strikdoor tekst [NL]
- เครื่องสร้างข้อความแบบขีดผ่าน [TH]
- Generator tekstu przekreślonego [PL]
- Durchgestrichener-Text-Generator [DE]
- Generador de texto tachado [ES]
- Bộ tạo văn bản in đứt dòng [VI]
- Gerador de Texto com Tachado [PT]
- Strikethrough Text Generator [EN]
- Generatore di Testo Barrato [IT]
- Генератор текста с подчеркиванием [RU]
- Üstü Çizili Metin Üretici [TR]
- 划线文本生成器 [ZH]