<p>EmojiOnDemandは、Discord上で手軽にカスタム絵文字を作成・登録できるボットです。テキストを用いたオリジナルの絵文字をリアクションやチャットで使用できるようになります。思いついた瞬間にテキスト絵文字を作成し、すぐに使えるようになります。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/aede18abf69f-20230422.png" alt="EmojiOnDemand" loading="lazy" class="md-img"></p>
<h2 id="%E4%B8%BB%E3%81%AA%E6%A9%9F%E8%83%BD">
<a class="header-anchor-link" href="#%E4%B8%BB%E3%81%AA%E6%A9%9F%E8%83%BD" aria-hidden="true"></a> 主な機能</h2>
<p><code>/add_emoji</code> コマンドを実行すると、テキストを用いた絵文字用の画像が生成され、そのプレビューと登録ボタンがEphemeralメッセージ（自分だけに表示される）で送信されます。このプレビューで作成された絵文字を確認できます。<br>
登録ボタンを押すとサーバーに絵文字が登録され、すぐに使えるようになります。</p>
<p><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/3IFuipP5Hz8" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://youtu.be/3IFuipP5Hz8" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://youtu.be/3IFuipP5Hz8</a></p>
<h2 id="emojiondemand%E3%81%AE%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#emojiondemand%E3%81%AE%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95" aria-hidden="true"></a> EmojiOnDemandの導入方法</h2>
<p>EmojiOnDemandを自分のサーバーに追加するには、以下の招待リンクをクリックしてください。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d183ec4e27cb9" src="https://embed.zenn.studio/card#zenn-embedded__d183ec4e27cb9" data-content="https%3A%2F%2Fdiscord.com%2Fapi%2Foauth2%2Fauthorize%3Fclient_id%3D1098151562360148009%26permissions%3D8797166764032%26scope%3Dbot" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://discord.com/api/oauth2/authorize?client_id=1098151562360148009&amp;permissions=8797166764032&amp;scope=bot" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://discord.com/api/oauth2/authorize?client_id=1098151562360148009&amp;permissions=8797166764032&amp;scope=bot</a></p>
<h2 id="%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E5%BC%95%E6%95%B0">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E5%BC%95%E6%95%B0" aria-hidden="true"></a> コマンド引数</h2>
<p>EmojiOnDemandのスラッシュコマンドには、以下の引数が指定できます。</p>
<ul>
<li>
<p>text(str, required)<br>
絵文字画像に載せる文字列<br>
<code>\n</code>で改行</p>
</li>
<li>
<p>name(str, optional)<br>
絵文字を呼び出す際に使用する文字列<br>
未指定の場合はtextが使われる</p>
</li>
<li>
<p>text_color(str, optional)<br>
文字色。色名、#hex、カンマ区切りのRGB(A)で指定可能<br>
未指定の場合は設定されている色名からランダム<br>
例： <code>yellow</code>, <code>#FF0</code>, <code>#FF0F</code>, <code>#FFFF00</code>, <code>#FFFF00FF</code>, <code>255,255,0</code>, <code>255,255,0,255</code></p>
</li>
<li>
<p>bg_color(str, optional)<br>
背景色。指定方法はtext_colorと同じ<br>
未指定の場合は透明</p>
</li>
<li>
<p>align(str, optional)<br>
文字揃えの指定<br>
textが複数行ある場合のみ意味がある<br>
指定可能な値は<code>Left</code>,<code>Center</code>,<code>Right</code>,<code>Fill</code>,<code>FillWeight</code><br>
未指定の場合は<code>Center</code></p>
</li>
</ul>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">フルオプションの例</span></div>
<pre><code>/add_emoji text:Emoji\nOn\nDemand name:emoji text_color:62,167,254 bg_color:237,242,247 align:Center
</code></pre>
</div><h3 id="align%E6%8C%87%E5%AE%9A%E3%81%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB">
<a class="header-anchor-link" href="#align%E6%8C%87%E5%AE%9A%E3%81%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB" aria-hidden="true"></a> align指定のサンプル</h3>
<h4 id="center(%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88)">
<a class="header-anchor-link" href="#center(%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88)" aria-hidden="true"></a> Center(デフォルト)</h4>
<p><img src="https://storage.googleapis.com/zenn-user-upload/1a7b75903cce-20230504.png" alt="align center" loading="lazy" class="md-img"></p>
<h4 id="left">
<a class="header-anchor-link" href="#left" aria-hidden="true"></a> Left</h4>
<p><img src="https://storage.googleapis.com/zenn-user-upload/7a4000fb6968-20230504.png" alt="align left" loading="lazy" class="md-img"></p>
<h4 id="right">
<a class="header-anchor-link" href="#right" aria-hidden="true"></a> Right</h4>
<p><img src="https://storage.googleapis.com/zenn-user-upload/5d6ef7fd8aab-20230504.png" alt="align right" loading="lazy" class="md-img"></p>
<h4 id="fill(%E6%A8%AA%E5%B9%85%E3%82%92%E5%BA%83%E3%81%92%E3%82%8B)">
<a class="header-anchor-link" href="#fill(%E6%A8%AA%E5%B9%85%E3%82%92%E5%BA%83%E3%81%92%E3%82%8B)" aria-hidden="true"></a> Fill(横幅を広げる)</h4>
<p><img src="https://storage.googleapis.com/zenn-user-upload/33c525357309-20230504.png" alt="align fill" loading="lazy" class="md-img"></p>
<h4 id="fillweight(%E5%8F%AF%E8%83%BD%E3%81%AA%E9%99%90%E3%82%8A%E3%82%A2%E3%82%B9%E3%83%9A%E3%82%AF%E3%83%88%E6%AF%94%E3%82%92%E4%BF%9D%E3%81%A3%E3%81%A6%E6%A8%AA%E5%B9%85%E3%82%92%E5%BA%83%E3%81%92%E3%82%8B)">
<a class="header-anchor-link" href="#fillweight(%E5%8F%AF%E8%83%BD%E3%81%AA%E9%99%90%E3%82%8A%E3%82%A2%E3%82%B9%E3%83%9A%E3%82%AF%E3%83%88%E6%AF%94%E3%82%92%E4%BF%9D%E3%81%A3%E3%81%A6%E6%A8%AA%E5%B9%85%E3%82%92%E5%BA%83%E3%81%92%E3%82%8B)" aria-hidden="true"></a> FillWeight(可能な限りアスペクト比を保って横幅を広げる)</h4>
<p><img src="https://storage.googleapis.com/zenn-user-upload/b520ecc8927f-20230504.png" alt="align fill weight" loading="lazy" class="md-img"></p>


ほしい絵文字をその場で登録して使えるDiscordボットを作った話

Discussion