ブラウザ拡張できるWebExtension 【Firefox / Chrome】


Firefox のアドオンも Web Extension 対応になり
過去のやり方ができなくなりました。

このタイミングで、欲しかった機能を作れるか試してみたころ
大変でしたが、いくつか作れた機能があるので、説明しようと思います。

拡張機能一覧


※FireFox の拡張機能で Ver 57以降の Web Extensionに対応しています。

 

拡張機能名・アドオン 概要
Search Multi Tab 複数のタブをクロス検索
Page HeadLine Navi
ページヘッダを自動解析、きれいに表示
SmartTexter
version up🏋️‍♀️
①ドラッグ可能で階層的なメモ、②ざっくり雰囲気検索できる絵文字😝、顔文字機能( ・∀・)ノシ、③Webの情報をさくっと取得する機能
Event Regist helper on google calendar.(Google Quick Calendar) メールやウェブ上のスケジュールを解析し、G-Calendar方式でウェブ登録画面で
もう一発登録!
縦書き頑張ってみるよ 日本語など縦書き表示に
Edge Scroller タブ内の端にマウスを移動すると、スクロール
GameKeyMove🔫  WとSキーで上下↕️✉️にスクロール、

Q、Eで左右のタブに移動など、
Longman
version up🏋️‍♀️
選択文字を好きなサイトで検索
FastHistory 大量に履歴を戻る
WebArchive サイトがキャッシュされていないかジャンプします。
LastModified サイトの最終更新日付を確認します。

説明

 Search Multi Tab

概要

 複数のタブをクロス検索

使用ケース

JavaScript のページなど、プログラミングしていた複数タブから特定の情報のみをリストアップしたいとき
料理や掃除のテーマで調べて、タブが複数散らばっているとき、半自動的なタブグループの代わりにもなります。

説明

本文を検索して、サイドパネルにリストアップ。ダイレクトにその文字のある場所(高さのみ)に移動できます。
本文検索の場合は、コンテキストとして周りの文章もリストアップします。

アドオンページ

Firefox

Scaity(このサイト)

 Page HeadLine Navi

概要

 ページヘッダを自動解析、きれいに表示

使用ケース

サイトの構成が複雑な時、大きい時に、
全体像をつかんだり、手早く移動したいときに使う拡張機能

説明

 サイドパネルにページの構成(ヘッダ)を表示します。

もちろん、クリックするとジャンプします。

しかもいろんな色や形のテーマやリアクションが(20+9+2)付きです。

アドオンページ

Firefox

Scaity

 SmartTexter

概要

 ①ドラッグ可能で階層的なメモ、②ざっくり雰囲気検索できる絵文字😝、顔文字機能( ・∀・)ノシ、③Webの情報をさくっと取得する機能

使用ケース

WebでSlack , Line 、Redmine、 Gmailを書くとき

メモをまとめる前に、ちょろちょろっと複数のページから情報を取っておくときに、普段なんか面倒と感じている人

ざっくりemojiや顔文字を使いたい人

説明

  • ドラッグ可能で階層的なメモ
  • 絵文字、顔文字雰囲気検索(ノンバーバル)
  • Webタイトル・URL・本文一発取得機能

アドオンページ

Firefox
Scaity

 Event Regist helper on google calendar.(Google Quick Calendar)

概要

 メールやウェブ上のスケジュールを解析し、G-Calendar方式でウェブ登録画面で
もう一発登録!

使用ケース

ウェブのセミナーをよくカレンダーに登録する人

メール✉️で会議🖋️の打ち合わせが良く来る人

そういう人が文字本文を選択して、ブラウザ上部のアイコンを起動すると、時間とか調整して、入れてくれる!

説明

 こういうフォーマットを解析し,Google Calendar登録ページにとび、値を設定しておきます。

議題:○○○を△△といい感じにする検討
場所:本社 8F C会議室
時間:6/1(金) 13:00~14:00

※フォーマットの詳細は FireFoxのページでも

アドオンページ

Firefox

Scaity:Outlook版

直DL(chrome)

 縦書き頑張ってみるよ

概要

 日本語など縦書き表示に

使用ケース

青空文庫を読みやたいとき

Web小説を読みたいとき

説明

 縦書き変換機能の他、行間や、文字削除、フォントや色の変更機能があります。掴んでスクロールするドラッグビューモードもあるので快適読書時間!🕰️
Edge Scrollerと組み合わせてもいいです。

アドオンをサイドパネルで開き、縦書きモードのチェックボックスをオンにします。

アドオンページ

Firefox

Scaity

 Edge Scroller

概要

タブ内の端にマウスを移動すると、スクロール

使用ケース

Web閲覧中、上下左右にマウスだけで、ちょろっとさくっと柔軟にスクロールしたいとき

右手だけでWenナビしたい時。

説明

タブ内の画面いっぱいの範囲の境界線に、マウスカーソルを持っていくとその方向に、Webページがスクロールします。

アドオンページ

Firefox

 GameKeyMove🔫

概要

WとSキーで上下↕️✉️にスクロール、

Q、Eで左右のタブに移動など、

使用ケース

左手だけで、ウェブナビゲーションしたいとき

説明

ゲーム👻のように次の操作が片手🖐🏼でできちゃいます。
スクロールアップ/ダウン, 履歴移動、次のタブ前のタブへ ズーム、ページリロード、タブ複製、新規タブ(完全に新規(最後に追加))、タブをクローズ(要注意)


https://youtu.be/7rPYuvxSk6o

アドオンページ

Firefox

 Longman

概要

選択文字を好きなサイトで検索

使用ケース

今は英語、今は商品、料理、翻訳と検索サイトを切り替えたいとき

説明

longman などのサイトでこのタブや他のタブやポップアップなどに出しわけ表示できます。

いくつかの候補は保存しておけ、ワンクリックで切り替えられます。

アドオンページ

Firefox
Chrome

 FastHistory

概要

  大量に履歴を戻る

使用ケース

調べものしてて、元の場所に戻るのがかったるい時。

説明

  個人情報の関係で、ざっくりたくさん履歴移動ができるのみまでがんばっています。 ツールバーのポップアップでまとめて移動できるボタンが出てきます。

アドオンページ

 Firefox

直DL(chrome)

 WebArchive

概要

 サイトがキャッシュされていないかジャンプします。

使用ケース

情報を調べていて、サイトが消えてしまっていた時。

説明

 Google キャッシュのほうはなく、Web Archiveのみ対象です。

アドオンページ

Firefox
Chrome

LastModified

概要

サイトの最終更新日付を確認します。

使用ケース

この記事新しいのかどうか確認したいとき。

説明

ページの最終更新日付をさくっとワンクリックで確認します。

最近はブログや関連記事で、うまくいかないことも増えてきました。。。

アドオンページ

Firefox
Chrome
Edge
Opera

あとがき


旧作のアドオンは、ページ下のほうに出ている。。。かもしれません。

でているかな?でていなかなぁー?
うーんわからない。出てなかったらごめんなさい。

Delicious にシェア
Digg にシェア
reddit にシェア
LinkedIn にシェア
LINEで送る
email this
Pocket




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です