先般、MozillaのコミュニティによるTokyo WebExtensions Meetup #2が開催された。ここでは、メンバーらによる自身の拡張機能の紹介などが行われた。先のレポートでは紹介程度であったが、本稿では、もう少し詳しく紹介しよう。
「Visual Tabs」を試す
まずは、Gomita氏によるVisual Tabsである。もともとは、Firefox Quantum Extensions Challenge応募用(結果は、こちら)に開発されたものだ。AMOは、以下である。
-
図1 Visual Tabs
サイドバーにタブのサムネイルを表示する機能拡張である。最初に作成したのは、サムネイルも表示されるモードであった。
-
図2 サムネイルも表示
しかし、想像以上にサムネイルがうっとうしく感じられた。そこで、サムネイルを非表示にしてみた。しかし、今度はシンプルすぎて、「Visual」ではなくなってしまった。そこで、マウスオーバーをすることで、サムネイルを表示するようにしてみた。
-
図3 マウスオーバーでサムネイルを表示
完成版では、さらにちょい見せモードを搭載し、3つのモードを任意に選択可能にした。
-
図4 ちょい見せモード
モードの選択は、左下のバーガーボタンをクリックすると、モードが入れ替わる。さらに、CSS transform(skew)+transitionで視覚効果も追加した。これ以外にも、新しいコンテナータブを開く際に、種類別に色帯を追加して分類可能にしている。
-
図5 コンテナータブの色分け
今回Gomita氏は、5ちゃんねるのスレッド管理を行うFoxAge5chという拡張機能のXULからの移植も発表した。
