▼ おーぷん ▼
前記事でも触れましたが、ブログ内で公開している Chrome 拡張機能は削除しようと思います
古いファイルの整理が目的ですが、マニフェスト v2 の古い拡張機能は順次使えなくなっていってるそうなので、残しておいても意味がなさそうですし、この機会に消してしまおうかなって考えです
https://developer.chrome.com/blog/resuming-the-transition-to-mv3
削除するので、記録としてどんなのがあったのかを、この記事でまとめておきます
作ったときに個別記事で紹介してるのもありますが、ここは 1 記事に簡単にまとめるのが目的です
タイムスタンプはライブドアブログに残ってるものなので最終更新日になります
全然覚えてないのばかりなのでソースコードを見てこんなのあったんだーという感じで書いてます
結構数があるので、徐々に追記していって全部書き終えたタイミングでファイルを削除予定です
◯ aalc [2013/02/03]
Amazon へのアフィリンクを無効にしてアクセスできる拡張機能
アイコンがかっこいい感じになってる
リンクを右クリックして表示されるメニューを追加
追加したボタンを押したときにリンクが Amazon へのページなら Amazon の商品番号 ASIN を取り出して、 ASIN から新規に URL を作って開いてる
アフィリエイトリンクじゃなくなるのでそこから開いて商品を購入してもアフィリエイト報酬が発生しなくなる
個人的には他人がアフィリエイトで稼ごうがどうでもいいので自分で使うことはほとんどなかった気がする
どちらかというと自分のサイトのアフィリエイトリンクを自分で開きたいとき用だったかも
URL の文字列で判断してるので amzn など短縮リンクを使うと動かないので今だとあまり意味ないかも
◯ alm [2014/05/14]
Amazon へのリンク作成
Amazon のページを開いてるときにボタンを表示する
押すとポップアップが開いて、そこでその商品ページへのアフィリンクを作れる拡張機能
bitly を使った短縮リンクにも対応してたみたい
見た感じでは内部で API 呼び出しとかやってそう
今だと公式ページ内のツールで完結できるので完全に不要なはず
便利になったものだね～
◯ cmsr [2017/07/24]
スクリプトを実行するための拡張機能
Content Script みたいな感じでスクリプトを実行したり CSS を挿入したりできる
ショートカットキーにスクリプトを割り当てて実行もできる
サーバーに置いてる JSON に色々なスクリプトを用意していて、
それをダウンロードして使ったり、自作でプログラム書いたりもできる便利系ツール
たぶんいちばん最後に作ったものかも？
事前に用意してるスクリプトには
・スクリーンショットを撮る
・ページ内のフォントの強制変更
・画像リンクを画像に置き換え
・バックグラウンドでタブを開いたときにタブをアクティブにするまでページのロードを遅延
・タブ一覧をクリップボードにコピー
・Cookie セッションの切り替え
・ファイルのダウンローダー
など、便利なものが多い・・・と思ってる
◯ dls [2013/12/01]
ページ内の画像やリンク先の画像をまとめて保存するツール
ダウンローダー機能は最終的に cmsr 内のスクリプトのほうが高機能になってたはず
◯ elud [2016/02/15]
要素の非表示化
右クリックメニューに対象の要素を非表示にするボタンを追加
強制で出てくるモーダルとか広告を消す目的のはず
ただ、これ系は div がいくつも重なってるときにどこを消すか問題がある
たぶん期待する動きにならないことも多そう
◯ exin [2018/03/12]
ページの表示時に追加のスクリプトを実行する拡張機能
クエリパラメータに専用の記法でスクリプトを書いて、この拡張機能が有効なブラウザで開くと実行される
開いた時点で特定の場所までスクロールしたり、フォームに特定の入力をするのに使う
共有できたらいいけど相手もこの拡張機能が入ってないと意味がないのであまり使い道がなかった
◯ gpt [2013/12/21]
URL からページのタイトルを取得する拡張機能
いまいち用途がわからないので機能を試すために作ったのかな？
◯ imgc [2016/01/12]
画像のフォーマットを変換する拡張機能
右クリックメニューに「JPG で保存」などを追加して、ページ上の画像を JPG/PNG/WEBP に変換できる
変換は Canvas の機能頼り
◯ lop [2016/02/29]
「あとで開く」拡張機能
RSS 的なサイトやブログ等のトップページで気になる記事をまとめて新しいタブで開いていくと、バックグラウンドで全部のタブを読み込もうとするからすごく重たくなる
けど実際は、そのタブをアクティブにしたときに一つずつのロードでいい
それを実現するための拡張機能
開いた時点では、仮の拡張機能のページを挟んでおいて、ページをアクティブにしたときに本来のページに移動させる
後に cmsr のスクリプトで類似機能が追加された
◯ lte [2014/01/05]
ショートカットキーにスクリプトを割り当てる拡張機能
コメントによれば、元は Ctrl+E で拡張機能管理のページを開くのが目的だったみたい
それ以外にもショートカットキーを追加できて、実行するスクリプトも設定できる
ショートカット以外のスクリプトを登録してポップアップページから今のページで実行することもできる
cmsr に近くて前身みたいなものだったみたい
存在を完全に忘れてたけど
◯ MET [2013/02/22]
ブラウザゲーム「メガミエンゲイジ」の便利ツール
ブラウザ拡張機能として、こういうのをつくったのはこれが最初で最後だったと思う
ブラウザゲームも今と昔じゃ結構違うからね
当時は本当にブラウザでページを切り替える形のブラウザゲームだったから画面の切り替えはページの移動
ショートカットキーで「A キーを押したらホーム画面に飛ぶ」みたいなのが有効だったので、そういう機能やシミュレーター機能などを追加してた
◯ nvl [2013/01/27]
ニコニコビュワーへのリンクを表示
昔のニコニコ動画はアカウントがないと動画が見れなかった
アカウントなしで動画を見る方法で外部ビュワーのサービスがあった
この拡張機能では、ニコニコ動画の URL を検知してボタンを表示
ポップアップ内に複数の外部ビュワーのリンクを表示して動画を見れるようにしたもの
◯ nvp [2016/02/04]
ニコニコ動画をアカウントなしで見れるようにするもの
前述の拡張機能は外部ビュワーを使ってたけど、これは公式機能のみで再生できるようにしてる
埋め込み機能を使って動画をブログ等に埋め込むとアカウントなしでも見れる
この抜け道を使って、ニコニコ動画のページを検知したら、そのページ内に埋め込み機能を使って動画を埋め込んで見れるようにしてる
◯ opth [2017/06/26]
今見てるページを別ブラウザで開く拡張機能
別のブラウザで開くためにはローカルでコマンドやプログラムを動かせないといけない
けど普通にやるとブラウザからローカルのプログラムを動かせない
その対策で Native messaging とかいうのを使ったり、そこで動かすネイティブアプリを作ったり
大変で、もうやりたくないと思った記憶はある
◯ pfc [2013/02/03]
ページ内のフォントを変更する拡張機能
ポップアップ内でフォントを選択して、フォントを変更するスクリプトをページに挿入
シンプル
◯ pwo [2014/01/05]
パスワードを●●●にせず通常表示に切り替えられる拡張機能
入力内容を確認できないのは不便でもあるからね
最近はパスワードのテキストボックスに目のアイコンがついてて、表示の切り替えをできる機能が当たり前になってきてるし使う必要なさそう
◯ read [2014/08/17]
見たことあるページを管理する拡張機能
ページを開いたときに URL のハッシュ値をローカルストレージに保存する
今見てるページのアクセス数・最初のアクセス日・最近のアクセス日などが見れる
珍しくアップデートを数回している拡張機能で、フィルタ機能や閲覧回数ランキング機能が後で追加された
◯ twdr [2014/05/01]
Twitter の「こちらのユーザーもフォローしてみませんか?」の表示を消す拡張機能
これだけの機能
CSS 1 行だけで一番シンプルなものかもしれない
そのフォローしてみませんか画面だけど、いつの頃からか見なくなったし今ではどんな画面だったかも覚えてない
◯ twilf [2013/01/27]
Twitter の LF 改行を <br/> に変換して改行を反映させる拡張機能
今はもう覚えてないけど、昔の Twitter は改行が反映されてなかったみたい
◯ twlf [2013/02/01]
上の twilf とほぼ同じだけど innerHTML の書き換えじゃなくて、 CSS を追加して対応してる
white-space で制御してるので改行以外の空白文字も元のまま反映されるようにしてる
◯ twsq [2017/06/16]
Twitter のアイコンが丸くなったときに作ったもの
元の四角に戻す拡張機能
CSS の border-radius を 0 するだけ
セレクタの種類が多いだけで内容はこれもかなりシンプル
◯ vv [2017/06/14]
動画ビュワー
ページ内に埋め込まれてる動画だけを表示する拡張機能
広告とかを消したり、コントロールを表示したり見やすくする目的だったはず
動画だけの表示なら video タグに設定された URL を直接開くでもいい
だけど blob: 形式だとストリーミングでデータを取得しているので動画の URL を開くができない
そのためにページ内で動画だけを表示するようしてる
作った拡張機能ならもっと色々あったのですが、このブログ内で公開してるものだとこれだけでした
これだけと言っても 20 件以上、多いですね
何をするものかわからないのも多いので、中の JS のコードを見てましたが、
時代を感じますね～
実際 10 年以上も前のが多いですし
当時こんな書き方してたんだ・・・とか思ったり
今見ると、かなり読みづらいのも多いです
自分の書き方に限らず、プログラミング言語としても機能が色々増えたので、
こういうことをしたい、に対してそのやり方も大きく変わっています
なんかもう別の言語みたいな感じ・・・
見返してみると、昔のほうがやりたいこと、目的があって作ってることが多かったなと思います
今思えば昔のほうが楽しめていたかも？
今は昔に比べて、作るものよりコードのほうをこだわるようなってしまってる気がします
そのせいでプログラム的にきれいに書けない、良い作りにならないからって作る機能の方をそれに合わせて変更したり簡略化したり・・・
コードの見やすさなどを気をつけても、作った後はほとんど触らないし、ちゃんと動いてさえいれば中身なんてどうでもいいんですよね
もっと作るものの方をこだわるほうようしたいですね
古いファイルの整理が目的ですが、マニフェスト v2 の古い拡張機能は順次使えなくなっていってるそうなので、残しておいても意味がなさそうですし、この機会に消してしまおうかなって考えです
https://developer.chrome.com/blog/resuming-the-transition-to-mv3
削除するので、記録としてどんなのがあったのかを、この記事でまとめておきます
作ったときに個別記事で紹介してるのもありますが、ここは 1 記事に簡単にまとめるのが目的です
タイムスタンプはライブドアブログに残ってるものなので最終更新日になります
全然覚えてないのばかりなのでソースコードを見てこんなのあったんだーという感じで書いてます
結構数があるので、徐々に追記していって全部書き終えたタイミングでファイルを削除予定です
◯ aalc [2013/02/03]
Amazon へのアフィリンクを無効にしてアクセスできる拡張機能
アイコンがかっこいい感じになってる
リンクを右クリックして表示されるメニューを追加
追加したボタンを押したときにリンクが Amazon へのページなら Amazon の商品番号 ASIN を取り出して、 ASIN から新規に URL を作って開いてる
アフィリエイトリンクじゃなくなるのでそこから開いて商品を購入してもアフィリエイト報酬が発生しなくなる
個人的には他人がアフィリエイトで稼ごうがどうでもいいので自分で使うことはほとんどなかった気がする
どちらかというと自分のサイトのアフィリエイトリンクを自分で開きたいとき用だったかも
URL の文字列で判断してるので amzn など短縮リンクを使うと動かないので今だとあまり意味ないかも
◯ alm [2014/05/14]
Amazon へのリンク作成
Amazon のページを開いてるときにボタンを表示する
押すとポップアップが開いて、そこでその商品ページへのアフィリンクを作れる拡張機能
bitly を使った短縮リンクにも対応してたみたい
見た感じでは内部で API 呼び出しとかやってそう
今だと公式ページ内のツールで完結できるので完全に不要なはず
便利になったものだね～
◯ cmsr [2017/07/24]
スクリプトを実行するための拡張機能
Content Script みたいな感じでスクリプトを実行したり CSS を挿入したりできる
ショートカットキーにスクリプトを割り当てて実行もできる
サーバーに置いてる JSON に色々なスクリプトを用意していて、
それをダウンロードして使ったり、自作でプログラム書いたりもできる便利系ツール
たぶんいちばん最後に作ったものかも？
事前に用意してるスクリプトには
・スクリーンショットを撮る
・ページ内のフォントの強制変更
・画像リンクを画像に置き換え
・バックグラウンドでタブを開いたときにタブをアクティブにするまでページのロードを遅延
・タブ一覧をクリップボードにコピー
・Cookie セッションの切り替え
・ファイルのダウンローダー
など、便利なものが多い・・・と思ってる
◯ dls [2013/12/01]
ページ内の画像やリンク先の画像をまとめて保存するツール
ダウンローダー機能は最終的に cmsr 内のスクリプトのほうが高機能になってたはず
◯ elud [2016/02/15]
要素の非表示化
右クリックメニューに対象の要素を非表示にするボタンを追加
強制で出てくるモーダルとか広告を消す目的のはず
ただ、これ系は div がいくつも重なってるときにどこを消すか問題がある
たぶん期待する動きにならないことも多そう
◯ exin [2018/03/12]
ページの表示時に追加のスクリプトを実行する拡張機能
クエリパラメータに専用の記法でスクリプトを書いて、この拡張機能が有効なブラウザで開くと実行される
開いた時点で特定の場所までスクロールしたり、フォームに特定の入力をするのに使う
共有できたらいいけど相手もこの拡張機能が入ってないと意味がないのであまり使い道がなかった
◯ gpt [2013/12/21]
URL からページのタイトルを取得する拡張機能
いまいち用途がわからないので機能を試すために作ったのかな？
◯ imgc [2016/01/12]
画像のフォーマットを変換する拡張機能
右クリックメニューに「JPG で保存」などを追加して、ページ上の画像を JPG/PNG/WEBP に変換できる
変換は Canvas の機能頼り
◯ lop [2016/02/29]
「あとで開く」拡張機能
RSS 的なサイトやブログ等のトップページで気になる記事をまとめて新しいタブで開いていくと、バックグラウンドで全部のタブを読み込もうとするからすごく重たくなる
けど実際は、そのタブをアクティブにしたときに一つずつのロードでいい
それを実現するための拡張機能
開いた時点では、仮の拡張機能のページを挟んでおいて、ページをアクティブにしたときに本来のページに移動させる
後に cmsr のスクリプトで類似機能が追加された
◯ lte [2014/01/05]
ショートカットキーにスクリプトを割り当てる拡張機能
コメントによれば、元は Ctrl+E で拡張機能管理のページを開くのが目的だったみたい
それ以外にもショートカットキーを追加できて、実行するスクリプトも設定できる
ショートカット以外のスクリプトを登録してポップアップページから今のページで実行することもできる
cmsr に近くて前身みたいなものだったみたい
存在を完全に忘れてたけど
◯ MET [2013/02/22]
ブラウザゲーム「メガミエンゲイジ」の便利ツール
ブラウザ拡張機能として、こういうのをつくったのはこれが最初で最後だったと思う
ブラウザゲームも今と昔じゃ結構違うからね
当時は本当にブラウザでページを切り替える形のブラウザゲームだったから画面の切り替えはページの移動
ショートカットキーで「A キーを押したらホーム画面に飛ぶ」みたいなのが有効だったので、そういう機能やシミュレーター機能などを追加してた
◯ nvl [2013/01/27]
ニコニコビュワーへのリンクを表示
昔のニコニコ動画はアカウントがないと動画が見れなかった
アカウントなしで動画を見る方法で外部ビュワーのサービスがあった
この拡張機能では、ニコニコ動画の URL を検知してボタンを表示
ポップアップ内に複数の外部ビュワーのリンクを表示して動画を見れるようにしたもの
◯ nvp [2016/02/04]
ニコニコ動画をアカウントなしで見れるようにするもの
前述の拡張機能は外部ビュワーを使ってたけど、これは公式機能のみで再生できるようにしてる
埋め込み機能を使って動画をブログ等に埋め込むとアカウントなしでも見れる
この抜け道を使って、ニコニコ動画のページを検知したら、そのページ内に埋め込み機能を使って動画を埋め込んで見れるようにしてる
◯ opth [2017/06/26]
今見てるページを別ブラウザで開く拡張機能
別のブラウザで開くためにはローカルでコマンドやプログラムを動かせないといけない
けど普通にやるとブラウザからローカルのプログラムを動かせない
その対策で Native messaging とかいうのを使ったり、そこで動かすネイティブアプリを作ったり
大変で、もうやりたくないと思った記憶はある
◯ pfc [2013/02/03]
ページ内のフォントを変更する拡張機能
ポップアップ内でフォントを選択して、フォントを変更するスクリプトをページに挿入
シンプル
◯ pwo [2014/01/05]
パスワードを●●●にせず通常表示に切り替えられる拡張機能
入力内容を確認できないのは不便でもあるからね
最近はパスワードのテキストボックスに目のアイコンがついてて、表示の切り替えをできる機能が当たり前になってきてるし使う必要なさそう
◯ read [2014/08/17]
見たことあるページを管理する拡張機能
ページを開いたときに URL のハッシュ値をローカルストレージに保存する
今見てるページのアクセス数・最初のアクセス日・最近のアクセス日などが見れる
珍しくアップデートを数回している拡張機能で、フィルタ機能や閲覧回数ランキング機能が後で追加された
◯ twdr [2014/05/01]
Twitter の「こちらのユーザーもフォローしてみませんか?」の表示を消す拡張機能
これだけの機能
CSS 1 行だけで一番シンプルなものかもしれない
そのフォローしてみませんか画面だけど、いつの頃からか見なくなったし今ではどんな画面だったかも覚えてない
◯ twilf [2013/01/27]
Twitter の LF 改行を <br/> に変換して改行を反映させる拡張機能
今はもう覚えてないけど、昔の Twitter は改行が反映されてなかったみたい
◯ twlf [2013/02/01]
上の twilf とほぼ同じだけど innerHTML の書き換えじゃなくて、 CSS を追加して対応してる
white-space で制御してるので改行以外の空白文字も元のまま反映されるようにしてる
◯ twsq [2017/06/16]
Twitter のアイコンが丸くなったときに作ったもの
元の四角に戻す拡張機能
CSS の border-radius を 0 するだけ
セレクタの種類が多いだけで内容はこれもかなりシンプル
◯ vv [2017/06/14]
動画ビュワー
ページ内に埋め込まれてる動画だけを表示する拡張機能
広告とかを消したり、コントロールを表示したり見やすくする目的だったはず
動画だけの表示なら video タグに設定された URL を直接開くでもいい
だけど blob: 形式だとストリーミングでデータを取得しているので動画の URL を開くができない
そのためにページ内で動画だけを表示するようしてる
作った拡張機能ならもっと色々あったのですが、このブログ内で公開してるものだとこれだけでした
これだけと言っても 20 件以上、多いですね
何をするものかわからないのも多いので、中の JS のコードを見てましたが、
時代を感じますね～
実際 10 年以上も前のが多いですし
当時こんな書き方してたんだ・・・とか思ったり
今見ると、かなり読みづらいのも多いです
自分の書き方に限らず、プログラミング言語としても機能が色々増えたので、
こういうことをしたい、に対してそのやり方も大きく変わっています
なんかもう別の言語みたいな感じ・・・
見返してみると、昔のほうがやりたいこと、目的があって作ってることが多かったなと思います
今思えば昔のほうが楽しめていたかも？
今は昔に比べて、作るものよりコードのほうをこだわるようなってしまってる気がします
そのせいでプログラム的にきれいに書けない、良い作りにならないからって作る機能の方をそれに合わせて変更したり簡略化したり・・・
コードの見やすさなどを気をつけても、作った後はほとんど触らないし、ちゃんと動いてさえいれば中身なんてどうでもいいんですよね
もっと作るものの方をこだわるほうようしたいですね
▲ くろーず ▲
Amazonのページを開いている時にその商品のページへのリンクを作成します
になります
