最近業務でよく使うブックマークレット３選

概要

アドカレの季節なので、私が最近業務でよく使うブックマークレットをご紹介します。

ブックマークレットとは、ブラウザのブックマークとして保存できる小さなJavaScriptコードのことで、ワンクリックで便利な機能を実行できます。
ブラウザの拡張機能をインストールする必要がなく、どのブラウザでも簡単に使えるのが魅力です。

今回は、私が実際に業務で活用している3つのブックマークレットを紹介します。
それぞれの使い方や活用シーンも合わせて説明しますので、ぜひ参考にしてみてください。

ブックマークレットたち

1. 今開いているページをポップアップで開く

javascript:open(location.href,"_blank","popup,width=600,height=400,top=0,left=0");

使い方：

1. 上記のコードをブックマークとして保存
2. ポップアップで開きたいページを表示した状態で、ブックマークをクリック

活用シーン：
ブラウザのウィンドウを複数並べると、お気に入りバーやタブバーなどが邪魔になって、実際の表示領域が狭くなってしまいますよね。
そこで、このブックマークレットを使ってポップアップウィンドウとして開いたものを並べて、すっきりと表示させています。

特に、複数のページを比較しながら作業する際や、参考資料を横に置きながら作業する際に重宝します。
ポップアップのサイズは width=600,height=400 の部分で調整できるので、用途に応じてカスタマイズしてください。

カスタマイズ例：

• より大きなポップアップ：width=1200,height=800
• 表示位置の変更：top=100,left=100

2. Markdown用リンクゲッタ

javascript:(async()=>{const t=document.title.trim().replace(/\n/g,"");const u=document.URL;await navigator.clipboard.writeText(`[${t}](${u})`);})();

使い方：

1. 上記のコードをブックマークとして保存
2. Markdown形式のリンクを取得したいページを開いた状態で、ブックマークをクリック
3. クリップボードに [ページタイトル](URL) 形式のリンクがコピーされます

活用シーン：
ドキュメント作成や議事録をMarkdown形式で書く際に、参考にしたページのリンクを簡単に貼り付けられます。
手動で [タイトル](URL) を書く必要がなく、タイトルとURLを正確に取得できるので、作業効率が大幅に向上します。

使用例：

• 技術ブログの記事を書く際の参考リンク集
• 議事録に会議中に共有された資料のリンクを追加
• READMEファイルに参考資料のリンクを追加

注意点：

• クリップボードへのアクセス権限が必要です
• タイトルに改行が含まれている場合は自動的に削除されます

3. Google Meet の字幕コピー

javascript:(async()=>{const el=document.querySelector('div[aria-label="字幕"]');if(el){const textToCopy=el.innerText;try{await navigator.clipboard.writeText(textToCopy);console.log('コピー成功（navigator.clipboard）');}catch(err){console.error('コピー失敗:',err);alert('クリップボードへのコピーに失敗したっピ');}}else{alert('div[aria-label="字幕"] が見つからなかったっピ');}})();

使い方：

1. 上記のコードをブックマークとして保存
2. Google Meetの会議中に字幕をONにする
3. 字幕が表示されている状態で、ブックマークをクリック
4. 表示されている字幕のテキストがクリップボードにコピーされます

活用シーン：
Google Meetで字幕をONにした時に表示される字幕をクリップボードにまとめてコピーできます。録画するほどでもないが議事録は残したい会議などで、字幕だけサクッと取得してAIに投げて議事録を作成する、といった使い方をしています。

具体的なワークフロー：

1. 会議中に字幕機能をONにする
2. 会議終了後、このブックマークレットを実行して字幕をコピー
3. AIツールに「以下の会議の字幕を元に議事録を作成してください」と依頼
4. 自動生成された議事録を確認・編集

注意点：

• Google Meetの字幕が表示されている状態で実行する必要があります
• Google Meet の仕様が変わると動かなくなります😢
• コピーされたテキストには、話者名やタイムスタンプは含まれません（字幕のテキストのみ）

ブックマークレットの使い方（初めての方へ）

ブックマークレットの登録方法 （Chrome)

• ブックマークバーが非表示の場合は表示させる
• ブックマークバーを右クリック → 「ページを追加」
• 名前を適当に入力（例：「ポップアップで開く」）
• URL欄にブックマークレットのコード全体を貼り付け
• 保存

使い方のコツ

• ブックマークバーに配置すると、ワンクリックで実行できます
• わかりやすい名前を付けると、後から見つけやすくなります
• よく使うものはブックマークバーの先頭に配置すると便利です

おわりに

ブックマークレットは、ブラウザの機能を拡張する手軽な方法です。拡張機能をインストールする必要がなく、どのブラウザでも使えるのが大きなメリットです。

今回紹介した3つのブックマークレットは、私が実際に業務で毎日のように使っているものです。特に、Markdown用リンクゲッタとGoogle Meetの字幕コピーは、ドキュメント作成の効率を大幅に向上させてくれます。

みなさんもブックマークレットを活用して、業務を快適にしちゃいましょう💪