ブラウザ：ブックマークにJavaScriptを仕込みオリジナルボタンを作成。～Webページの最初の表をクリップボードへコピーする

ブラウザのブックマークは、URLだけでなく JavaScriptも登録できるのを知っていますか？これを使うと、クリックするだけで処理が動く「自分専用ボタン」が作れます。

今回は、Webページに現れる最初の表をExcelにそのまま貼り付けできるTCV形式でコピーするボタンを作ります。

仕組み：ブックマークレット（Bookmarklet）

ブックマークのURL欄に javascript: ... を入れておくと、
そのブックマークをクリックした瞬間に JavaScript が実行されます。

次の JavaScript を使います。長いですが 1行で書かれた JavaScript です。

JavaScript：

javascript:(async()=>{let t=document.querySelector("table");if(!t){alert("このページに table が見つかりません");return}let rows=[...t.querySelectorAll("tr")].map(tr=>[...tr.querySelectorAll("th,td")].map(td=>(td.innerText||"").replace(/\s+/g," ").trim()).join("\t")).join("\n");try{await navigator.clipboard.writeText(rows)}catch(e){let a=document.createElement("textarea");a.value=rows;document.body.appendChild(a);a.select();document.execCommand("copy");a.remove()}let d=document.createElement("div");d.textContent="📋 表をTSVでコピーしました（Excelにそのまま貼れます）";Object.assign(d.style,{position:"fixed",bottom:"30px",right:"30px",padding:"14px 16px",background:"rgba(0,0,0,.85)",color:"#fff",fontSize:"14px",borderRadius:"12px",boxShadow:"0 8px 20px rgba(0,0,0,.3)",zIndex:999999,opacity:0,transition:"opacity .4s"});document.body.appendChild(d);requestAnimationFrame(()=>d.style.opacity=1);setTimeout(()=>{d.style.opacity=0;setTimeout(()=>d.remove(),450)},1400)})();