![見出し画像](https://assets.st-note.com/production/uploads/images/23899930/rectangle_large_type_2_88d7edbc97bf6e6e1c4957c011a17676.jpg?width=1200)
【CarlBot】Botメッセージの作り方|Embedsの操作方法
Sorawafと申します!今回はDiscord(ディスコード)の総合Bot、Carl-Botに搭載されている「Embeds」機能をご紹介しますよ!
1|Embeds機能とは?
![画像1](https://assets.st-note.com/production/uploads/images/23880970/picture_pc_e8abad549a21a0db204590e347397300.jpg?width=1200)
このようにBotからメッセージを送る機能です!Embeds内のメッセージは、ユーザーが送るメッセージとの違いが幾つかあります。
①レイアウトが見易くなる
②リンクを挿入できる
③Embeds内のメンションは通知されない
④メッセージ送信者が分からなくなる 等...
2|どこから設定する?
![画像2](https://assets.st-note.com/production/uploads/images/23891707/picture_pc_211a3a23fdc4ba38b5da365196869c97.jpg?width=1200)
「Embeds」という項目を押すと、上記の様なページを表示出来ます。左側の設定画面で、送信するメッセージの編集が出来ます。右側のプレビュー画面で出来栄えを確認する事が出来ます。
3|どうやって編集する?
![画像3](https://assets.st-note.com/production/uploads/images/23893451/picture_pc_e6408ddef0f70a666cb2dd494724239b.jpg)
①通常コメント(Embeds外)
![画像4](https://assets.st-note.com/production/uploads/images/23893614/picture_pc_1a30858fc6914d2941d37414e20f303b.jpg?width=1200)
![画像5](https://assets.st-note.com/production/uploads/images/23893621/picture_pc_a592b4af457dbd21147a2765a43a9ad6.jpg)
この様に、Botに通常のメッセージを送らせる時は、「①」の枠にコメントを記載していきます。
②アイコンURL
![画像6](https://assets.st-note.com/production/uploads/images/23894091/picture_pc_26c3c08c82bbcecc69fbe696862064e3.jpg?width=1200)
![画像7](https://assets.st-note.com/production/uploads/images/23894123/picture_pc_9cfddf8cf83de6855a5d3e359e9802d7.jpg)
「②」に画像のURL(アドレス)を挿入する事で、”NAME”の左側に画像を表示する事が出来ます。
③ネーム
![画像8](https://assets.st-note.com/production/uploads/images/23894473/picture_pc_1d88048c5e05a367ef3e7fa2c729eccf.jpg?width=1200)
![画像9](https://assets.st-note.com/production/uploads/images/23894492/picture_pc_d6413f64c40a4d6b22a577a99ea21c55.jpg)
「③」に記載した内容は、Embeds内の最上部に記載されます。
④ネームURL
![画像10](https://assets.st-note.com/production/uploads/images/23894707/picture_pc_4515d7ae6511212c42d44ae0a329b493.jpg?width=1200)
![画像11](https://assets.st-note.com/production/uploads/images/23894731/picture_pc_4f6b7ea38056e7ee2d894a28e1f6f0c0.jpg)
「④」にURLを記載すると、「③」のネームをクリックする事で、記載URL先のページに飛ぶ事が出来ます。外見上は何も変わりません。
⑤タイトル
![画像12](https://assets.st-note.com/production/uploads/images/23894998/picture_pc_d91033ec55dc301612d41fae77b1bdef.jpg?width=1200)
![画像13](https://assets.st-note.com/production/uploads/images/23895010/picture_pc_12f65cf0c37cdca186eb0d15ee2eb1d6.jpg)
「⑤」に記載した内容は、太字で表示されます。256文字の字数制限があります。
⑥タイトルURL
![画像14](https://assets.st-note.com/production/uploads/images/23895146/picture_pc_273992b44e7d198614ae2cf283b91f66.jpg?width=1200)
![画像15](https://assets.st-note.com/production/uploads/images/23895156/picture_pc_6a13dd19b788623a1e9c9b7d7f2ff016.jpg)
「⑥」にURLを記載すると、「⑤」のタイトルをクリックする事で、記載URL先のページに飛ぶ事が出来ます。文字色が青色となります。
⑦本文
![画像16](https://assets.st-note.com/production/uploads/images/23895351/picture_pc_9ab4a13dfd470320d07e140744bd270a.jpg?width=1200)
![画像17](https://assets.st-note.com/production/uploads/images/23895364/picture_pc_393f438564c18dbe5be8ef08742e404d.jpg)
「⑦」が本文となります。2048文字の字数制限があります。
⑧項目追加
![画像18](https://assets.st-note.com/production/uploads/images/23895548/picture_pc_0c9dae461a34caba7e0985b359b02eb3.jpg?width=1200)
![画像19](https://assets.st-note.com/production/uploads/images/23895583/picture_pc_7b1ee839697f912911eba6b9a21e86fd.jpg)
「Add field」を押すと、項目と本文の追加が出来ます。1024文字の文字数制限があります。また、2個以上追加した状態で「Inline」を押すと、下記画像の様に段落分けが出来ます。
![画像20](https://assets.st-note.com/production/uploads/images/23895903/picture_pc_8dd28988eaf6755cd405a4863589771b.jpg?width=1200)
![画像21](https://assets.st-note.com/production/uploads/images/23895922/picture_pc_366c630c7baaea6ac4c0e2532a8fafa4.jpg)
レイアウトを更に工夫する事が出来ます。但し、スマホ上で段落分けは機能しておりません。(iosのみ検証)
⑨下部画像(大)
![画像22](https://assets.st-note.com/production/uploads/images/23896258/picture_pc_44e45c3552a4ecd1755414ebd040e170.jpg?width=1200)
![画像23](https://assets.st-note.com/production/uploads/images/23896271/picture_pc_5d785ada7aa69a6f21abaa56765057b4.jpg?width=1200)
「⑨」に画像のURL(アドレス)を挿入する事で、本文下部に画像を表示する事が出来ます。
⑩右上画像(中)
![画像24](https://assets.st-note.com/production/uploads/images/23896423/picture_pc_d7cafaa500541ea53c8dc04963851dae.jpg?width=1200)
![画像25](https://assets.st-note.com/production/uploads/images/23896433/picture_pc_2b8eff2eac5ebd0c04c89d0c48d8ac1a.jpg?width=1200)
「⑩」に画像のURL(アドレス)を挿入する事で、Embeds右上に画像を表示する事が出来ます。
⑪フッター
![画像26](https://assets.st-note.com/production/uploads/images/23896564/picture_pc_2be7fb41cbc50e730a704621ed69697e.jpg?width=1200)
![画像27](https://assets.st-note.com/production/uploads/images/23896577/picture_pc_e7594191982ebf197ff74029007f74c8.jpg?width=1200)
「⑪」に記載した文章は、最下部に記載されます。2048文字の字数制限があります。
⑫フッターアイコン
![画像28](https://assets.st-note.com/production/uploads/images/23896765/picture_pc_744220f85c351986cee4021a54521173.jpg?width=1200)
![画像29](https://assets.st-note.com/production/uploads/images/23896999/picture_pc_193fe12b3a509c225ef9246ce8b59a13.jpg?width=1200)
「⑫」に画像のURL(アドレス)を挿入する事で、”フッター”の左側に画像を表示する事が出来ます。
⑬日時
![画像30](https://assets.st-note.com/production/uploads/images/23897140/picture_pc_c52c869db2a9387d17a4dda70d91cc1e.jpg?width=1200)
![画像31](https://assets.st-note.com/production/uploads/images/23897161/picture_pc_0d395a57dcde7aede2a238427fb465f6.jpg?width=1200)
「⑬」で選択した日時を、"フッター"の右側に記載出来ます。
⑭チャンネル選択
編集が完了したら「⑭」でメッセージを送信するチャンネルを選択します。選択後、「POST」を押す事でメッセージを送信できます。
4|知って損はない!編集のコツ
![画像32](https://assets.st-note.com/production/uploads/images/23898125/picture_pc_b8fbcb197682742cb5a3ee06df762095.jpg?width=1200)
![画像33](https://assets.st-note.com/production/uploads/images/23898140/picture_pc_f3350ccdae1c0a081b6cceca4d915c5b.jpg)
①リンクの挿入
[文章や単語等](URL)
文章中にリンクを挿入する事が出来ますよ!
②チャンネルへのリンク
<#チャンネルID(数字の羅列)>
文章中に指定のチャンネルへ移動できるリンクを挿入できますよ!チャンネルIDはPCならチャンネル名の右クリック、スマホなら長押しで確認できます。※設定から開発者モードをONにする必要があります。
ロールの場合は以下の通りとなります。
<@&ロールID(数字の羅列)>
③レイアウト工夫
マークダウン記法を使用して、太字や下線といった装飾が行えます!
5|色の変更
![画像34](https://assets.st-note.com/production/uploads/images/40243503/picture_pc_d3031a015f0118a6a1c6ddff41319a9f.jpg)
Carl-Botでは、Embedsの帯の色を変更することが出来ます。
![Carl-色変更](https://assets.st-note.com/production/uploads/images/40243690/picture_pc_9ba621cfc9ffe266b8d8f1e31752e15e.jpg?width=1200)
「Toggle color picker」を押す事で、色の変更を設定できます。
最後に
Embedsは、ウェルカムメッセージ等にも使用できます。是非、本記事を参考に有効活用して頂ければ嬉しく思います。
〇 運営者コミュニティの紹介
『コミュタン』の紹介
コミュニティ運営者の情報共有・交流コミュニティ。様々な施策や事例の共有、コミュニティ運営に関する意見交換を行います。運営ノウハウをもっと深めたい!そんな運営者は気軽に参加くださいませ。堅苦しい場ではなく、温かい感じで気兼ねなく知見を共有出来たら良いですね~!
【タップ/クリック でコミュニティに参加】
※下線部をタップ/クリックでリンク先に移動します。
『MSS』の紹介
Discord運営の初歩的な情報が交わされているコミュニティです。サーバー設定やBot操作方法から、運営に関する質問のやり取りなど。『コミュタン』と一緒にご活用くださいませ。
【タップ/クリック でコミュニティに参加】
※下線部をタップ/クリックでリンク先に移動します。
耳寄り情報:画面下の♡を押すと、「スキした記事」の一覧に保存されます。ブックマークのように後から読み返せるので、是非使ってみてね。
執筆者:Sorawaf(Twitterはこちら)