0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

YouTubeのアップデートで動画の投稿日順にソートできなくなったので、Vibe Codingで拡張機能作った

0
Posted at

初投稿です、はりねずみです。

度々あるYouTubeの改悪アップデート、今回はなかなか見過ごせない。
「投稿日順(新しい順)」の並べ替えが、できなくなっている・・・!

最新の動画をサクッとチェックしたいだけなのに、なんでおすすめ動画や数年前のバズり動画を優先的に見せられなきゃいけないんだ!

と、フラストレーションが溜まったので、Vibe Coding(バイブ・コーディング)でサクッと拡張機能を作って解決しました。

image.png

Vibe Codingでつくる

Chrome拡張機能を作るの初めてだったので、面倒そうだなと思ってたのですが調べたら、
・manifest.json
・JavaScript
の2つがあればできるみたい。

じゃあ作っちゃおう。
ということで作ってみました。

せんが、今はVibe Codingの時代です。

今回はCursorで、YouTubeの検索結果のフィルタダイアログのDOM部分を開発者ツールからコピーして、

YouTubeのアップデートで並べ替え条件から投稿日順が無くなっちゃったから復活させたい。
フィルタUIのDOMこんな感じなんだけど、並べ替え条件に投稿日順を追加して。

## フィルタUIのDOM構成
(DOM構成コピペ)

って感じでお願いしました。
DOM監視やボタンの追加箇所をAIが把握できないので、DOM構成を教えてあげるのがポイントです。

結果、一発で良い感じのコードが出ましたが、DOMの監視ができておらず、ボタンが追加されていなかったので、今回は愚直にIntervalで監視するように修正しました。

作ったもの

機能は
・YouTubeの検索結果ページに、あの投稿日順ボタンを無理やりねじ込みます。
・ボタンを押すと、一発で最新動画が並ぶようにURLパラメータを操作してリロード。
これだけ。

使い方と配布場所

せっかく作ったので、同じ悩みを持つ人のために公開しました!

ソースコードと使い方
GitHubからダウンロードできます

まとめ

Vibe Codingで作ったので、仮に明日YouTubeが正気に戻って投稿日順を追加してくれたとしても、「せっかく作ったのに!」とはならないのがVibe Codingのいいところ!
(使いにくいな・・・自分で作るか)がすぐできる!

ただ、記載したように、一見いけてそうでも細かい部分で修正が必要だったりするので、そこはもう少しかなと思いますが、それも後1年くらいで確認すら必要無くなりそうな…。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?