+ `;
+
+ overlay.appendChild(dialog);
+ document.body.appendChild(overlay);
+
+ setTimeout(() => {
+ const inputField = document.getElementById('varInput');
+ if (inputField) inputField.focus();
+ }, 50);
+
+ const close = () => {
+ overlay.remove();
+ this.isUIOpen = false;
+ };
+
+ overlay.onclick = (e) => {
+ if (e.target === overlay) close();
+ };
+
+ document.getElementById('ceoCloseXBtn').onclick = close;
+ document.getElementById('cancelBtn').onclick = close;
+
+ document.getElementById('okBtn').onclick = () => {
+ const name = document.getElementById('varInput').value;
+ if (name && name.trim() !== "") {
+ const trimmedName = name.trim();
+ const scopeValue = (document.querySelector('input[name="variableScopeOption"]:checked') ?? { value: 'global' }).value;
+
+ const isLocal = isStage ? false : (scopeValue === 'local');
+ const targetId = isLocal ? currentTargetId : 'stage';
+
+ let isDuplicate = false;
+
+ for (const existingKey of Object.keys(this.boolVariables)) {
+ const info = this.boolVariablesinfo[existingKey];
+ const existingDisplayName = info ? (info.displayName ?? existingKey) : existingKey;
+
+ if (existingDisplayName === trimmedName) {
+ if (!isLocal) {
+ isDuplicate = true;
+ break;
+ } else {
+ if (!info || !info.isLocal || info.targetId === targetId) {
+ isDuplicate = true;
+ break;
+ }
+ }
+ }
+ }
+
+ if (isDuplicate) {
+ alert(`❌ エラー: 「${trimmedName}」という名前の変数はすでに存在するか、競合するため作成できません！`);
+ return;
+ }
+
+ const internalKey = isLocal ? `${targetId}_${trimmedName}` : trimmedName;
+
+ this.boolVariables[internalKey] = false;
+ this.boolVariablesinfo[internalKey] = {
+ isLocal: isLocal,
+ targetId: targetId,
+ displayName: trimmedName
+ };
+
+ this.refreshBlocks();
+ }
+ close();
+ };
+
+ document.getElementById('varInput').onkeypress = (e) => {
+ if (e.key === 'Enter') {
+ document.getElementById('okBtn').click();
+ }
+ };
+ }
+
+ // 変数メニュー（リスト）の生成
+ getVariableMenuItems(currentlySelectedValue) {
+ const menuItems = [];
+ const currentTarget = Scratch.vm.runtime.getEditingTarget();
+ const currentTargetId = currentTarget ? (currentTarget.id ?? 'stage') : 'stage';
+
+ for (const key of Object.keys(this.boolVariables)) {
+ const info = this.boolVariablesinfo[key];
+ const dispName = info ? (info.displayName ?? key) : key;
+
+ if (info) {
+ // グローバル変数、または「いま編集中のスプライト」に属するローカル変数のみメニューに出す
+ if (!info.isLocal || info.targetId === currentTargetId) {
+ menuItems.push({ text: dispName, value: key });
+ }
+ } else {
+ menuItems.push({ text: dispName, value: key });
+ }
+ }
+
+ const isValidUserVar = Object.prototype.hasOwnProperty.call(this.boolVariables, currentlySelectedValue);
+
+ if (!isValidUserVar || !currentlySelectedValue || currentlySelectedValue === '(空)') {
+ menuItems.unshift({ text: '(空)', value: '(空)' });
+ } else {
+ menuItems.push({ text: '(空)', value: '( Stock )' });
+ }
+
+ if (menuItems.length > 0) {
+ menuItems.push({ text: '────────────────', value: 'IGNORE_CLICK' });
+ }
+ menuItems.push({ text: '🔥 変数を削除するフォームを開く', value: 'OPEN_DELETE_UI' });
+
+ return menuItems;
+ }
+
+ // 変数削除UIのレンダリング
+ // 変数削除UIのレンダリング
+ createDeleteUI() {
+ if (this.isDelUIOpen) return;
+ this.isDelUIOpen = true;
+
+ setTimeout(() => {
+ const currentTarget = Scratch.vm.runtime.getEditingTarget();
+ const currentTargetId = currentTarget ? (currentTarget.id ?? 'stage') : 'stage';
+
+ // 今開いているスプライトで削除できる変数（グローバル or 自分のローカル）を絞り込む
+ const deleteableKeys = Object.keys(this.boolVariables).filter(internalKey => {
+ const info = this.boolVariablesinfo[internalKey];
+ if (!info) return true;
+ return !info.isLocal || info.targetId === currentTargetId;
+ });
+
+ if (deleteableKeys.length === 0) {
+ alert("❌ 削除できる変数がありません！");
+ this.isDelUIOpen = false;
+ return;
+ }
+
+ const overlay = document.createElement('div');
+ overlay.style.cssText = `position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background-color:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;`;
+
+ const dialog = document.createElement('div');
+ dialog.style.cssText = `background-color:#ffffff;width:340px;border:4px solid #ff4c4c;border-radius:0.5rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0px 4px 15px rgba(0,0,0,0.3);`;
+
+ // 選択肢のHTMLをループで組み立てる
+ let optionsHtml = '';
+ for (const key of deleteableKeys) {
+ const info = this.boolVariablesinfo[key];
+ const disp = info ? (info.displayName ?? key) : key;
+ const typeText = info ? (info.isLocal ? '[ローカル]' : '[グローバル]') : '[不明]';
+ optionsHtml += `