Firefox拡張入門第7回(独自プロトコルの定義 - ttp) - Gemmaの日記
2ちゃんねるなどでリンク避けとして"ttp://..."を使うことがあります。 今回の拡張では、ttpプロトコルを定義して、"http://..."と同様に扱えるようにしましょう。 ttpプロトコルを扱うXPCOMコンポーネントのクラスを登録します。 そのクラスのnewURI関数で、URIの部品を受け取って、nsIURIのインスタンスを返します。(注) そのクラスのnewChannel関数で、↑で作ったnsIURIのインスタンスを受け取って、ttpプロトコルのためのnsIChannelのインスタンスを返します。ここではhttpプロトコルのnewChannel関数に処理を丸投げするので簡単です。 (注)"ここではhttpプロトコルのnewURI関数に処理を丸投げするので簡単です"・・・だと芸がないですもんね。 拡張のcomponentsディレクトリ以下に、jsファイルを置けば自動で認識してく
Firefox拡張入門第6回(Database.jsmライブラリ) - Gemmaの日記
マッチFOXに同梱しているDatabase.jsmライブラリは、SQLite用のORマッパです。tomblooが開発しました。 使用例 // Bookmarkモデルを生成。 var Bookmark = Entity({ name : 'bookmarks', fields : { id : 'INTEGER PRIMARY KEY', url : 'TEXT UNIQUE NOT NULL', title : 'TEXT', date : 'TIMESTAMP NOT NULL', last_visited : 'TIMESTAMP', comment : 'TEXT', } }) // データベースのファイル("ProfD/hogehoge/hogehoge.sqlite")を取得。 function dbFile() { var pd = DirectoryService.get("
Firefox拡張入門第5回(Prefs.jsmライブラリ) - Gemmaの日記
マッチFOXが生成するPrefs.jsmは、Firefox拡張でユーザ設定(about:configのアレ)を簡単に読み書きできるライブラリです。 ユーザ設定とは nsIPrefBranch - MDC Preferences - MDC ユーザ設定の項目の値には型があるので気をつけます。 boolean (真偽値) integer (整数) string (文字列) など。 項目名が他人様のとカブらないように気をつけます。 "ブランチ"にまとめるように心がけましょう。 例えば拡張で使う項目名には"extensions."ブランチを使いましょう。 例: "javascript.options.strict"オプションを扱う 1. ライブラリを new する。 //ブランチを指定します。ピリオドで終わるのがポイント。 var prefs = new Prefs("javascript.opt
Firefox拡張入門第4回(某占いサイトをスクレイピング) - Gemmaの日記
Firefox拡張はスクレイピングの最終兵器です。 今日は、某占いサイトをスクレイピングして、自分の星座のお告げを抜き出します。 某占いサイト スイーツ(笑)テーブルレイアウトです。 先にFirebugで、抜き出したいところのXPathを調べておきます。 個人的にCSSセレクタのほうが好きなので、XPathとCSSセレクタの対応表をあげておきます。 John Resig - XPath and CSS Selectors Latest topics > CSS3セレクタとXPathでの表現の対応表 - outsider reflex Latest topics > getElementsByなんちゃら の代わりにXPathを使う - outsider reflex 次に、拙作のMatchfox拡張で骨組みを作ります。名前はFortuneにします。 XPathを使ったスクレイピング 新しいタ
Firefox拡張入門第3回(全てのタブからはてダのリンクを作る) - Gemmaの日記
それでは実際にFirefox拡張を作ってみましょう。 全てのタブの、アドレスとタイトルを取得して、はてなダイアリーのリンクにするサイドバー拡張を作ります。 タブの情報は、メインウィンドウのwindow.gBrowser変数に入っています。タブブラウザ用コード - MDC さて、サイドバーとメインウィンドウとではwindowが違います。 要素 サイドバーの 要素 Webページを表示する要素 ... サイドバーのwindowからメインウィンドウのwindowを取得するには、3種類の方法があります。 var mainWindow = window.QueryInterface(Components.interfaces.nsIInterfaceRequestor) .getInterface(Components.interfaces.nsIWebNavigation) .QueryInterf
Firefox拡張入門第2回(MozReplでFirefoxを探検しよう) - Gemmaの日記
windowオブジェクトの入れ子について いつもwindow.alertなどで見る"Webページのwindow"のさらに上には、ブラウザ全体を支配する"XULのwindow"があります。 もちろんWebページ側からは触れませんが、Firefox拡張ならXULのwindowをいじれます。 ブラウザはこのようになっています。 要素 サイドバーの 要素 Webページを表示する要素 ... そして要素のようにページ(XULやHTML)を表示できる要素がそれぞれに"ページのwindow"を持っています。 これはHTMLでiframe要素がそれぞれにwindowを持っているのと同じです。 詳細はこちらchrome コードでウィンドウを取り扱う - MDC 動画(wmv 3.0MB) http://eva-lu-ator.net/~gemma/geocities/matchfox/mozRepl.wmv
Firefox拡張入門第1回(開発の準備) - Gemmaの日記
開発者必携ツール DOM Inspector 右クリックメニューを拡張したいんだけどデータどこにあんねん、というとき便利。 QuickRestart ブラウザを再起動して拡張プログラムをリロードするとき便利。 Console2 Javascriptコンソールの強化版。エラーメッセージをよりわけできて便利。 SQLite Manager ブラウザ内蔵のSQLite RDBMSをGUIで操作できて便利。 Venkman JavaScript Debugger Javascriptデバッガです。わりと便利。 MozReplも必携です。Firefox内部のJavascriptインタープリタにtelnet接続できます。 Home - mozrepl - GitHub 最速インターフェース研究会 :: Firefoxの拡張MozLabの中に含まれるMozReplがヤバすぎる件について 私の開発の流れは
素晴らしいjQueryチュートリアル集 – creamu
AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
