打ち消し線テキスト生成ツール

入力したそばから、文字の中央にすっきりと線が引かれます。打ち消し線・下線・斜線のスタイルから選んで、チャットや投稿、ドキュメントに貼り付けてみてください。プレーンなUnicodeなので、どこに貼っても線がそのまま付いてきますし、入力した内容がブラウザの外に出ることはありません。

線のスタイル

入力テキスト

打ち消し線テキスト生成ツールの使い方

1
テキストを入力する
線を引きたいテキストを入力欄に入力するか貼り付けてください。
2
線のスタイルを選ぶ
文字の中央を横切る打ち消し線、文字の下に引く下線、斜めに引く斜線から選んでください。
3
結果をコピーする
線を引いたテキストは入力するたびに作られます。コピーボタンを押してクリップボードに取り込みましょう。

4
どこにでも貼り付ける
チャットやSNSの投稿、プロフィール、ドキュメントなど、どこにでも貼り付けてみてください。プレーンなUnicodeなので、線がテキストと一緒に付いてきます。

テキストと一緒に付いてくる打ち消し線

文字に焼き込まれた線

これまで目にしてきた打ち消し線のほとんどは、見た目を整える効果です。ワープロソフトやウェブページが書式を使ってテキストの上に線を描き、元になる文字はプレーンなまま残ります。本ツールは、それとは違うことをします。各文字に特殊な結合文字を付け足し、線をテキストそのものの一部にするのです。「sold out」と入力すると s̶o̶l̶d̶ ̶o̶u̶t̶ が得られ、ここでは線が上から塗られているのではなく、一文字ごとに織り込まれています。

この違いこそが肝心な点です。線が実際の文字でできているため、書式ボタンがまったくない場所へコピー&ペーストしても残ります。線の引かれたテキストは、リッチテキストエディターを離れた瞬間にきれいな文字に戻ってしまうのではなく、プレーンな Unicode が通用する場所ならどこでも、線が引かれたままになります。

実際に働く結合文字

この効果は、Unicode の結合文字に頼っています。結合文字とは、自分自身の場所を取るのではなく、直前の文字に付着する文字です。本ツールは、あなたの各文字のあとに、その文字を横切る線を描く結合用のオーバーレイ文字を挿入します。単語の各文字のあとにこれを1つずつ重ねていくと、文字列全体を貫く途切れのない線が得られ、それはすべて標準的なテキストでできています。

これらのオーバーレイ文字は、文字を貫く線が意味を持ちうる、正当な表記上の必要のために Unicode の一部となっていました。ここでそれを転用することで、持ち運びのきく打ち消し線が手に入ります。各文字はそれ自体では見えず、付着先の文字の上に線として描かれるだけなので、結果は表示されるどこでも、線の引かれたテキストとして読めます。

選べる3つの線のスタイル

本ツールは、それぞれ異なる結合用オーバーレイによる3つの異なる見た目を提供します。打ち消し線は、各文字の中央を横切る水平な線を引く、定番の取り消しスタイルです。c̶a̶n̶c̶e̶l̶e̶d̶ のようになります。下線は各文字の下に線を置き、書式による下線とは違ってコピー&ペーストしても残る、連続したアンダースコアになります。斜線は各文字に短い斜めの線を加え、異なる、より鋭い取り消しの印象を与えます。

これらを瞬時に切り替えて、同じテキストの見た目を変えられます。打ち消し線は編集や訂正に、下線はプレーンテキストの入力欄での強調やリンク風の装飾に向いており、斜線のスタイルは、中央をまっすぐ貫く線よりも少し変わったものが欲しいときに、独特の見た目を与えてくれます。

CSS の打ち消し線が貼り付けで消える理由

通常のウェブページでは、打ち消し線はテキストではなくページのマークアップにある装飾によって適用されます。そうしたテキストを選択してコピーすると、コピーされるのはプレーンな文字だけで、見た目の線はページの属性であり、一緒には付いてきません。チャットやプロフィールに貼り付けると、線がまったくない、きれいな状態で届きます。これに人は絶えず引っかかります。

結合文字による方式は、これを完全に回避します。線が、あなたの文字の間に挟み込まれた文字として符号化されているため、テキストをコピーすれば結合文字も一緒にコピーされます。失われる別個の装飾の層がないので、打ち消し線は単語そのものと同じくらい持ち運びがききます。これが、書式に基づくどんな取り消しに対しても勝る、重要な利点です。

線を引いたテキストの実際の使い道

線の引かれたテキストは、単なる装飾ではなく、本当に役立ちます。売り手は、プレーンテキストの出品で値引きを示すために、新しい価格の隣で古い価格に線を引きます。w̶a̶s̶ ̶$̶5̶0̶ now $30 のように。書き手は、目に見える編集や冗談めかした撤回を示すために使い、元の言葉を読める状態に残しつつ、はっきりと取り消します。プレーンテキストのやることリストで、完了した項目に印を付けるのにも便利です。

Discord や類似のチャットでは、テキストに線を引く組み込みの方法は二重チルダで囲むことですが、それはアプリのマークダウンが対応している場所でしか機能せず、他の場所にコピーすると消えてしまいます。本ツールの結合文字による打ち消し線は、そのマークダウンが効かない場所でも機能し、テキストを移動させても無傷のまま付いてきます。

解除する方法と、持ち運びのよさを保つこと

線は、あなたの文字の上に重ねられた見えない結合文字でできているため、元になる単語が書き換えられることは決してありません。元のテキスト「canceled」は依然としてまさにその文字のままで、各文字が余分なオーバーレイ文字を1つ帯びているだけです。きれいなテキストに戻すには、入力し直すか元の文章を貼り付けてください。文字そのものには手が加わっていないので、取り消すべき破壊的な変更は何もありません。

この非破壊的な設計は、スタイルの切り替えがなめらかである理由でもあり、効果が信頼できる理由でもあります。あなたは文字を変換しているのではなく、印を加えているのです。どの線のスタイルを適用しても、単語はそのまま保たれ、元に戻せます。

アクセシビリティへの配慮

結合文字による打ち消し線には、支援技術にとっての引き換えがあります。一部のスクリーンリーダーは余分な印をうまく処理して単語を通常どおり読み上げますが、ほかのものはつまずいたり、間を入れたり、結合文字を読み上げたりすることがあり、テキストが聞き取りにくくなる場合があります。検索やインデックス登録も影響を受けることがあります。各文字が今や、プレーンな単語にはない付着した印を帯びているからです。

線の引かれたテキストは、取り消すという意味が肝心な場面、すなわち価格、編集、取り消された項目などで使い、スクリーンリーダーの利用者が、目で見る読者と同じようには線を受け取らないかもしれないことを心に留めておきましょう。重要なものについては、線だけからではなく、言葉と前後の文脈からも意味がはっきりわかるようにしてください。

よくある質問

打ち消し線テキスト生成ツールはどう動いているのですか？

文字ごとに特殊な結合文字を付け足すことで、各文字に横切る線・下の線・斜めの線を引きます。出来上がるのは画像ではなくふつうのUnicodeテキストなので、自由にコピーして貼り付けられます。

線を引いたテキストはDiscordやInstagram、WhatsAppでも表示されますか？

はい。線はテキストそのものの一部なので、特殊文字を受け付ける多くのチャットアプリやSNSのプロフィール、キャプションでそのまま表示されます。書式ボタンを押す必要はありません。

打ち消し線・下線・斜線のスタイルはどう違うのですか？

打ち消し線は各文字の中央を横切る線を引き、下線は文字の下に線を置き、斜線は短い斜めの線を加えます。いつでも切り替えて、テキストの見た目をすぐに変えられます。

あとから打ち消し線を消せますか？

この効果は各文字に付いた見えない結合文字によるものです。プレーンなテキストに戻すには、入力し直すか元の文章を貼り付けてください。ツールが文字そのものを書き換えることはありません。

入力したテキストはどこかに送信されますか？

いいえ。テキストはすべてブラウザの中で処理されるので、入力した内容は端末に残るだけで、サーバーにアップロードされることはありません。