Toggle Menu for JS

Toggle menu (三つだけ) - ボタンで ", ', ` をコピー

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name         Toggle Menu for JS
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Toggle menu (三つだけ) - ボタンで ", ', ` をコピー
// @author       umaimann
// @match        *://*/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    // 既存のGUIがあれば削除
    const existing = document.getElementById('copy-quote-gui');
    if (existing) existing.remove();

    // GUI作成
    const gui = document.createElement('div');
    gui.id = 'copy-quote-gui';
    Object.assign(gui.style, {
        position: 'fixed',
        top: '20px',
        right: '20px',
        padding: '10px',
        background: '#f0f0f0',
        border: '1px solid #ccc',
        borderRadius: '8px',
        boxShadow: '0 2px 6px rgba(0,0,0,0.2)',
        zIndex: 9999,
        fontFamily: 'sans-serif',
        display: 'flex',
        flexDirection: 'column',
        gap: '8px',
        alignItems: 'center'
    });

    // コピー用文字
    const chars = ['"', "'", '`'];
    const charContainer = document.createElement('div');
    charContainer.style.display = 'flex';
    charContainer.style.gap = '5px';

    chars.forEach(c => {
        const btn = document.createElement('button');
        btn.textContent = c;
        Object.assign(btn.style, {
            padding: '5px 10px',
            cursor: 'pointer'
        });
        btn.onclick = () => {
            navigator.clipboard.writeText(c).then(() => {
                const original = btn.textContent;
                btn.textContent = 'コピー完了 ✔';
                setTimeout(() => btn.textContent = original, 1000);
            });
        };
        charContainer.appendChild(btn);
    });

    gui.appendChild(charContainer);
    document.body.appendChild(gui);
})();