「bebop」を試す

3つめは、kumabook氏によるbebopである。

  • 図14 bebop

emacs helmの操作感が好きで、それをブラウザで実行できないか。それが目標である。コマンドを入力し、その結果から、さらに絞り込んで実行するというものである。起動画面は図15のようになる。

  • 図15 bebopを起動

履歴を表示すると、以下のようになる。

  • 図16 履歴を表示

さらに「マイナビ」で検索すると、文字が含まれるタブや履歴、検索なども表示される。

  • 図17 マイナビで検索

図18は、bebopから利用可能なコマンド一覧である。

  • 図18 コマンド一覧

kumabook氏は、仕事柄、そのページのCookieを表示することが多い。そこで、manage-cookiesでは、Cookieの一覧を表示する。

  • 図19 Cookie一覧

このように自分のほしい機能を実装している。他にも、ブックマークや履歴を表示し、選択してまとめて削除するといったことができる。マウスを使うことなくかなりの操作が可能である。 全体の仕組みであるが、図20のようになっている。

  • 図20 bebopの構成

基本的にはpopupとcontent scriptから構成される。開発に使用したものは、図21の通りである。

  • 図21 開発に使用したもの

いずれもユニークな拡張機能であった。次回のミートアップでは、作ってみよう的なワークショップの予定である。興味があれば、ぜひ参加してほしい。