タブの右クリック→複製、めんどい
ちょっと前に某t〇Beマーケティング(〇は伏せ字)のMさんというスーパーナイスガイから「Chromeの"タブを複製"の機能が便利」というのを教えてもらって、よく使っていたわたしですみなさんハローハロー。
これ、とても便利なんですよ
ほら、別タブで開きたいけど、うまくいかないWEBページってあるじゃないですか（人によると思う）
そんな時にこの「タブを複製」を使うと、対象のタブと同じタブをもう一つ開けるんです
一覧画面から詳細画面A,B,Cを別タブで開くんじゃなくて、一覧画面を複製してから詳細をそれぞれのタブで開く（Ctrl+tabでタブを移動しつつ）
Salesf〇rce(〇は伏せ字)とかAcc〇unt Engagement(〇は伏せ字)の画面とかで特によく使う
んで、便利なんだけど
「このタブを複製したい」って時、わざわざマウスを持ってタブを右クリックして、「複製」を選ぶ作業、ちょっと手間に感じ始めちゃったんですよ
なんで再読み込みは「Ctrl+r」でできるのに、タブを複製にキーボードショートカットがないのよ、と
集中力を地味に削がれる
そこで、「タブを複製するショートカットあればいいのに」と思ったんです
生成AIさんに聞いてみたら、なんと「自分で作れる」っていうじゃない？
これ、とても便利なので、みなさんにもおすそわけ
「Shift+Ctrl+d」でタブを複製できる方法を紹介します
地味に便利です。地味に。
コピペでOK、自作Chrome拡張機能の作り方
「Chrome拡張機能の自作」なんかたいへんそうな響きですが、
ご安心ください
必要なのは、たった2つのファイルを用意して、それをChromeさんに読み込ませることだけです
ステップ0：フォルダを作る
まず、わかりやすい場所に新しいフォルダを作成します
フォルダの名前は「TabDuplicator」など、自分がわかれば何でも大丈夫です
ちなみにわたしは「ドキュメント」の中に作りました
ステップ1：設定ファイル `manifest.json` を作る
このファイルは、拡張機能の設計図だそうす
新しいテキストファイルを作り、以下の内容をコピペして、ファイル名を「`manifest.json`」にして、ステップ0で作ったフォルダ内に保存してください
{
"manifest_version": 3,
"name": "Tab Duplicator Shortcut",
"version": "1.0",
"description": "Ctrl+Shift+D で現在のタブを複製します。",
"permissions": ["tabs"],
"background": {
"service_worker": "background.js"
},
"commands": {
"duplicate-tab": {
"suggested_key": {
"default": "Ctrl+Shift+D",
"mac": "Command+Shift=D"
},
"description": "現在のタブを複製する"
}
}
}
ステップ2：動作ファイル `background.js` を作る
次に、ショートカットが押されたときに実行する実際の動作（タブを複製する命令）を記述します。新しいテキストファイルを作り、以下の内容をすべてコピペして、ファイル名を「`background.js`」にして、手順0で作ったフォルダ内に保存してください
chrome.commands.onCommand.addListener((command) => {
if (command === "duplicate-tab") {
// 現在アクティブなタブを取得
chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
if (tabs.length === 0) return;
const currentTab = tabs[0];
// 新しいタブを作成し、URLと位置を現在のタブと同じにする
chrome.tabs.create({
url: currentTab.url,
index: currentTab.index + 1 // 現在のタブの直後に配置
});
});
}
});
これで「TabDuplicator」フォルダの中に`manifest.json`と`background.js`の2つのファイルが揃った状態ですよね
まとめと思ったこと
これで設定は完了です
適当なウェブページを開いて、「Ctrl + Shift + d」を押してみてちょうだいよ
タブが複製されたと思う
この小さなショートカット一つで、マウス操作の手間が減り、作業の流れが途切れなくなるんですよねー
ダメ？ダメな場合はAIさんに聞いてみて！
あとこれ「別に生成AIが無くても、同じことはできたのでは？」っていうやつなんですよ
でも、ゼロから調べてこれを実現するのと生成AIに聞いて作業するのとでは作業効率がぜーんぜん違ってたと思うんです
みなさんもぜひ、このショートカットだけじゃなくて、なんか新しいことすると楽しいかと思います
免責事項的なやつ
この機能を自身のChromeに実装したらなにかしらの不具合が起きた！みたいな場合、このブログの著者は責任を負いかねます
実施する皆さん自身の判断で、用法容量を守って適切にご利用くださいませ
