【ブックマークレット】note記事のタイトル、URL、内容をクリップボードへコピー＆新規タブ起動 #PC仕事術

こんにちは！xxIPPOxx(いっぽ)です！（自己紹介はこちら）

ブックマークレットを作りました！

ブックマークレットとは、ブックマークバーに設定出来る簡易的な拡張機能のようなものです！

以下の方におすすめです！

・note記事を、NotebookLMなど外部サイトへ保存or活用したい。
・NotebookLMへWEBサイト保存時、元記事のURLやタイトルもわかるように保存したい。※１
・note記事を、GoogleDocumentやNotionに保存したい方（起動URLを変更することで対応可能）
・ブックマークレットを勉強中の方
・Javascriptを勉強中の方

※１：NotebookLMの標準機能で「Webサイト」にURL入力すると、文字データが入る。その後「元のサイトみたい・・・」となっても直接遷移出来ず少し不便。（チャットで聞けば答えてくれます）

※改造可能なので、AIに質問しながら別サイトバージョンを作成したりも出来ます！

機能

・note記事のタイトル、URL、内容をクリップボードへコピーしつつ、新規タブ起動（URLはあらかじめ指定しておく）

機能詳細

・note記事のタイトル、URL、内容をクリップボードへコピー
　※記事の内容（HTML）：HTMLタグ除去＆「。」の後に改行追加しています。
・新規タブ起動（NotebookLMに設定しています）

※ブックマークレットについてご存知ない方は、まずこちら！

改造案

起動ページを変える（webPageUrl 変数を変更）

・起動ページをChatGptにし、記事の内容を要約してもらう
・起動ページをNotebookLMにし、ソース追加（コピーしたテキストを貼り付ける）
・window.openの行を削除すれば、別タブ起動をオフにもできます。

他サイト用にカスタマイズ（targetDom変数を変更）

・「targetDom = document.querySelector('～～」の部分を調整することで、別サイトバージョンを作れる

クリップボードに入る内容サンプル

ご不明な点等ございましたら、コメント欄でお気軽にご質問ください！