PCおよびWeb上のDiscordで開発者モードを有効にする方法

ボットの構築、統合の構成、またはDiscordで開発中のアクティビティを実行する場合、ユーザー、サーバー、およびチャネルIDへのアクセスが不可欠です。開発者モードを有効にすると、これらの識別子が明らかになり、追加の開発者中心の機能のロックが解除され、IDのコピーやDiscordアプリケーションのテストなどのタスクが合理化されます。プロセスは簡単ですが、ステップはデスクトップアプリとWebバージョンの間でわずかに異なります。

ステップ1：PCまたはWebブラウザで不一致を開きます。ユーザー名の横にある左下の角にあるギアアイコンを見つけ、それをクリックしてユーザー設定にアクセスします。

ステップ2：[設定]メニューの左側のサイドバーで、下にスクロールして、高度なタブ。このセクションには、開発者とパワーユーザー向けの設定が含まれています。

ステップ3：を見つけます開発者モードトグル。それをクリックして、開発者モードをオンにします。これにより、サーバー、チャネル、ユーザー、メッセージのIDをコピーする機能がすぐに解除されます。これは、ボット開発と不一致API使用に不可欠です。

ステップ4：開発者モードが有効になったら、サーバー、チャンネル、ユーザー、またはメッセージを右クリックして表示しますIDをコピーしますコンテキストメニューのオプション。これを選択すると、関連する識別子がクリップボードにコピーされます。

また読む：

ステップ5：アプリケーションテストモードなどの追加のテスト機能については、同じ高度なセクションにアプリケーションIDを入力できます。これにより、収益化機能を備えたDiscordアプリケーションを開発している場合、購入をシミュレートしてSKUをテストできます。

高度な実験で開発者モードを有効にする（デスクトップアプリのみ）

一部のユーザーは、Discordの内部開発者実験にアクセスしたいと考えています。これは、標準開発者モードでは利用できない非表示または実験機能を公開します。このプロセスには、Discordの構成ファイルの編集とDevToolsコンソールでJavaScriptの実行が含まれます。これらの手順は、上級ユーザーにのみ推奨され、将来の不一致の更新で壊れる可能性があります。

ステップ1：完全に不和を閉じて、バックグラウンドで実行されていないことを確認します。必要に応じて、すべての不和プロセスを終了するためにタスクマネージャーを使用します。

ステップ2：プレスWIN+R[Windows実行]ダイアログを開くには。 Discord設定フォルダーを開くには、次のパスを入力してください。

%APPDATA%Discord

Discord PTB（パブリックテストビルド）またはカナリアの場合、使用します%APPDATA%DiscordPTBまたは%APPDATA%discordcanaryそれぞれ。

ステップ3：開けるsettings.jsonテキストエディター（Notepad ++は読みやすくするために推奨されます）。

ステップ4：次の行をJSONオブジェクトに追加し、必要に応じてコンマを含めるようにしてください。

"DANGEROUS_ENABLE_DEVTOOLS_ONLY_ENABLE_IF_YOU_KNOW_WHAT_YOURE_DOING": true

この設定により、開発者ツールコンソールを開くことができますCtrl+Shift+IDiscordアプリ内。

ステップ5：ファイルを保存して、不一致を再起動します。上記のショートカットを使用して、開発者ツールコンソールを開きます。

ステップ6：コンソールでは、次のコードを貼り付けて、実験機能を解き放ちます（実行前に安全性のためのコードを確認してください）：


Object.defineProperty(
    (webpackChunkdiscord_app.push([
        [""],
        {},
        (e) => {
            m = [];
            for (let c in e.c) m.push(e.c[c]);
        },
    ]),
    m).find((m) => m?.exports?.default?.isDeveloper !== void 0).exports.default,
    "isDeveloper",
    { get: () => true }
);

実行後、Discordの設定を開きます。あなたは今見るべきです実験設定サイドバーの下部にあるタブで、さまざまな内部機能とベータオプションを切り替えることができます。

注記：これらの変更は、不一致の更新全体で永続的ではありません。更新されるたびにプロセスを繰り返す必要がある場合があり、DevToolsコンソールでカスタムコードを実行すると、常にリスクがあります。完全に理解しているスクリプトのみを使用してください。

開発者モードの問題のトラブルシューティング

開発者モードまたは開発者コンソールが手順に従った後に表示されない場合：

不一致を完全に再開し、すべてのプロセスが閉じられるようにします。 Discordが新しい設定を適用するためにフル再起動が必要な場合があります。
正しいものを編集していることを再確認してくださいsettings.jsonDiscordバージョン（Stable、PTB、またはCanary）のファイル。
古いビルドには異なる設定の場所があるか、特定の機能がない場合があるため、Discordの最新バージョンを使用していることを確認してください。
Webバージョンを使用している場合、高度な実験は利用できませんが、標準の開発者モードはデスクトップと同じように機能します。

代替：ブラウザ拡張機能またはプラグインを使用する（Webのみ）

実験を自動化したり、DiscordのWebバージョンにCSS修正を適用したいユーザーの場合、TamperMonkeyなどのブラウザー拡張機能を使用してカスタムスクリプトを実行できます。これらのスクリプトは実験のロックを解除し、Discordのインターフェイスを調整できますが、技術的な知識が必要であり、Discordのサービス条件に違反する可能性があります。

実験を可能にし、レイアウトの問題を修正するためのTamperMonkeyスクリプトの例：


// ==UserScript==
// @name         Discord Enable Experiments Web
// @namespace    https://discord.com/channels/
// @version      2025-04-11
// @description  Enable experiments and fix layout issues in Discord Web
// @match        https://discord.com/channels/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    function wait(ms) {
        return new Promise(resolve => setTimeout(resolve, ms));
    }
    const enableExperiments = async () => {
        let cache; webpackChunkdiscord_app.push([["wp_isdev_patch"], {}, r => cache=r.c]);
        var UserStore = Object.values(cache).find(m => m?.exports?.default?.getUser).exports.default;
        var actions = Object.values(UserStore._dispatcher._actionHandlers._dependencyGraph.nodes);
        var user = UserStore.getCurrentUser();
        actions.find(n => n.name === "ExperimentStore").actionHandler.CONNECTION_OPEN({
            type: "CONNECTION_OPEN", user: {flags: user.flags |= 1}, experiments: [],
        });
        actions.find(n => n.name === "DeveloperExperimentStore").actionHandler.CONNECTION_OPEN();
        webpackChunkdiscord_app.pop(); user.flags &= ~1; "done";
    }
    const fixCSS = async () => {
        const style = document.createElement('style');
        style.textContent = `
            .children__9293f { width: 0px !important; }
            .videoSizer_a21736 { width: 79% !important; }
            nav[class*="guilds"]+div[class*="base"] div[class*="sidebar"]+div {
                width: calc(100% - 240px) !important;
            }
        `;
        document.head.appendChild(style);
    }
    wait(5000).then(() => {
        enableExperiments();
        fixCSS();
    });
})();

これらのスクリプトを責任を持って使用し、不一致の更新後の潜在的なポリシー違反またはインターフェイスの破損に注意してください。

PCまたはWeb上のDiscordで開発者モードを有効にすることで、重要なIDと開発者オプションを公開することにより、ボット、統合、カスタムアプリケーションの操作がはるかに簡単になります。高度な実験については、注意して進め、常に設定のバックアップを保持してください。