ユーザースクリプト一覧

ドメイン切り替えツール

表示ページのドメインを本番↔デモに相互に切り替えるためのボタントグルを表示するツールです。

表示ページがドメイン切り替え対象ページの場合、画面左下にドメインを切り替えられるボタントグルを常時表示します。
切り替えドメインはdomainGroupsにグループごとに設定し、1つのグループにつき2つのドメイン（本番・デモ）を必ず設定してください。
複数の切り替えドメイングループを設定可能です。（サンプルとして、eQixとジャックスのドメインを設定しています）

// ==UserScript==
// @name         ドメイン切り替えツール
// @namespace https://square.staba.jp/development/userscript/
// @version 1.0
// @description  表示ページのドメインを本番↔デモに相互に切り替えるためのボタントグルを表示するツールです。
// @match        *://*/*
// ==/UserScript==

(function() {
    'use strict';

    // グループごとにドメインを管理
    const domainGroups = {
        group1: [
            "https://www.e-qix.jp",
            "https://eqix.demo.mitsue.com"
        ],
        group2: [
            "https://www.jaccs.co.jp",
            "https://jaccs-corporate.demo.mitsue.com"
        ],
        // ここに新しいグループを追加できます
        // group3: [
        //     "https://example.com",
        //     "https://another-example.com"
        // ],
    };

    // ページのURLを取得
    const currentPageURL = window.location.href;

    // ドメイングループのボタンメニューを作成
    for (const groupKey in domainGroups) {
        const groupDomains = domainGroups[groupKey];

        // どれかのドメインがページのURLと一致する場合
        if (groupDomains.some(domain => currentPageURL.includes(domain))) {
            const toggleContainer = document.createElement('div');
            const toggleInput = document.createElement('input');
            const toggleLabel = document.createElement('label');
            const span1 = document.createElement('span');
            const span2 = document.createElement('span');
            const toggleAfter = document.createElement('div');

            toggleInput.type = 'checkbox';
            toggleInput.name = 'check';
            toggleInput.dataset.groupKey = groupKey;

            // ボタンエリアのスタイルを追加
            toggleContainer.classList.add('toggle');
            toggleContainer.style.visibility = 'hidden';
            toggleContainer.style.position = 'fixed';
            toggleContainer.style.bottom = '10px';
            toggleContainer.style.left = '10px';
            toggleContainer.style.zIndex = '10000';
            toggleLabel.style.display = 'flex';
            toggleLabel.style.width = '89px';
            toggleLabel.style.height = '48px';
            toggleLabel.style.padding = '12px';
            toggleLabel.style.alignItems = 'center';
            toggleLabel.style.border = '1px solid #cccccc';
            toggleLabel.style.boxSizing = 'border-box';
            toggleLabel.style.justifyContent = 'space-between';
            toggleLabel.style.fontSize = '14px';
            toggleLabel.style.fontWeight = 'bold';
            toggleLabel.style.color = '#ffffff';
            toggleLabel.style.backgroundColor = '#668ad8';
            toggleLabel.style.borderRadius = '50px';
            toggleLabel.style.cursor = 'pointer';
            span1.textContent = 'デモ';
            span2.textContent = '本番';

            // ボタンスタイルを追加
            toggleInput.style.width = '1px';
            toggleInput.style.visibility = 'hidden';
            toggleInput.style.position = 'absolute';
            toggleAfter.style.position = 'absolute';
            toggleAfter.style.top = '3px';
            toggleAfter.style.width = '42px';
            toggleAfter.style.height = '42px';
            toggleAfter.style.borderRadius = '50px';
            toggleAfter.style.backgroundColor = '#fff';
            toggleAfter.style.transition = '0.2s ease-out';
            toggleAfter.style.boxSizing = 'border-box';

            // demoを含む場合、ボタン位置を移動
            if (currentPageURL.includes('demo')) {
                toggleAfter.style.left = '45px';
                toggleInput.checked = true;
                toggleContainer.style.visibility = 'visible';
            } else {
                toggleAfter.style.left = '3px';
                toggleContainer.style.visibility = 'visible';
            }

            toggleContainer.appendChild(toggleLabel)
            toggleLabel.appendChild(span1);
            toggleLabel.appendChild(span2);
            toggleLabel.appendChild(toggleInput);
            toggleContainer.appendChild(toggleAfter);
            document.body.appendChild(toggleContainer);

            // ボタンが変更された時の処理
            toggleInput.addEventListener('change', function() {
                const selectedGroupKey = this.dataset.groupKey;
                const selectedGroupDomains = domainGroups[selectedGroupKey];

                if (this.checked) {
                    toggleAfter.style.left = '45px';
                } else {
                    toggleAfter.style.left = '3px';
                }

                const currentPath = window.location.pathname + window.location.search + window.location.hash;
                setTimeout(function() {
                    const newDomain = selectedGroupDomains.find(domain => !currentPageURL.includes(domain));
                    if (newDomain) {
                        toggleContainer.style.display = 'none';
                        window.location.href = newDomain + currentPath;
                    }
                }, 300);
            });
        }
    }
})();

ドメイン切り替えツール（複数ドメイン+新規タブ表示）

表示ページのドメインを異なるドメインに差し替えて新規タブで開くためのボタンメニューを表示するツールです。
利用シーン：現在表示中のページをデモ↔本番、デモ↔先方検証環境など様々なドメインで新規タブで開いて参照・比較したいときなどの使用を想定しています。

表示ページがドメイン切り替え対象ページの場合、画面左下にドメインを切り替えられるボタンメニューを常時表示します。
切り替えドメインはdomainButtonsにグループごとに設定し、1つのドメイングループにつき複数のドメインを設定可能です。（ボタンは設定したドメイン数だけ表示されます）
表示中のドメインと同一のドメインボタンは非活性になります。
複数の切り替えドメイングループを設定可能です。（サンプルとして、eQixとジャックスのドメインを設定しています）

// ==UserScript==
// @name ドメイン切り替えツール（複数ドメイン+新規タブ表示）
// @namespace https://square.staba.jp/development/userscript/
// @version 1.0
// @description 表示ページのドメインを異なるドメインに差し替えて新規タブで開くためのボタンメニューを表示するツールです。
// @match        *://*/*
// ==/UserScript==

(function() {
    'use strict';

    // ドメイン切り替えボタンをグループごとに管理
    const domainButtons = {
        eQix: {
            "https://www.e-qix.jp": "本番",
            "https://eqix.demo.mitsue.com": "デモ",
            "https://eqix-confirm.demo.mitsue.com": "confirm",
            "https://eqix02.demo.mitsue.com": "デモ02",
            "https://pre.e-qix.jp": "QA環境",
            "http://172.26.168.11": "業務検証環境"
        },
        ジャックス: {
            "https://www.jaccs.co.jp": "本番",
            "https://jaccs-corporate.demo.mitsue.com": "デモ"
        },
        // ここに新しいグループを追加できます
        // サイト名など: {
            // "https://example.com": "サンプル1", // （"切り替えたいドメイン名": "ボタン名"）
            // "https://another-example.com": "サンプル2"
        // }
    };

    // 現在のページのドメインを取得
    const currentDomain = window.location.origin;

    // ドメイン切り替えメニューのHTMLを生成
    const createDomainSwitcherMenu = () => {
        const domainSwitcherMenu = document.createElement('div');
        domainSwitcherMenu.style.position = 'fixed';
        domainSwitcherMenu.style.display = 'flex';
        domainSwitcherMenu.style.flexDirection = 'column';
        domainSwitcherMenu.style.textAlign = 'center';
        domainSwitcherMenu.style.bottom = '0';
        domainSwitcherMenu.style.left = '0';
        domainSwitcherMenu.style.backgroundColor = 'rgba(255, 255, 255, 70%)';
        domainSwitcherMenu.style.padding = '5px';
        domainSwitcherMenu.style.zIndex = '9999';

        for (const group in domainButtons) {
            const groupButtons = domainButtons[group];
            if (Object.keys(groupButtons).some(domain => currentDomain.startsWith(domain))) {
                // domainSwitcherMenu.innerHTML += `<p>${group}:</p>`;
                for (const domain in groupButtons) {
                    const domainLink = document.createElement('a');
                    domainLink.style.display = 'inline-block';
                    domainLink.textContent = groupButtons[domain];
                    domainLink.style.minWidth = '86px';
                    domainLink.style.fontSize = '14px';
                    domainLink.style.fontWeight = 'bold';
                    domainLink.style.margin = '5px';
                    domainLink.style.padding = '4px 10px';
                    domainLink.style.border = '1px solid #cccccc';
                    domainLink.style.borderRadius = '5px';
                    domainLink.style.color = currentDomain === domain ? '#666666' : '#ffffff';
                    domainLink.style.backgroundColor = currentDomain === domain ? '#f2f2f2' : '#668ad8';
                    domainLink.style.cursor = currentDomain === domain ? 'default' : 'pointer';
                    if (currentDomain === domain) {
                        domainLink.style.pointerEvents = 'none'; // クリックを無効にする
                    }
                    domainLink.href = domain + window.location.pathname + window.location.search + window.location.hash;
                    domainLink.target = '_blank';
                    if (currentDomain !== domain) {
                        domainLink.addEventListener('click', (e) => {
                            e.preventDefault();
                            const newPath = window.location.pathname + window.location.search + window.location.hash;
                            const newURL = domain + newPath;
                            window.open(newURL, '_blank');
                        });
                    }
                    domainSwitcherMenu.appendChild(domainLink);
                }
            }
        }

        document.body.appendChild(domainSwitcherMenu);
    };

    createDomainSwitcherMenu();
})();

ドメイン切り替えツール（キーボード操作）

特定のドメインを含むWebページに訪れた際に、数字キーをクリックすると表示中のページを異なるドメインに切り替えるツールです。
利用シーン：ドメイン切り替えツールをメニュー非表示の状態で使用したい場合を想定しています。

新規タブではなく同一タブで切り替わります。
切り替えられるドメインはグループごとに設定し、1つのドメイングループにつき最大9個のドメインを数字キー（1~9）に割り当てることが可能です。
複数の切り替えドメイングループを設定可能です。（サンプルとして、eQixとジャックスのドメインを設定しています）

※

切り替えの際に数字キーを使用するため、他にページ内で同ボタンへの入力やショートカットを割り当てている場合は注意してください。

// ==UserScript==
// @name         ドメイン切り替えツール（キーボード操作）
// @namespace    https://square.staba.jp/development/userscript/
// @version      1.0
// @description  特定のドメインを含むWebページに訪れた際に、数字キーをクリックすると表示中のページを異なるドメインに切り替えるツールです。
// @match        *://*/*
// ==/UserScript==

(function() {
    'use strict';

    // ドメイングループをオブジェクトとして管理
    const domainGroups = {
        group1: [
            "1. https://www.e-qix.jp",
            "2. https://eqix.demo.mitsue.com",
            "3. https://eqix-confirm.demo.mitsue.com",
            "4. https://eqix02.demo.mitsue.com",
            "5. https://pre.e-qix.jp",
            "6. http://172.26.168.11",
        ],
        group2: [
            "1. https://www.jaccs.co.jp",
            "2. https://jaccs-corporate.demo.mitsue.com",
        ],
        // 新しいグループを追加できます
        // group3: {
            // "1. https://example.com", // "連番. 切り替えたいドメイン名"
            // "2. https://another-example.com",
        // }
    };

    // 現在のページのドメインを取得
    const currentDomain = window.location.origin;

    // 現在のページのドメインがどのグループに属するかを検索
    let currentGroup = null;
    for (const groupName in domainGroups) {
        if (domainGroups[groupName].some(domain => currentDomain.startsWith(domain.split('. ')[1]))) {
            currentGroup = groupName;
            break;
        }
    }

    // ドメイン切り替えの処理
    document.addEventListener("keydown", function(e) {
        if (e.key >= "1" && e.key <= "9" && currentGroup) {
            const key = e.key;
            const domainIndex = parseInt(key) - 1; // 数字キーの数字を取得
            const domains = domainGroups[currentGroup];
            window.location.href = domains[domainIndex].split('. ')[1] + window.location.pathname;
        }
    });
})();