2006年11月アーカイブ

Greasemonkeyでランチャー

| コメント(10) | トラックバック(1)

 前回のGreasemonkeyでテキストエディタは思った以上に、反響があってビックリでした。はてなポイントまでいただいて感謝。これはうれしい。


ということで、第2弾行ってみます。
Greasemonkeyでランチャーです。

荒削りだけど、頻繁に見るページ、よく使うWebアプリなどを登録しておけば、たぶん便利!


前回のスクリプトに機能を付け足しています。


簡単な使い方

インストールしたら、新しいページを開いて
日本語入力がOFFになっているのを確認してから"q"キーを押します。
すると以下のようなランチャーが起動します。




"q"キーで、次のメニューへ移動。
"shift + q"キーで、前のメニューへ移動。
"enter"でフォーカスされているメニューを開きます。


他の機能

起動するとブラウザのどのタブで起動してるかわかるようにページタイトルの頭に'+'がつきます。

ランチャーを起動した状態で、"shift + s"キーを押すと、設定画面に移ります。
自分で、メニューを追加することができます。
使い方は見ればだいたいわかるかと。
メニューを追加したあと、ページを再読み込みするか、新しいページを開くと設定が反映されます。
ちょっとやっつけで付け足したので超荒削りです。

アイコンは、各サイトの favicon.ico を取得して表示します。favicon.ico がない場合、HTMLアイコンで表示します。

前回の吼えディタのスクリプトに後付けしたので、"e"キーでエディタを起動することもできます。


Todo
  • bookmarkletの登録 ←必要?
  • 直接サーチエンジンの検索結果にジャンプ
  • アイコン(favicon.ico)のキャッシュ
    → 現時点では GM_xmlhttpRequest で取得して追加なので、ページの反応が早い順に並んでしまってる。
    他のスクリプトが GM_xmlhttpRequestを使ってる場合も待たされるので要修正。
  • メニュー頭文字キーで頭出し
  • メニュー設定をドラッグ&ドロップで並び替え
  • メニュー設定を名前を付けて保存 ←必要?
  • メニュー設定の変更後、即座に反映させる

注意点

機能拡張の mozless を入れている人限定ですが、"shift+q"がウィンドウを閉じる機能に割り当てられていて、いきなりウィンドウが閉じるので注意。


吼えディタも若干バージョンアップしてます。


修正点

  • iframeの中まで生成されていたのを修正 ←高負荷?
参考: 人力検索はてな - Greasemonkeyで、すべてのページのbodyタグのすぐ後ろにタグを挿入するスクリプトを書いたのですが、FRAMEやIFRAMEが使われているページではフレーム内のbodyにも適用され..
http://q.hatena.ne.jp/1153500408
  • GmailにタイトルとURLが含まれていたのを修正

謝辞

以下のライブラリやTipsを使わせていだたきました。

最速インターフェース研究会 :: キー割り当て用ライブラリを作った
http://la.ma.la/blog/diary_200511041713.htm

Lucky bag::blog: CSS だけで Mac OS X の Dock 風ナビゲーション
http://www.lucky-bag.com/archives/2006/03/css-navigation-magnification.html

CSS Drop Shadows | Design Meme
http://www.designmeme.com/articles/dropshadows/

技術メモ帳 - 拡張子に対応したアイコンの取得
http://d.hatena.ne.jp/lurker/20060830/1156939863


以下、余談

だんだんスクリプトが肥大化してます。自分の腹並。圧縮したい。


2006/11/29 追記

ショートカットキーの修正とあわせていくつか機能変更・追加しました。
  • 吼えディタのおまけ機能として、"Ctrl+e"でページのソースを"タブ1"に読み込む機能がありましたが、ショートカットキーを"Shift+e"に変更。
  • メニュー登録が増えすぎると、折り返してしまう問題があったので、とりあえず横幅を3倍にしてみた(1000px→3000px)。
  • Escキーで吼えディタ・ランチャーともに終了します。
    →実装してたんですが、書き忘れてました。

Greasemonkeyでテキストエディタ

| コメント(0)

しばらく忙しく更新が滞ってました。
また、ぼちぼちと書きます。


最近、Greasemonkeyスクリプトも作り飽きてきたかなー。
と思っていたのですが、久しぶりに目からウロコなスクリプトを発見!!


gotinの日記 - GreasemonkeyでRSSリーダー
http://d.hatena.ne.jp/gotin/20061017


これはスゴイ!軽くて速いRSSリーダー。
人が思いついてもやらないことを、平然とやる。そこにしびれる、憧れるゥ!


つーことで、真似して作ってみましたグリモンアプリ。
普段一番使いそうなのでテキストエディタ。



簡単な使い方

インストールしたら、新しいページを開きます。
日本語入力がOFFになっているのを確認して、"e"キーを押します。
画面が暗くなりエディタ画面が表示されます。↓例



テキストエリアでテキストを書くことができます。
保存ボタンで、テキストの保存。
終了ボタンで、エディタ画面を閉じます。


使い方

起動は'e'キー。テキストエリアにメモって、保存。いじょ。
あとは触って試してみてください。

おまけ機能で'Ctrl+e' 'Shift+e'でページの現在のソースコードが'タブ1'に読み込まれます。
起動するとブラウザのどのタブで起動してるかわかるようにページタイトルの頭に'*'がつきます。

'Esc'キーで保存せずに終了します。

2006/11/29 追記

ランチャー機能を追加しました。
詳しくは↓以下。
Greasemonkeyでランチャー


特徴・動作環境・たわ言

起動は高速です。
思いついてすぐ打てるというのは大きいかも
エディタを立ち上げるのすら面倒な人にピッタリです。

あまり検証してないので、メモ書き程度の消えてもよい用途にお使いください。ページによっては正常に表示されません。
Windows の Firefox2.0 + Greasemonkey 0.6.6.20061017.0 で動作確認しました。


とりあえずプレーンなテキストエディタで。
機能のつけ方はいろんな方向性があると思うので。
コードはとっちらかってます。改造はご自由に。

個人的には id:brazilさんのjshみたいな機能があればいいなと。
Javascript書く人が自分で拡張できるエディタにならないかなと。

次は、メーラーか、スケジューラーアプリなど、誰か作りません?(無茶


Todo

  • メール ← mailto:
  • コピー ← 必要?
  • ページの選択範囲を取得
  • ページのタイトルとURLを取得
  • オートセーブ ←必要?
  • タブの作成 ←新規タブ作成時にタブの名前を聞く
  • タブの削除
  • prototype.js の読み込み ← XMLHttpRequest+GM_setValueで 永続化
  • コードの整理
  • HTMLのWYSIWYG編集 ←あれば便利? iframeで

既知のバグ

  • ページによってカーソルが表示されない場合あり
  • 起動時に"タブ0"にフォーカスするが、文末にカーソルが来る


謝辞

以下のライブラリを改変して使わせていただきました。

Prototype JavaScript Framework: Class-style OO, Ajax, and more
http://prototype.conio.net/

glayer.js - グレーアウト表示ライブラリ
http://www.enjoyxstudy.com/javascript/glayer/


その他

トラックバックはスパムがひどいので一時停止してます。
コメント欄か、ソーシャルブックマークのコメントで教えていただければ。


以下、余談

名前は"ほえディタ"です。
"あ"から順番に言っていってごろがよかったので。
ほえっと気楽に使ったってください。
あるいは"吼えディタ"。がおー。


ユーザースクリプトは次世代のプラットフォーム?

PC→OS→ブラウザ

と来て、次はユーザースクリプトが来るんじゃないかと。
対抗馬は各種ウィジェット環境や Flash かな。
アドビの狙いはその辺り?
という妄想。
↓こんなのも出てますね。

COULD:W3C の Widgets 1.0
http://www.yasuhisa.com/could/entries/001047.php

なるべくクロスブラウザで便利な関数が組み込まれている環境ができればあるいは・・・。
作ってみて思ったけど開発の障壁がまだ高い気がする。
あと日本語が普通に使えるようにして欲しい・・・。>グリモン

このアーカイブについて

このページには、2006年11月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2006年10月です。

次のアーカイブは2006年12月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ウェブページ