Discordの便利な拡張ツール「BetterDiscord」が想像以上に良かったので機能と使い方を解説

今やボイスチャットツールではSkypeやTeamspeak3に勝る勢いの「Discord」。

【関連記事】「Discord」が便利すぎてSkypeとTSを消した話

有志によって公開された拡張ツール「BetterDiscord」を導入することで、さらに便利に使うことができた。導入方法や、導入することで追加される機能・使い方を紹介していく。

BetterDiscordとは

BetterDiscordは、ただでさえ便利なDiscordをさらに使いやすくするための拡張ツールだ。導入することで、機能を追加できたり、デザインカスタマイズを行えるようになる。

複数の便利なモード切り替え
チャットの絵文字機能をより便利に
パブリックサーバーによりアクセスしやすくなる
CSSによってデザインをカスタマイズできる
好きな画像をクライアントの背景に設定できる
プラグインを導入することでさらに機能を追加

ざっくり挙げるとこんな感じ。詳しくは下記で解説していきます。

BetterDiscordの導入手順

ダウンロード場所

https://github.com/Jiiks/BetterDiscordApp/releases

こちらのURLから.zipファイルをダウンロードして解凍します。

インストール

1. 解凍したフォルダ内にあるBetterDiscordWI.exeを開く

2. Acceptを選択してNextを押す

3. Discord内のフォルダが自動でインストール場所に選択されるので変更せずInstallを押す

以上でインストールが完了します。このままDiscordを開けば拡張機能が利用できます。

BetterDiscordの使い方

BetterDiscordを導入することで、設定画面に5つの項目が追加されます。

各項目で利用できる追加機能と使い方について解説していきます。

Core

左のサーバー一覧にパブリックサーバータブを表示する
Discordを全体的にコンパクトにするミニマルモード
ボイスチャットのみを利用するボイスモード
タイムスタンプを12hr/24hrに切り替え
テキストの色をロールの色を変更

などの、より詳細な設定を行えます。

これらの設定はON/OFFで切り替えできるので簡単。

Emotes

配信サイトTwitchで用いられているエモートや、FrankerFaceZ・BetterTTVのエモートや絵文字などを使用することができるようになる。

簡単に言えばチャットの顔文字機能が拡張されます。

これもON/OFFで簡単に設定可能だ。不要ならば切っておくといい。

Custom CSS

エディタにCSSを書き込むことで、簡単にデザインを変更することができる。

Discordのクライアントを自由自在にカスタマイズできるのでおすすめ。

CSS分からないよ！って人も、「BetterDiscord css」とかでGoogle検索すれば日本語のページがいくつか出てくるので、コピペして書き換えれば簡単にいじれると思う。

プラグインやテーマを導入する

残りのPluginsとThemesについてですが、この項目から公開されているカスタムテーマやプラグインを導入することができる。まずはURLからBetterDiscordの公式Discordに参加すること。

https://discordapp.com/invite/0Tmfo5ZbORBSfCjI

※上記のURLから参加できなかった場合はこちらの説明文のリンクを試してみてください

サーバーに参加すると、様々なテキストチャンネルが並んでいると思いますが、#plugin-repoがプラグインを共有する場、#theme-repoがカスタムテーマを共有する場となっています。そこから必要なプラグインやテーマを探して導入していきます。

下記で、さらに詳しい導入手順の解説をしていく。

プラグインの導入方法

テキストチャンネル#plugin-repoから好きなプラグインをダウンロード
Discordから、ユーザー設定 – Plugins – Open Plugin Folderをクリック
開いたフォルダに、ダウンロードした.jsファイルをつっこむ
Discordを再起動するか、Ctrl+Rで更新
先ほどつっこんだプラグインが設定 – Pluginsの一覧に表示されているので有効化

という手順でプラグインを導入できます。

どんなプラグインがある？

GitHub上でも公開されている、BetterDiscordの公式プラグインの名前と機能を書き出しておく。これ以外にもあるが、プラグインってこんなものなんだって参考にしてもらえれば。

AutoPlayGifs – テキストチャンネルに貼ったGIFを自動再生
GuildsScroller – サーバーリストにスクロールバーを追加
dblClickEdit – 自分が発言したチャットをダブルクリックで編集
emoteBlacklist – 絵文字を右クリックでブラックリストに追加
mediaSupport – html5のメディアを再生可能にする
typingsound – チャットを打つたびに音が出る、英字のみ対応

画像でも適用しているdblClickEditは、導入するだけでかなり操作感が変わるのでおすすめ。

カスタムテーマの導入方法

テキストチャンネル#theme-repoから好きなテーマをダウンロード
Discordから、ユーザー設定 – Themes – Open Theme Folderをクリック
開いたフォルダに、ダウンロードした.cssファイルをつっこむ
Discordを再起動するか、Ctrl+Rで更新
先ほどつっこんだテーマが設定 – Themesの一覧に表示されているので有効化

という手順でカスタムテーマを導入できます。

背景を好きな画像に変える方法

1. 好きな画像をこちらのサイトの左側につっこみ、右側の文字列をコピー

2. 適用したテーマの.cssファイルをワードパッドで開き、background: url(ここに画像URLがある)のカッコ内を、コピーした文字列に置き換える

3. すごいことになりますが気にせずに上書き保存し、Discordを再起動する

以上の手順で、カスタムテーマの背景を好きな画像に変更できました。

最後に

今回はBetterDiscordの機能と使い方について解説しました。

当初は「Discordのデザインってカスタマイズできないのかなー？」と思って探してたらこれが見つかったのですが、導入してみると他の機能もかなり便利でした。

Discordのデザインをカスタマイズしたい方だけでなく、もっと便利に活用したい！って人や、機能性に不満のある方は導入してみてはいかがでしょうか。かなりおすすめです。

Discordの便利な拡張ツール「BetterDiscord」が想像以上に良かったので機能と使い方を解説

BetterDiscordとは