【保存版】Discordのテキスト装飾をマスターしよう!太字・斜体・下線・取り消し線からカラーテキストまで完全解説
Discordは、ゲーマーコミュニティを一変させた最高のVoIP(Voice over Internet Protocol)アプリの一つです。友人や同じ趣味を持つ仲間とつながれる素晴らしいプラットフォームで、チャットや通話、画像やファイルの共有、グループでの交流、議論やプレゼンテーションなど、さまざまなことができます。機能が豊富で、クールなインターフェースを備え、しかも完全無料で使える点も魅力です。
しかし、Discordを使い始めたばかりの頃は、何がなんだか分からず戸惑うことも多いはず。特に目を引くのが、華やかなチャットルームではないでしょうか。太字、斜体、取り消し線、下線、さらには文字に色をつけるなど、さまざまなテクニックを駆使して会話している人を見て、「自分もやってみたい!」と思った方も多いでしょう。
今日はまさにそんなあなたのための日です。この記事では、Discordのテキスト装飾(フォーマット)について、基本から応用テクニックまで徹底的に解説します。さっそく始めましょう。
Discordテキスト装飾の完全ガイド
なぜDiscordでテキスト装飾ができるのか?
便利なテクニックを紹介する前に、まずはその仕組みを理解しておきましょう。Discordでは「Markdown(マークダウン)」というスマートで効率的なエンジンを使ってテキストを整形しています。
Markdownはもともとシンプルなテキストエディタやオンラインフォーラム向けに開発されたものですが、今ではDiscordをはじめ多くのアプリに採用されています。アスタリスク(*)、チルダ(~)、バックスラッシュ(\)などの特殊記号を単語や文章の前後に置くことで、太字・斜体・下線などの装飾を実現します。
また、Discordのテキスト装飾のもう一つの魅力が「文字に色をつける」ことです。これは「Highlight.js」というライブラリのおかげで実現しています。ただし、Highlight.jsは好きな色を直接指定できるわけではなく、構文ハイライト(syntax highlighting)を利用したちょっとした裏技を使う必要があります。具体的には、コードブロックを作成し、あらかじめ用意された構文ハイライトのプロファイルを適用することで、テキストをカラー表示できます。詳細は後ほど解説します。
基本のテキスト装飾
まずは基本となる太字・斜体・下線・取り消し線の使い方から見ていきましょう。これらはすべてMarkdownによって処理されます。
テキストを太字にする方法
チャット中に特定の単語やフレーズを強調したい場面はよくありますよね。重要度を伝える最も簡単な方法が太字です。Discordでのやり方はとてもシンプルで、テキストの前後に半角アスタリスク2つ(**)を付けるだけです。
例:**このテキストは太字になります**
入力してEnterキーを押すか送信すると、アスタリスクで囲まれた部分が太字で表示されます。
テキストを斜体にする方法
テキストを斜体(少し傾いた文字)にすることもできます。やり方は、テキストを半角アスタリスク1つ(*)で挟むだけ。太字とは違い、必要なのは1つだけです。
例:「*このテキストは斜体になります*」と入力すると、チャット上で斜体として表示されます。
太字かつ斜体にする方法
両方の効果を組み合わせたい場合は、アスタリスク3つ(***)を使います。文章の最初と最後を3つのアスタリスクで囲めばOKです。
テキストに下線を引く方法
特定の情報に注目してもらいたいときに便利なのが下線です。例えば、イベントの日時など、友達に忘れてほしくない情報を目立たせたい場合に活躍します。
ここで使う特殊記号は半角アンダーバー(_)です。下線を引きたい部分の前後にアンダーバー2つ(__)を置くと、その間のテキストに下線が引かれます。
例:「__この部分__に下線が引かれます」と入力すると、「この部分」だけが下線付きで表示されます。
取り消し線テキストを作る方法
次は取り消し線です。文章の中の特定の言葉を打ち消したい場合は、チルダ(~)を2つ、フレーズの前後に付けましょう。
例:~~このテキストは取り消し線の例です~~
入力して送信すると、文章全体に一本の線が引かれた状態で表示されます。
複数の装飾を組み合わせる方法
先ほど太字と斜体を組み合わせたように、他の効果同士を掛け合わせることも可能です。例えば「下線+太字」や「取り消し線+斜体」なども作れます。以下に代表的な組み合わせの書式をまとめました。
1.太字+下線(アンダーバー2つ+アスタリスク2つ):__**ここにテキストを入力**__
2.斜体+下線(アンダーバー2つ+アスタリスク1つ):__*ここにテキストを入力*__
3.太字+斜体+下線(アンダーバー2つ+アスタリスク3つ):__***ここにテキストを入力***__
記号をそのまま表示させる方法(装飾の無効化)
ここまで読んで、アスタリスクやチルダ、アンダーバーといった特殊記号がDiscordのテキスト装飾において重要な役割を果たしていることが分かったと思います。これらの記号は、Markdownに対して「どんな装飾をするか」を指示する命令のようなものです。
しかし、場合によってはこれらの記号自体をメッセージの一部として、そのまま表示したいこともありますよね。そんなときは、Markdownに「これは普通の文字として扱ってほしい」と伝える必要があります。
方法は簡単。各記号の直前にバックスラッシュ(\)を付けるだけです。こうすることで、特殊記号がそのままの形でチャットに表示されます。
例えば「\_\_\*\*このメッセージをそのまま表示してください\*\*\_\_」と入力すると、アンダーバーやアスタリスクが装飾されずにそのまま出力されます。
なお、文末側のバックスラッシュは必須ではありません。文頭にだけ付けても機能します。また、アンダーバーを使わない場合は、文頭にバックスラッシュを1つ付けるだけでOKです(例:\*\*アスタリスクをそのまま表示)。
以上で基本のテキスト装飾は完了です。次のセクションでは、コードブロックの作成方法や、いよいよ文字に色をつける高度なテクニックを紹介します。
上級編:コードブロックとカラーテキスト
基本のテキスト装飾に必要なのは、アスタリスク、バックスラッシュ、アンダーバー、チルダといった少数の特殊記号だけです。これらを使いこなせば、太字・斜体・取り消し線・下線を自由自在に操れます。少し練習すればすぐに慣れるので、その後はより高度なテクニックに挑戦してみましょう。
コードブロックを作成する方法
コードブロックとは、コードの行をテキストボックスで囲んだものです。プログラムのコード断片を友人やチームメンバーと共有するときに使われます。コードブロック内のテキストは一切装飾されず、入力した通りの形でそのまま表示されます。そのため、アスタリスクやアンダーバーを含む複数行のテキストを共有したい場合にも有効です。Markdownがこれらの記号を装飾の指示として解釈しなくなるからです。
コードブロックの作り方は非常にシンプルで、必要なのはバッククォート(`)1種類だけです。このキーはEscキーの下にあります。1行だけのコードブロックを作るには、行の前後にバッククォートを1つずつ付けます。複数行のコードブロックを作りたい場合は、行の最初と最後にバッククォート3つ(```)を置きます。
1行コードブロックの例:
`これは1行コードブロックの例です`
複数行コードブロックの例:
```これは複数行コードブロックの例です 記号もそのまま表示されます *** 装飾されることなく __表示されます **```
Discordで文字に色をつける方法
前述の通り、Discordには文字色を直接変更する機能がありません。そこで、いくつかの賢いトリックを使って目的の色を実現します。鍵となるのは、Highlight.jsに含まれる構文ハイライト機能です。
Discordは背景で複雑なJavaScriptプログラム(Highlight.jsを含む)を動かしています。Discord本体には文字色を変える機能はありませんが、バックグラウンドで動くJavaScriptエンジンにはそれがあります。これを逆手に取るのです。具体的には、コードブロックの冒頭にプログラミング言語の参照名を追加することで、Discordに「これはコード断片だ」と思わせます。JavaScriptには構文ごとにあらかじめ決められた色があり、これが「構文ハイライト」です。これを利用してテキストをハイライト表示します。
カラーテキストを作る前に、押さえておきたいポイントがあります。どの色を使う場合でも、テキストはバッククォート3つによる複数行コードブロックで囲む必要があるということです。そして、各コードブロックの冒頭に、内容の色を決める特定の構文ハイライト名を記述します。色ごとに異なる構文を使うので、順番に見ていきましょう。
1.赤色のテキスト
チャット上で赤く表示されるテキストを作るには、「diff構文ハイライト」を使用します。コードブロックの冒頭に「diff」という言葉を入れ、文章の先頭にハイフン(-)を付けるだけです。
```diff - このテキストは赤色になります ```
2.オレンジ色のテキスト
オレンジ色には「CSS構文ハイライト」を使います。テキストを角括弧([ ])で囲む必要がある点に注意してください。
```css [このテキストはオレンジ色になります] ```
3.黄色のテキスト
黄色はおそらく最も簡単です。「fix構文ハイライト」を使います。コードブロック内で特別な記号を使う必要はなく、冒頭に「fix」と書くだけでOKです。
```fix このテキストは黄色になります ```
4.緑色のテキスト
緑色は「css」と「diff」のどちらの構文ハイライトでも実現できます。「CSS」を使う場合はテキストを引用符(" ")で囲みます。「diff」を使う場合は、テキストの前にプラス(+)記号を付けます。両方のサンプルを以下に示します。
```CSS "このテキストは緑色になります。" ```
```diff +このテキストは緑色になります ```
さらに濃い緑色が欲しい場合は、「bash構文ハイライト」も使えます。この場合もテキストは引用符で囲んでください。
```bash "このテキストは濃い緑色になります" ```
5.青色のテキスト
青色は「ini構文ハイライト」で実現できます。実際のテキストは角括弧([ ])で囲む必要があります。
```ini [このテキストは青色になります] ```
「css構文ハイライト」でも青色にできますが、いくつか制限があります。単語間にスペースを入れることができず、代わりにアンダーバーで区切った長い文字列として入力する必要があります。さらに、文頭にドット(.)を付ける必要もあります。
```css .この_テキストは_青色になります ```
6.色をつけるのではなく、テキストをハイライトする
ここまで紹介した構文ハイライトのテクニックは、すべてテキストの色を変えるためのものでした。しかし、色を変えたいのではなく、単にテキストをハイライト(強調表示)したいだけなら、「Tex構文」を使えます。「tex」でコードブロックを始めるのに加え、文章の先頭にドル記号($)を付けます。
```tex $このテキストはハイライト表示されます ```
まとめ
以上で、Discordのテキスト装飾に必要な重要テクニックはほぼ網羅しました。さらに上級テクニックを知りたい方は、Markdownのチュートリアルや解説動画を参考にしてみてください。インターネット上には無料のMarkdownチュートリアルやチートシートがたくさんあり、実はDiscord公式もユーザーのために公式Markdownガイドを公開しています。
関連記事:
- Discordの全メッセージを削除する方法
- Discordから動画をダウンロードする方法
- Discordで画面共有をする方法
- Androidでアンインストールできないアプリを削除する方法
Discordのテキスト装飾は、覚えておいて損のない楽しいスキルです。通常のテキストに太字や斜体、下線を交ぜるだけで、会話の単調さがぐっと減ります。
さらに、仲間全員がカラーコーディングをマスターすれば、チャットルームをおしゃれで魅力的な空間にすることも可能です。カラーテキストの作成には、状況に応じて特定の構文プロトコルに従う必要があるなどの制約はありますが、すぐに慣れるはずです。少し練習すれば、ガイドやチートシートを見なくても正しい構文を使えるようになるでしょう。さあ、今すぐ練習を始めてみてください!
-
サイバーマンデー完全ガイド:おトクなセール攻略法と安全なネットショッピングの心得
サイバーマンデーとは?行列に並ばず自宅でお得をゲット行列に並ばずにベストなお買い得商品を手に入れたいなら、サイバーマンデーセールでオンラインショッピングを楽しんでみませんか。自宅のリビングから、お気に入りのガジェットや家電をゆったりと購入できます。ブラックフライデーに買いそびれた方、チャンスを逃した方にとって、これ以上ないメガ級のオンラインホリデーセールです。サイバーマンデーとは、ブラックフライデーの翌月曜日のこと。今年は11月27日(月)にあたります。すでに多くのオンラインストアが「サイバーマンデー」の名目でセールを開始しているので、見逃す手はありません。「良い商品ほど早く売り切れる」という
-
Tinderの使い方完全ガイド|基本操作から有料プラン、安全機能まで徹底解説
Hinge、Bumble、Thursdayなどライバルアプリが次々と登場する今でも、Tinderは世界最大級のマッチングアプリとして揺るぎない人気を保っています。登場から長い年月を経て機能も大幅に追加され、シンプルなスワイプだけで勝負していた頃とは別物と言えるほど進化しました。プロフィールをブラッシュアップしたいベテランユーザーの方も、これから初めてマッチングアプリを使ってみたいという初心者の方も、このガイドを読めばTinderのすべてがわかります。Tinderとは?Tinderは、お互いへの魅力をもとにカップルをつなぐオンラインデーティングアプリです。あらかじめ設定した年齢層・性別・現在地か