グリッチ・テキスト・ジェネレーター

テキストを入力または貼り付けて、Zalgo/グリッチ効果を追加します。強度を調整して結果をコピーします。

結果

テキストを入力して生成をクリックしてください。

仕組み

  1. テキストを入力: グリッチ効果を適用する単語または文を入力します。
  2. 強度を調整: 強度スライダーで、軽いデジタルノイズから重い破損までのグリッチレベルを制御します。
  3. 結果をコピー: グリッチされたテキスト(Unicode結合文字)をコピーして、ソーシャルメディアのバイオ、Discord、メッセージアプリ、シンプルなHTMLのどこにでも貼り付けます。

Zalgoテキストはどこから来たのか

「Zalgoテキスト」、上下に縦のマークがあふれ出している破損したように見えるテキストには、特定の起源があります。「Zalgo」というキャラクターは、2004年7月27日のSomething Awfulフォーラムでcreepypastaのイメージマクロに初めて登場し、ユーザーShmorky(Dave Kelly)によって、Goons(Something Awfulコミュニティのメンバー)の間で流行していた「He Is Coming」/「He Comes」トロープのパロディとして投稿されました。元のコンセプトは、漫画の中での存在がキャラクターの吹き出しを判読不能な落書きに腐敗させる悪意ある存在でした。スタックされたUnicode結合マークでレンダリングされた「He comes」の視覚スタイルがミームの署名となり、次の数年間でフォーマットはSomething Awfulから逃げ出し、4chan、Tumblr、MySpace、そして最終的に主流のソーシャルメディアに広まりました。「Zalgo」という名前はジャンルラベルとして残り、20年以上経った今でもすべてのグリッチテキストジェネレーターが使用する用語です。基盤となるUnicodeトリック、結合マークのスタッキングは、ミームより数十年前から存在しています。Zalgoがしたことは美学を普及させたことでした。

それを機能させるUnicode結合マーク

グリッチテキストは結合文字を使用します。これは単独ではレンダリングされず、代わりに前の基本文字に視覚的に付着するUnicodeコードポイントです。主要なブロックはCombining Diacritical Marks (U+0300-U+036F)で、ラテン文字の言語で使用されるアクセントと発音区別記号をカバーする112のコードポイントを持ちます: combining acute (U+0301、áを作るために使用)、combining grave (U+0300、à)、combining tilde (U+0303、ã)、combining circumflex (U+0302、â)、combining ring above (U+030A、å)、その他多数。3つの追加ブロックがさらにマークを供給します: Combining Diacritical Marks Supplement (U+1DC0-U+1DFF) はめったに使用されない歴史的および音声学的マークを含みます; Combining Diacritical Marks for Symbols (U+20D0-U+20FF) は数学的および象徴的な結合マーク(combining left arrow above、combining circle、combining triple underdot)を含みます; Combining Half Marks (U+FE20-U+FE2F) は2つの文字にまたがるマークを含みます。グリッチジェネレーターは入力文字を選び、各文字に対して結合マークのランダムな選択を追加します。認識可能なZalgo効果のために通常文字あたり5から30のスタックで、これらのブロックから引き出されます。マークは視覚的に3つのゾーンに分かれます: ベースラインの上(ほとんどの発音区別記号はここでレンダリングされます)、文字を貫通(long stroke、slashのようなオーバーレイマーク)、ベースラインの下(cedilla、dot below、vertical line below)。このツールは3つのゾーンを独立したトグルとして公開するので、上のみ、下のみ、または完全カバレッジのグリッチスタイルを生成できます。

Unicode正規化、なぜ一部のアプリがグリッチテキストを除去するのか

Unicodeは多くのアクセント付き文字をエンコードする2つの方法を定義しています: 合成済み(単一のコードポイント、é = U+00E9のように)と分解(基本文字と結合マーク、é = U+0065 + U+0301)。Unicode標準の正規化形式(UAX #15)は、それらの間で変換する方法を定義します: NFC(Composition)は合成済み形式を優先します; NFD(Decomposition)はすべてを分解します。多くのプラットフォームは受信テキストにNFC正規化を適用し、可能な場所では結合マークを合成済み文字に折りたたみますが、グリッチテキストは通常、合成済み相当のないマークを使用します(基本文字を30個のランダムな無関係なマークと組み合わせることは、合成済みの形式で存在する「本物の」文字ではないため)。これらのマークは正規化を生き残ります。しかし、Unicode標準のStream-Safe Text Formatは、最大30個の非開始(結合)文字を連続して推奨します; 一部の実装はテキストレンダリング攻撃に対する防御としてこの上限を強制します。たとえばTwitterは、NFCを使用して文字を数え、しきい値後にグリッチテキストを視覚的に切り捨てる可能性があります; Discordはほとんどのグリッチテキストをレンダリングしますがレンダリングされた高さを制限します; InstagramとTikTokは様々な制限を持ちます。悪名高いiOSの「Effective Power」クラッシュ(2015年5月)とChaiOS Telugu text-bomb(2018年1月)はどちらも、不正な結合マークシーケンスがOSのテキストレンダラーをクラッシュさせたことが原因でした; モダンOSはその結果、より保守的なパースを適用します。

グリッチテキストが現れる場所

アクセシビリティ、グリッチテキストはスクリーンリーダーに敵対的

グリッチテキストは支援技術にとって本質的に読めません。スクリーンリーダー(Windowsの NVDA、JAWS、macOS/iOSのVoiceOver、AndroidのTalkBack)は結合マークを異なる方法で扱います。NVDAは各マークでつまずく傾向があります; JAWSは多くのマークを完全なUnicode名で読みます(「combining acute accent、combining grave accent、combining tilde...」); VoiceOverは各文字で不器用に一時停止します。文字あたり20の結合マークを持つ5文字の単語は、スクリーンリーダーがどうにかしてアナウンスしなければならない105のコードポイントを生成しますが、どれも有用な情報ではありません。結果は、視覚障害者と弱視者にとってテキストを事実上見えなくする理解不能なノイズの壁です。認知的または視覚的処理の違いを持つユーザーにも同じことが言えます。彼らは重いスタックマークをめまいを起こすか、片頭痛を引き起こす可能性があります。フォーマルなコンテキスト、ドキュメンテーション、alt text、アクセシビリティが必要なUI要素でのグリッチテキストは、構造上、障害のあるユーザーに敵対的です。意味的意味を運ぶ場所ではグリッチテキストを使用しないでください。 ソーシャルバイオ、ミーム、カジュアル投稿での装飾的な使用には、メッセージがどこかにプレーンテキストでも伝えられる限り、トレードオフは許容されます; テキストコンテンツが実際のメッセージである場所では、読みやすいUnicodeに固執してください。

正直なスコープ: このツールができることとできないこと

このツールは、入力の各文字にUnicode結合マークをスタックすることで、Zalgoスタイルのグリッチテキストを生成します。他のグリッチ効果は生成しません。それらは通常、Unicodeトリックではなく実際にレンダリングされたテキストにCSSまたはキャンバスレンダリングを必要とします。RGB色収差シフト(テキストを登録ミスの印刷のように見せる赤緑青オフセット効果)は、オフセットされた赤/緑/青のコピーを持つ text-shadow を使用するCSS効果です。スキャンライン オーバーレイ(CRTモニターの水平線効果)は、繰り返される線形グラデーションのCSS背景パターンです。グリッチアニメーション(ノイズ付きのジッターRGBシフト)はCSSキーフレームアニメーションを必要とします。ピクセルソート / data-bend(「壊れたJPEG」スライドピクセル効果)は、JavaScriptまたは実際の画像エディタでの実際の画像データ操作を必要とします。このツールの出力は、どこにでも貼り付け可能なポータブルなプレーンUnicodeです; 視覚効果のグリッチスタイルには、CSSベースのグリッチ効果ジェネレーターを見てください。2つのアプローチは補完的です: これはUnicodeテキストコンテキスト用、CSS効果ツールはページ上でレンダリングされるコンテキスト用です。

機能

よくある質問

グリッチテキストはすべてのアプリケーションで表示されますか?

Unicodeグリッチテキストは、Twitter、Discord、Instagram、メッセージングアプリを含むほとんどのアプリケーションで表示される結合文字を使用します。一部のアプリは結合文字を削除または制限する場合があり、効果が減少することがあります。ターゲットプラットフォームでテストしてください。

HTMLでグリッチテキストを使用できますか?

はい, UnicodeグリッチテキストをHTMLコンテンツに直接貼り付けます。結合文字のみであるため、追加のCSSやJavaScriptなしで任意の要素で動作します。

Zalgoテキストはどこから来たのですか?

2004年7月にSomething Awfulフォーラムでcreepypastaとして始まり、ユーザーShmorky(Dave Kelly)によって「He Is Coming」トロープのパロディとして投稿されました。「Zalgo」というキャラクターは、漫画での存在がキャラクターの吹き出しをスタックされたUnicode結合マークでレンダリングされた判読不能な落書きに腐敗させる悪意ある存在でした。美学はSomething Awfulから4chan、Tumblr、MySpaceを通じて逃げ出し、名前はジャンルラベルとして残りました。基盤となるUnicodeトリック、結合マークスタッキングは、ミームより数十年前から存在しています。

グリッチテキストはアクセシブルですか?

いいえ、グリッチテキストはスクリーンリーダーに敵対的です(NVDAはつまずき、JAWSは各結合マークの完全なUnicode名を読み上げ、VoiceOverは不器用に一時停止します)、スタックされたマークは認知的/視覚的処理の違いを持つユーザーにとって視覚的に混乱を招いたり、片頭痛を引き起こす可能性があります。意味的意味を運ぶ場所ではグリッチテキストを使用しないでください、ドキュメンテーション、alt text、エラーメッセージ、指示。ソーシャルバイオやカジュアル投稿での装飾的な使用には、実際のメッセージがどこかにプレーンテキストでも伝えられる限り、トレードオフは許容されます。

これはCSSグリッチ効果も行いますか?

いいえ、このツールはプレーンUnicodeグリッチテキストのみを生成します。CSSベースのグリッチ効果( text-shadow オフセットによるRGB色収差シフト、繰り返し線形グラデーションによるスキャンラインオーバーレイ、 @keyframes によるアニメーションジッター)は、テキストをプレーンUnicodeとして貼り付けるのではなく、スタイルシートを通じてレンダリングする必要がある異なるカテゴリです。2つのアプローチは補完的です: ポータブルなプレーンテキストコンテキスト(バイオ、チャット、投稿)のためのUnicodeグリッチテキスト、ページ上でレンダリングされるコンテキスト(自分のウェブサイトの見出し)のためのCSSグリッチ効果。

私のテキストはどこかに送信されますか?

いいえ。生成はJavaScriptを介してブラウザ内で完全に実行されます。入力するテキストは決してネットワークを越えません。Generateをクリックする間にDevToolsのネットワークタブで検証するか、ロード後にページをオフラインに(機内モードに)してもツールはまだ機能します。

関連ツール

CSSテキストグラデーションジェネレーター CSSテキストストロークジェネレーター CSSアニメーションジェネレーター CSSグラデーションボーダージェネレーター