最初のブックマークレット
javascript:window.prompt( 'url', document.title + '\n' + document.URL)();;
実行結果↓
2025/12/11 生成AIのおかげで私のブックマークレットが進化した - クルマの中からこんにちは - LISTEN
https://listen.style/p/16164day/tnp48m2q
ただこうすると「- LISTEN」の文字が常に入ってしまうので、できれば取り除きたい
次に作ったブックマークレット
javascript:window.prompt( 'url', document.title.replace(/\s*-\s*LISTEN$/, '') + '\n' + document.URL)();;
実行結果↓
2025/12/11 生成AIのおかげで私のブックマークレットが進化した - クルマの中からこんにちは
https://listen.style/p/16164day/tnp48m2q
これでLISTENはオッケー。
でもSpotifyのページをコピーすると「 | Podcast on Spotify」という文言があって、できたら取り除きたい。
(エピソードタイトル) | Podcast on Spotify
あと「129. (タイトル)」と「. 」が入っているポッドキャストをコピーしてnoteに貼り付けると、
「1. 」と番号付きリストに自動変換されてしまう。noteのサポートに問い合わせしたけど、これはどうも
noteの仕様みたい。なので、強制的に「. 」を「.」と半角スペースがない状態に変更する。
最終的なブックマークレットがこちら
javascript:window.prompt('url',document.title.replace(/\. /g,'.').replace(/ \| Podcast on Spotify$/,'').replace(/\s*-\s*LISTEN\s*$/,'')+'\n'+document.URL)();;
ブックマークレットは一行で書かないといけないので、そこが苦労したポイント。
一行でクリップボードにコピーできるようになるといいのだが、まぁそれはまたいつかチャレンジしてみます。
サマリー
このエピソードでは、非エンジニアの視点から、JavaScriptを使ったブックマークレットの進化やポッドキャストの情報を効率的に整理する方法について説明しています。
Lightning Talkの概要
こんばんは、ひろひろしです。
収録しておりますのは、2025年12月9日19時22分です。
今日は、Tech Voice Advent Calendar 2025参加回です。
で、TechといえばLT、Lightning Talk。
Lightning Talkといえば5分ということで、
今日のお題を5分でまた喋ってみようと思いますので、よろしくお願いいたします。
ただ、今回話す内容は完全に私の記録になっているので、
皆さんのご参考になるかどうかは全く分からないのですが、
私のこの2025年の時点でちょっと残しておきたいことになっておりますので、
よろしければお聞いていただけたらなというふうに思います。
内容がですね、ブックマークレットの進化といいますか、
ちょっと私の中で、
ちょっとコード化したやつを作ったというのも、
私は非エンジニアなので、
コーディングとかはHTMLとかCSSをちょっといじれるぐらいなんですけれども、
それぐらいしかできなくて、
JavaScriptは全然そんなに体系的に学んでもないですし、できないんですけれども、
ただ、今回の話はJavaScriptの話になります。
私は普段、もともと何かのURLを紹介するときに、
タイトルタグに入る情報とURLの情報をコピーし、
クリップボードにコピーするっていうJavaScriptはどこかで見つけたのかな。
そういうウィンドウプロンプトをパンと上げて、
その内容をコピペするみたいな形でやってたんですけれども、
最近、noteにポッドキャストで感想を書くときに、
ポッドキャストのタイトルとURL、LISTENのURLをコピーして
noteに貼り付けてるんですけれども、
今までそれでよかったんですけど、
LISTENっていう文言が入っちゃうので、
それをまず取りたいなと思って、
単純にURLとドキュメントのタイトルだけを引っ張ってくるだけじゃなくて、
文言として、-LISTENっていうのが入っていたら消すみたいなのを入れました。
ただ、これでまだしばらく運用してたんですけれども、
今度、Spotify限定のポッドキャストがありまして、
そちらのURLもコピーして貼り付けたんですけど、
Spotifyの場合って、後ろに「Podcast on Spotify」っていうのが入ってしまうので、
これも取りたいなと思って、それをChatGPTに聞いて、
「Podcast on Spotify」っていうのを合わせてリプレイスするようにしました。
それで最後ですね、
これはLISTENだったら別にどこでも一緒なんですけど、
ポッドキャストのタイトルに「125. 」みたいなのを入れられるポッドキャストさんとかいらっしゃると思うんですね。
それをそのままnoteにコピペすると、
例えば「129. 」なんちゃらかんちゃらってタイトルが書いてあったら、
それが全部1に戻っちゃうんですよね。
noteの仕様らしくて、自動でCMSが判定してってなるんですけど、
それちょっと困るなと思ったので、
「129. 」って入ってるやつを、後ろのスペースを取り除かせていただいて、
タイトルを貼り付けると、厳密に言うと(元のタイトルとは)違うんですけど、
それで一応やってるっていうのがあります。
完成したJavaScriptのコードが、私が今普段運用しているコードになるので、
このポッドキャストのエピソードの概要欄に貼っておきますので、
こういうのを非エンジニアの人でもできましたっていうことですね。
実践結果と感想
ChatGPTを使えばっていうことになります。
以上です。ありがとうございました。
失礼します。
失礼します。
04:59
スクロール