1. クルマの中からこんにちは
  2. 2025/12/11 生成AIのおかげで..
2025-12-11 04:59

2025/12/11 生成AIのおかげで私のブックマークレットが進化した

4 Comments

#声日記 #声でブログ

 

最初のブックマークレット

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

コメント

最近ワタクシもチャッピープラスがたまたま1ヶ月無料だと言うのにひかれて有料版を契約してしまいました…

生成AIに課金するかは悩みますよねぇ。 ちなみに今回の件は無料の範囲でやりました!

tainaka tainaka

ワタクシはイラストを作るのに割りと使ってまして…画像生成は無料だと修正を重ねるとあっという間にその日の制限枚数に達するので、今なら1ヶ月無料にひかれて、思わずタップしてしまいました😅

画像ね!たしかに! ダリー3を使っているbing image creatorだと無料で画像生成できますよ!パソコン・エッジを使わないとですけど💦私のアートワークはそれを使ってます!

tainaka tainaka
スクロール