定型文・エディタ

by cutfloss 05/01 [2026/05/01 13:11:39]

定型文を6つまで編集・保存します

@@ -1,51 +1,44 @@
 /*
- * @title 陣取り・エディタ
- * @description 定型文を編集してブラウザに保存します
+ * @title 陣取り・エディタ(6連)
+ * @description 定型文を6つまで編集・保存します
  * @private
  */
 (function(){
-    // 既存のエディタを削除
     const old = document.getElementById('j-editor'); if(old) old.remove();
 
-    // デフォルトの定型文
-    const defaultPhrases = ['⚔️ 攻めましょう！', '🛡️ 守備お願いします！', '🆘 援護が必要です！', '✨ ありがとうございます！'];
-    // 保存されたデータを読み込む（なければデフォルト）
+    const defaultPhrases = ['⚔️ 攻めましょう！', '🛡️ 守備お願いします！', '🆘 援護が必要です！', '✨ ありがとうございます！', '🏃 一旦引きます！', '🎯 拠点を狙え！'];
     let saved = localStorage.getItem('j-phrases');
     let phrases = saved ? JSON.parse(saved) : defaultPhrases;
 
-    // エディタのスタイル
     const style = document.createElement('style');
     style.innerHTML = `
         #j-editor { position:fixed; top:50px; right:50px; background:rgba(20,30,50,0.95); border:3px solid #3b82f6; border-radius:10px; padding:15px; z-index:100001; color:#fff; width:300px; box-shadow:0 0 20px #000; }
-        .je-line { display:flex; align-items:center; margin-bottom:10px; }
-        .je-input { flex:1; background:#000; border:1px solid #60a5fa; color:#fff; padding:5px; border-radius:4px; font-size:12px; margin-right:5px; }
-        .je-btn-save { width:100%; background:#2563eb; color:#fff; border:none; border-radius:5px; padding:10px; cursor:pointer; font-weight:bold; }
+        .je-line { display:flex; align-items:center; margin-bottom:8px; }
+        .je-input { flex:1; background:#000; border:1px solid #60a5fa; color:#fff; padding:8px; border-radius:4px; font-size:12px; }
+        .je-btn-save { width:100%; background:#2563eb; color:#fff; border:none; border-radius:5px; padding:12px; cursor:pointer; font-weight:bold; margin-top:10px; }
         .je-btn-close { position:absolute; top:5px; right:5px; background:none; border:none; color:#aaa; cursor:pointer; font-size:16px; }
     `;
     document.head.appendChild(style);
 
-    // エディタのUI作成
     const ed = document.createElement('div'); ed.id = 'j-editor';
-    ed.innerHTML = '<button class="je-btn-close" onclick="this.parentNode.remove()">✕</button><div style="text-align:center;font-weight:bold;margin-bottom:10px;">司令官定型文・エディタ</div>';
+    ed.innerHTML = '<button class="je-btn-close" onclick="this.parentNode.remove()">✕</button><div style="text-align:center;font-weight:bold;margin-bottom:10px;">司令官定型文・エディタ(6連)</div>';
     
-    // 入力欄を作成
     const inputs = [];
-    for(let i=0; i<4; i++) {
+    for(let i=0; i<6; i++) { // 6つに変更
         const line = document.createElement('div'); line.className = 'je-line';
         const inp = document.createElement('input'); inp.className = 'je-input';
         inp.value = phrases[i] || '';
+        inp.placeholder = `ボタン ${i+1}`;
         line.appendChild(inp);
-        // ※鉛筆マークは編集画面では不要（入力欄そのものなので）
         ed.appendChild(line);
         inputs.push(inp);
     }
 
-    // 保存ボタン
-    const saveBtn = document.createElement('button'); saveBtn.className = 'je-btn-save'; saveBtn.innerText = '💾 ブラウザに保存';
+    const saveBtn = document.createElement('button'); saveBtn.className = 'je-btn-save'; saveBtn.innerText = '💾 6つの戦術を保存';
     saveBtn.onclick = () => {
         const newPhrases = inputs.map(input => input.value.trim()).filter(p => p !== '');
         localStorage.setItem('j-phrases', JSON.stringify(newPhrases));
-        alert('定型文を保存しました！「司令官コア」を再起動してください。');
+        alert('6つの戦術を保存しました！');
         ed.remove();
     };
     ed.appendChild(saveBtn);

• /*
   * @title 陣取り・エディタ(6連)
   * @description 定型文を6つまで編集・保存します
   * @private
   */
  (function(){
      const old = document.getElementById('j-editor'); if(old) old.remove();
  
      const defaultPhrases = ['⚔️ 攻めましょう！', '🛡️ 守備お願いします！', '🆘 援護が必要です！', '✨ ありがとうございます！', '🏃 一旦引きます！', '🎯 拠点を狙え！'];
      let saved = localStorage.getItem('j-phrases');
      let phrases = saved ? JSON.parse(saved) : defaultPhrases;
  
      const style = document.createElement('style');
      style.innerHTML = `
          #j-editor { position:fixed; top:50px; right:50px; background:rgba(20,30,50,0.95); border:3px solid #3b82f6; border-radius:10px; padding:15px; z-index:100001; color:#fff; width:300px; box-shadow:0 0 20px #000; }
          .je-line { display:flex; align-items:center; margin-bottom:8px; }
          .je-input { flex:1; background:#000; border:1px solid #60a5fa; color:#fff; padding:8px; border-radius:4px; font-size:12px; }
          .je-btn-save { width:100%; background:#2563eb; color:#fff; border:none; border-radius:5px; padding:12px; cursor:pointer; font-weight:bold; margin-top:10px; }
          .je-btn-close { position:absolute; top:5px; right:5px; background:none; border:none; color:#aaa; cursor:pointer; font-size:16px; }
      `;
      document.head.appendChild(style);
  
      const ed = document.createElement('div'); ed.id = 'j-editor';
      ed.innerHTML = '<button class="je-btn-close" onclick="this.parentNode.remove()">✕</button><div style="text-align:center;font-weight:bold;margin-bottom:10px;">司令官定型文・エディタ(6連)</div>';
      
      const inputs = [];
      for(let i=0; i<6; i++) { // 6つに変更
          const line = document.createElement('div'); line.className = 'je-line';
          const inp = document.createElement('input'); inp.className = 'je-input';
          inp.value = phrases[i] || '';
          inp.placeholder = `ボタン ${i+1}`;
          line.appendChild(inp);
          ed.appendChild(line);
          inputs.push(inp);
      }
  
      const saveBtn = document.createElement('button'); saveBtn.className = 'je-btn-save'; saveBtn.innerText = '💾 6つの戦術を保存';
      saveBtn.onclick = () => {
          const newPhrases = inputs.map(input => input.value.trim()).filter(p => p !== '');
          localStorage.setItem('j-phrases', JSON.stringify(newPhrases));
          alert('6つの戦術を保存しました！');
          ed.remove();
      };
      ed.appendChild(saveBtn);
      document.body.appendChild(ed);
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。