空白文字可視化ツール

空白文字可視化ツールは、通常のエディタでは隠されている不可視文字を可視化し、フォーマットの問題をデバッグできるようにします。コードレビュー、YAML や TOML のインデント、CSV のクリーンアップ、Markdown のレンダリング問題、Web からコピーしたテキスト、ターミナルのログ、そしてスペース、タブ、改行、ノーブレークスペース、ゼロ幅文字が結果に影響を与えるあらゆる場面で特に役立ちます。

このツールで明らかになるもの

• スペース: 通常のスペースは · マーカーとして表示されます。
• タブ: タブ文字は ⇥ マーカーとして表示され、2、4、または 8 カラム幅で表示できます。
• 改行コード: LF、CRLF、および CR の改行が個別にラベル付けされるため、クロスプラットフォームのテキスト問題を簡単に見つけることができます。
• 行末の空白: 行末にあるスペース、タブ、ノーブレークスペースは警告としてハイライトされます。
• Unicode 不可視文字: NBSP、ZWSP、BOM、ソフトハイフン、接合子、方向マーク、その他のフォーマット文字がラベル付きトークンとして表示されます。

主な用途

• タブとスペースが誤って混在している YAML や Python ファイルのデバッグ。
• Lint、スナップショット、Markdown、または厳密なテストフィクスチャを壊す行末の空白の発見。
• Web ページ、PDF、スプレッドシート、またはリッチテキストエディタからコピーされたノーブレークスペースの特定。
• テキストが Unix の LF、Windows の CRLF、または古い形式の CR 改行コードを使用しているかの確認。
• 2 つの文字列が同じに見えても比較結果が異なる原因となるゼロ幅文字の露出。

例とデバッグのヒント

• YAML のエラー: あるリストアイテムが ⇥ で始まり、前のアイテムが ·· で始まっている場合、ファイルを検証する前にタブをスペースに置き換えてください。
• Markdown の予期せぬ動作: ハイライトされた行末空白は Markdown では意図的な改行である場合がありますが、偶発的な行末空白は差分（diff）を汚す原因になります。
• コピー＆ペーストの不一致: 可視化された NBSP トークンは、通常、テキストがプレーンテキストエディタではなく、Web ページ、PDF、スプレッドシート、またはリッチテキストソースから来たことを意味します。
• 文字列比較のバグ: ZWSP、BOM、および方向マークは、文字列を同一に見せますが、等価チェック、スラッグ作成、またはデータベースキーの照合に失敗させることがあります。
• クロスプラットフォームファイル: Windows、macOS、Linux、またはコンテナ内で同じファイルを編集した後に、CRLF と LF の改行が混在することがよくあります。

使い方

1. コード、YAML、CSV、ログ行、または整形されたテキストをテキストボックスに貼り付けます。
2. スペース、タブ、改行コード、Unicode 制御文字、および行末空白を表示するかどうかを選択します。
3. 「空白を可視化」をクリックして、行ごとにマークされたビューを表示します。
4. 警告数、インデント行、改行コード、およびコピー可能なマーク付き出力を確認します。

FAQ

空白文字可視化ツールは何を表示しますか？

通常、テキストエディタやブラウザでは見えないスペース、タブ、改行、キャリッジリターン、ノーブレークスペース、ゼロ幅 Unicode 文字、制御文字、インデント、および行末の空白を表示します。

YAML のインデントのデバッグに役立ちますか？

はい。YAML はインデントに敏感です。このツールはスペースとタブを別々にマークし、混在したインデント行にフラグを立て、各行の正確な先頭スペースとタブの数を表示します。

行末の空白を見つけるにはどうすればよいですか？

行末のスペース、タブ、およびノーブレークスペースは、各行の最後でハイライトされます。概要には行末空白を含む行数もカウントされます。

ゼロ幅文字を検出しますか？

はい。ゼロ幅スペース、ゼロ幅接合子、バイト順マーク（BOM）、ソフトハイフン、方向マークなどの一般的な不可視 Unicode 文字が、コードポイントのツールチップ付きラベルとして表示されます。

貼り付けたテキストは保存されますか？

いいえ。ツールは送信されたテキストを処理して可視化ビューを作成するだけで、コンテンツを保存することはありません。