Twitter のプロフィールや Slack メッセージ、Markdown が使えないプレーンテキストのフィールドで太字を使いたいことはありませんか?Unicode には太字・斜体・等幅フォントに見える文字ブロックが存在します。通常のテキストをこれらの Unicode 文字にマッピングするだけで、どの環境でもスタイルを適用できます。
Unicode テキスト変換とは
Unicode は標準 ASCII 以外に多くのアルファベットや記号セットを含んでいます。ラテンアルファベットの「スタイル版」に見える文字を含むブロックがいくつかあります:
- 数学太字(
𝗔𝗕𝗖)— 太字に見える - 数学斜体(
𝐴𝐵𝐶)— 斜体に見える - 数学太字斜体(
𝑨𝑩𝑪)— 太字と斜体の組み合わせ - 数学等幅(
𝙰𝙱𝙲)— コード/ターミナルフォントに見える - 全角(
A B C)— 東アジアのタイポグラフィで使われる広い文字 - スモールキャップス(
ᴀ ʙ ᴄ)— 大文字の字形を持つ小さな文字 - 丸囲み文字(
Ⓐ Ⓑ Ⓒ)— 丸で囲まれた文字 - 角囲み文字(
🄰 🄱 🄲)— 四角で囲まれた文字
これらは書式設定の指示ではなく、実際の Unicode 文字です。そのため HTML や Markdown がサポートされないプレーンテキスト環境でも動作します。
ZeroTool Unicode テキストコンバーターを試す →
テキストを貼り付けてスタイルを選んでコピーするだけ。ブラウザ内ですべて動作します。
変換の仕組み
コンバーターは入力の各文字を対象スタイルの Unicode 等価文字に1文字ずつマッピングします。“Hello” を数学太字に変換する例:
| 入力 | Unicode コードポイント | 文字 |
|---|---|---|
| H | U+1D400+7 | 𝗛 |
| e | U+1D41E | 𝗲 |
| l | U+1D425 | 𝗹 |
| l | U+1D425 | 𝗹 |
| o | U+1D42C | 𝗼 |
結果:𝗛𝗲𝗹𝗹𝗼
数字・スペース・句読点は通常そのまま(標準 Unicode はすべての記号にスタイル版を持つわけではありません)。
各スタイルが動作するプラットフォーム
| スタイル | Twitter/X | Slack | LINE | Discord | プレーンテキストメール |
|---|---|---|---|---|---|
| 太字 | ✓ | ✓ | ✓ | ✓ | ✓ |
| 斜体 | ✓ | ✓ | ✓ | ✓ | ✓ |
| 等幅 | ✓ | ✓ | ✓ | ✓ | ✓ |
| スモールキャップス | ✓ | ✓ | ✓ | ✓ | ✓ |
| 全角 | ✓ | ✓ | ✓ | ✓ | ✓ |
Unicode をレンダリングできる環境(事実上どこでも)で動作します。HTML、CSS、Markdown のサポートは不要です。
よくある使用例
SNS のプロフィールや投稿
Twitter/X はテキスト書式をサポートしていません。Unicode 太字や斜体でプロフィールや投稿に視覚的な階層をつけられます:
𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿 @ TechCorp
ユーザーが愛せるプロダクトを作っています。
Slack やチームチャット
Slack は独自の Markdown(*太字*、_斜体_)をサポートしていますが、書式が無効な場合やメッセージをエクスポートする際に一貫した見た目を保ちたいときに Unicode スタイルが役立ちます。
開発者向け用途
GitHub の README は Markdown をサポートしますが、コミットメッセージ・git タグ・ターミナル出力はサポートしません。プレーンテキストの文脈で強調を加えられます:
𝚏𝚎𝚊𝚝: 𝚞𝚗𝚒𝚌𝚘𝚍𝚎 𝚌𝚘𝚗𝚟𝚎𝚛𝚝𝚎𝚛 𝚊𝚍𝚍𝚎𝚍
装飾的な見出し
カスタム CSS が使えないコンテンツプラットフォームで、全角文字や丸囲み文字を使った装飾的な見出し作成に活用できます。
アクセシビリティと制限事項
スクリーンリーダー
スクリーンリーダーは Unicode スタイル文字を一貫して処理しません。𝗛𝗲𝗹𝗹𝗼 は “Hello” ではなく “数学的太字大文字 H 数学的太字小文字 e…” と読み上げられる場合があります。アクセシビリティが必要なコンテンツには HTML/CSS の書式設定を使用してください。
検索性
Unicode 太字の 𝗛𝗲𝗹𝗹𝗼 は通常テキストの Hello と異なる文字列です。検索エンジンや画面内検索は、通常版を検索しても Unicode スタイル版を見つけられません。SEO に重要なコンテンツには使用しないでください。
文字カバレッジ
すべての文字に Unicode スタイル版があるわけではありません。数字(0–9)には太字/等幅版がありますが、斜体版がない場合もあります。特殊文字・アクセント付き文字・非ラテン文字(日本語を含む)は通常、数学スタイルの等価文字を持ちません。
クロスプラットフォームのレンダリング
最新の OS とブラウザはこれらの Unicode 文字を正しくレンダリングします。古いシステムやフォントサポートが限られた環境では代替文字(□)が表示される場合があります。
プログラムでの実装
開発者向けのコードポイント参照:
| スタイル | 大文字開始 | 小文字開始 |
|---|---|---|
| 太字 | U+1D400 | U+1D41A |
| 斜体 | U+1D434 | U+1D44E |
| 太字斜体 | U+1D468 | U+1D482 |
| 等幅 | U+1D670 | U+1D68A |
| 全角 | U+FF21 | U+FF41 |
function toBold(char) {
const code = char.charCodeAt(0);
if (code >= 65 && code <= 90) { // A-Z
return String.fromCodePoint(0x1D400 + code - 65);
}
if (code >= 97 && code <= 122) { // a-z
return String.fromCodePoint(0x1D41A + code - 97);
}
return char;
}
"Hello".split("").map(toBold).join(""); // 𝗛𝗲𝗹𝗹𝗼
まとめ
Unicode テキスト変換は、プレーンテキスト環境でスタイルを加えるシンプルかつ実用的なツールです。スタイル文字は書式設定の指示ではなく実際の Unicode 文字なので、Unicode をサポートするどの環境でも表示されます。SNS プロフィール・チャットメッセージ・HTML/Markdown が使えない文脈での利用に適しています。
ただし、アクセシビリティと検索性のトレードオフに注意してください。制作コンテンツには適切なセマンティックマークアップを使用することをお勧めします。