お忙しいとは思うのだが、今(v2.14)のところまだOneTabのバックアップ機能が実装されないので、簡単にエクスポートする方法をClaudeに聞いてみた。拡張機能が表示しているページをClaudeに伝えるのはやや面倒で、ディベロッパーツールを表示してダイナミックに改変されたソースをコピーした上でhtmlとして保存し、さらに加工する必要がありました。

当初は以前同様にブックマークレットでの簡易出力を目指していたのですよ。しかし、やり取りしているうちにどうやらOneTab拡張機能のContent Security Policy (CSP)がブックマークレットの実行をブロックしているらしいということで、別のアプローチを取ることに。
Claudeさんは「ブックマークレットが使えないなら、コンソールのスニペット機能を使うのが現実的です」と語っており、ちょっと引っかかるけど「現実的です」の説得力の前に俺は屈したのであった。

「コンソールのスニペット機能」とはディベロッパーツールにある小コード実行機能のこと。ディベロッパーツール（Cmd + Opt + IまたはF12）＞Sources＞Snippetsで表示される。「+ New Snippet」から新規登録し、右クリックからRunで実行できる。

出来上がったソースコードの公開に問題ないか聞いてみたら

全く問題ありません。今回のコードは：
・一般的なWeb標準API（querySelector、Blob、execCommand など）を使っているだけで、特定のサービスに依存していない
・著作権上の懸念もないシンプルな実用コードで、このレベルのコードは世界中で広く書かれているもの
・個人情報や機密情報を含まない
ので、GitHubやブログなどどこで公開しても問題ありません。

ということでした。なので公開します。
以下がClaudeの最終回答の引用です。

最終的なスニペットをまとめておきます：

javascript

let ta2 = document.querySelector('textarea');
let text = ta2.value.trim();

let now = new Date();
let yyyy = now.getFullYear();
let mm = String(now.getMonth() + 1).padStart(2, '0');
let dd = String(now.getDate()).padStart(2, '0');
let filename = 'oneTab_' + yyyy + mm + dd + '.txt';

let blob = new Blob([text], {type: 'text/plain'});
let a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = filename;
a.click();

alert(filename + ' を保存しました！');

let ta2 = document.querySelector('textarea');
let text = ta2.value.trim();

let now = new Date();
let yyyy = now.getFullYear();
let mm = String(now.getMonth() + 1).padStart(2, '0');
let dd = String(now.getDate()).padStart(2, '0');
let filename = 'oneTab_' + yyyy + mm + dd + '.txt';

let blob = new Blob([text], {type: 'text/plain'});
let a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = filename;
a.click();

alert(filename + ' を保存しました！');

次回からの手順：

1. OneTabのエクスポートページを開く
2. F12 → Sources → Snippets
3. スニペットを右クリック → Run

また何かあればお気軽にどうぞ！

以上、引用です。
ここに書かれたJavascriptコードをディベロッパーツール＞Sources＞Snippetsで新規登録したらいいよ、ということですね。

変数名が「ta2」になってるのが気になりますが、「ta」はどっかで使用済みで使えませんので注意。
また、ディベロッパーツールのスニペットの、より簡易的な実行方法についてはDevTools の snippet をキーボード操作のみで実行する – ラボラジアンという記事もありました。Macでのキーボードショートカットを書いておきます。

1. Cmd + Opt + IまたはF12でディベロッパーツールを開く
2. ディベロッパーツールにフォーカスのある状態でCmd + O でコマンドメニューを開く
3. !を入力、作成済みsnippetが表示される
4. 目的のものを選択し、Enterキーを押下

まず、「Dockから戻すときのChrome系の『残像』問題」とは何か。俺の環境で、ChromeやBraveなどのいわゆる「Chrome系（Chromium嫡流）」のWebブラウザアプリで起きていたものです。何度か検索してみたけれど、検索方法が悪いせいか全くヒットしなかったのです。Braveで再現する手順は以下の通り（だが、後述する通り最新環境では直っている）。

1. Brave起動
2. メインウインドウの最小化ボタンを押下してDockに格納
3. Dockのアプリアイコンをクリックする
4. 一瞬、元のウインドウが表示される
5. 逆ジニーエフェクトでウインドウが拡大表示される

この流れの中の「4.」が問題の「残像」と表現しているものです。これが非常にうざくて嫌いだったんです。が、アプリアイコンでなく右方のウインドウアイコンをクリックすると残像は表示されません。なので意識してウインドウアイコンをクリックするようにしてました。
あと、Dockへ格納後別アプリを全面に持ってくるとかも試しましたが効果はありませんでした。
発生環境としては以下のものです。

• iMac 2021 (M1)
• macOS: Big Sur – Tahoe（だと思われるが、後述の通りで詳細不明）
• 発生するアプリ: Chrome、BraveなどChromiumの子孫

最初この問題に気づいたのは今使ってるiMac（2021, M1）を使い始めた時です。だからmacOSはBig SurかMontereyだったはず。すぐにVenturaにアップデートしてしまったので、自分が確認した時の最初のOSバージョンも曖昧になってしまいました。また、俺が知らないだけで昔から起きていたのかもしれません。確実なのはVenturaでは発生していたということです。その後、Sonomaでも改善されていなかったはず。怪しいのはSequoiaの後期とTahoeだなー。
直っていたのに気づいたのは、今年の11/18。Tahoe 26.1がリリースされた直後なのでここで直った説が最も有力ですが、26.0や下手するとSequoiaの最後の方でもう直ってたかもしれません。あるいは実はChrome側の問題だったのかもしれません。前述の通りもっぱらアプリアイコンでの拡大を多用してたので気づけなかったのです。

ブラウザ側の問題なのかOSの問題なのか時間が取れたらじっくり調査するつもりだったのですが、あっという間に数年が経過、気づいてたら直ってたという次第です…。

2026.03.01 追記: このエントリ後半にあるスクリプトは、先月公開されたバージョン2.8以降では動作しなくなりました。新たなバックアップ機能について「近日公開予定」ということですので期待して待ちましょう…！

Chrome系のブラウザの拡張機能「OneTab」、使ってますか？
開いているタブを一旦閉じてOneTabが作る固定タブの1リンクとして仮保存しておけるものです。メモリも節約できるし、一時的なブックマークとしても使えます。
わたしはもう何年も愛用させていただいてます。これなしではもうネットサーフィン（死語）できないですわ。

しかし問題がないわけじゃなくて、バックアップが大変。失っても構わないものばかりという訳ではないので、万が一に備えてバックアップをとっておきたいのですがこれがちょっと手間なんです。例えばCotEditorでテキストファイルとして保存する場合だと下記の手順が必要です。

1. OneTabの固定タブを開く
2. 「URLの読み込み/書き出し」リンクをクリック
3. 開いたタブの「URLの書き出し」テキストエリア内をクリック
4. すべてを選択（Cmd + A）
5. 選択されたテキストをコピー（Cmd + C）
6. アプリをCotEditorに切り替えて新規ドキュメントを開く
7. ペースト（Cmd + V）
8. 保存（Cmd + S）
9. ファイル保存ダイアログで場所を決めファイル名を入力し保存ボタン押下

毎回ファイル名入力が必要だとか手間なので開発元への要望は何年か前に出してみましたが、改善される気配はありません。お忙しいでしょうしそれは仕方ないです。
ということで少しでも簡単にバックアップが保存できるように、自分でできる範囲で試してみました。

1. OneTabの固定タブを開く
2. 「URLの読み込み/書き出し」リンクをクリック（ここまで通常の手順と同じ）
3. デベロッパーツールを開く（Cmd + Opt + I、またはF12）
4. 「Console」を開く
5. プロンプト（>）の右をクリック
6. 「javascript:(function(){var dt=new Date,ys=dt.getFullYear(),ms=("00"+(dt.getMonth()+1)).slice(-2),ds=("00"+dt.getDate()).slice(-2),fname="oneTab_"+ys+ms+ds+".txt",te=document.getElementsByTagName("textarea");const blob=new Blob([te[1].value],{type:"text/plain"}),url=URL.createObjectURL(blob);var a=document.createElement("a");document.body.appendChild(a);a.download=fname;a.href=url;a.click();a.remove();URL.revokeObjectURL(url);})();」を貼り付ける
7. エンターキーを押下
8. 保存場所を決めてOKボタンを押下

手数はひとつ減っただけなんですけど、保存時のファイル名が最初から入力済みなのでそこは楽です。ペーストするJavaScriptはスニペットツール（RaycastとかAlfredとかaTextとか）に登録しておけばキーボードショートカット一発でいけますしね。また、デベロッパーツールでのConsoleの選択は、次回以降も記憶されていますので切り替えるまでは再選択の必要はありません。

貼り付けるJavaScript、再掲しておきます。

javascript:(function(){var dt=new Date,ys=dt.getFullYear(),ms=("00"+(dt.getMonth()+1)).slice(-2),ds=("00"+dt.getDate()).slice(-2),fname="oneTab_"+ys+ms+ds+".txt",te=document.getElementsByTagName("textarea");const blob=new Blob([te[1].value],{type:"text/plain"}),url=URL.createObjectURL(blob);var a=document.createElement("a");document.body.appendChild(a);a.download=fname;a.href=url;a.click();a.remove();URL.revokeObjectURL(url);})();

javascript:(function(){var dt=new Date,ys=dt.getFullYear(),ms=("00"+(dt.getMonth()+1)).slice(-2),ds=("00"+dt.getDate()).slice(-2),fname="oneTab_"+ys+ms+ds+".txt",te=document.getElementsByTagName("textarea");const blob=new Blob([te[1].value],{type:"text/plain"}),url=URL.createObjectURL(blob);var a=document.createElement("a");document.body.appendChild(a);a.download=fname;a.href=url;a.click();a.remove();URL.revokeObjectURL(url);})();

以下のBrave（Mac版）で動作確認してます。
バージョン: 1.77.101 Chromium: 135.0.7049.115（Official Build） （arm64）

デベロッパーツールで「undefined」エラー？が軽く出てますけど自分で使うものだしいいかなとそのままにしてます。😄