Latest topics > 他の拡張機能やFirefoxの機能を破壊しないための基本テク - outsider reflex
Latest topics > 他の拡張機能やFirefoxの機能を破壊しないための基本テク 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « いちばんになりたい Main ISBNコードからAmazonのアフィリエイトのリンクを生成するカスタムスクリプト for ContextMenu Extensions » 他の拡張機能やFirefoxの機能を破壊しないための基本テク - Sep 04, 2007 拡張機能勉強会の時に焚き付けられた、Text Shadowのコード（textshadow.js）を教材にして拡張機能開発のノウハウを解説していくシリーズ。 JavaScriptでは、普通に宣言した変数や関数はグローバルな物になる。 var name
ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」:phpspot開発日誌
CSSMate :: Firefox Add-ons Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool that i've been using for many months. I've gutted it, made each stylesheet load into a seperate tab. Removed the save load clear functionality as i found it to be useless... ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」。 次のように、ページに使われているCSSをファイルごとに編集し、リアルタイム反映できます。 ページのＣＳＳをすべて１くくりにしてしまう「Edit CSS」よ
FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」:phpspot開発日誌
Codetch :: Firefox Add-ons Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you...FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」。 インストールすると「ツール」メニューにCodetechが追加され、実行すると次のようなDreamWeaver風のWYSIWYGなHTMLエディタが表示されます。 CodeタブでHTMLを修正することもでき、PreviewタブでWYSIWYGな編集も可能です。 DOMインスペクタや CSS/HTML/XMLバリデーターなどの機能も持っています。 素早くHTMLページを作りたいという場合に、便利な拡張ですね。
Firefoxで別ブラウザのレンダリングエンジンを使う拡張いろいろ:phpspot開発日誌
Firefoxで別ブラウザのレンダリングエンジンを使う拡張いろいろ。 Firefoxに拡張をインストールすると、Firefox上で別ブラウザのエンジンを動かし、レイアウトの確認などを行えますが、色々と拡張が存在するようです。 IE View - IEエンジン使用 IE Tab - IEエンジン使用の別バージョン OperaView - Operaエンジン使用 FirefoxView - IE View 上で右クリックした際に「View This Page in Firefox」が表示 Safari View - MacOS X 上で動作するSafariビュー IE View Lite - IE View のライト版 Webデベロッパーの方は、ブラウザ互換を確認する際に非常に便利なのでインストールしておいた方がいいですね。
FirefoxのlivehttpheadersでHTTPリクエストの中身が見られるしくみ - bits and bytes
サーバに送っているHTTPリクエストのヘッダやレスポンスのヘッダが見られるFirefoxのextension livehttpheaders がどうやってこの機能を実現しているのか調べてみました。 HTTPリクエストを送るタイミングでイベントを捕まえることができるんだろうと予想して探してみるとLiveHTTPHeaders.jsの43行めからのaddToListener()に function addToListener(obj) { ... snip ... // Should be a new version of Mozilla/Phoenix (after september 15, 2003) var observerService = Components.classes["@mozilla.org/observer-service;1"].getService(Compone
Firefox Hacks：Firefox拡張：FEBE――Firefox環境のバックアップとリストア - ITmedia エンタープライズ
FEBEにはインストールする価値が十分にある。FEBEを使えば、Firefoxが保存しているすべてのもの＋αをバックアップおよびリストア可能となる。自動バックアップをセットしておいて複数の時刻のバックアップを保存するのも朝飯前だ。 Firefoxブラウザは、ユーザーのブックマーク、閲覧履歴、フォームの入力履歴、ユーザー名／パスワードなどを保存しているだけでなく、さまざまな拡張やテーマも保存していることが多い。そのため別のPCを使用したり、いろいろなディストリビューションを使ってみたりしているときには、ブラウザの環境を再現するのが複雑だったり時間がかかったりすることがある。しかしFEBE（Firefox Environment Backup Extension）を使えば、Firefoxが保存しているすべてのもの＋αをバックアップおよびリストア可能となる。 FEBEを使えば、ブックマーク、設定
Pathtraqをinstall出来ないけど、install要求画面が毎回でて大変な方向けGM - Yappo::タワシ
// ==UserScript== // @name インストールできないけどPathtraq快適に使いたいお！ // @namespace http://blog.yappo.jp/ // @description Pathtraqをinstallしてなくても、install要求ダイアログを出さなくする // @include http://pathtraq.com/* // @version 1.0.0 // ==/UserScript== (function(){ var w = (typeof unsafeWindow == 'undefined') ? window : unsafeWindow; w.ib.onload = function(){}; })(); installしたくても、出来ない端末もあるのです＞＜
そろそろ、はてなスターについてちょこっといっとくか - IT戦記
僕は はてなスター大好き！ でも、メッセージの送信機能が Mac OSX + Firefox の環境を考慮してない＞＜ 問題は Enter キーのイベントハンドリング。 Windows の IME は変換して決定するときの Enter キーのイベントを Firefox に渡さないんだけど、 Mac OSX の IME は変換して決定するときの Enter キーのイベントを Firefox にわたしちゃうんだよね＞＜ だから、一回変換するごとに投稿されちゃって変な感じのメッセージになっちゃうんです。 これは、かなり難しい問題なんですけど、やっぱり form にして submit イベントに引っ掛けるのがいいと思います。 keydown ではどうしてもこの問題の解決は難しいと思うのです＞＜ 追記: via:http://b.hatena.ne.jp/kazuhooku/20070719#boo
Mozillaから特定サイト用ブラウザWebRunnerが誕生 | OSDN Magazine
最近、ウェブベースのアプリケーションがデスクトップアプリケーションの代わりに使われるようになってきた。ウェブベースの、オフィススィート/メールクライアント/マルチメディアアプリケーション/一般的な生産性ツールは今ではどれも非常に便利に使うことができるようになっている。しかしそのようなアプリケーションの実行という観点からは、標準的なウェブブラウザは必ずしも最良の方法というわけではない。そこでウェブベースのアプリケーションにより適したツールを提供しようと、Mozillaプラットフォーム・エバンジェリストのMark Finkle氏がWebRunnerに取り組んでいる。 WebRunnerは、SSB（Site-Specific Browser）と呼ばれるタイプのソフトウェアで、一度に一つのアプリケーションだけを動かすように設計されている。WebRunnerはまだ完成していないが、すでに将来性を感じ
Secure Login で素早く安全にサイトにログインする | Lifehacking.jp
Speed up and protect your logins with Secure Login | Lifehacker Lifehacker で紹介されていて初めて知った Firefox のアドオンです。Opera の杖アイコンと同じ機能を実現して、パスワードの入力を安全に、素早く行うことができます。 ページが開くと同時にパスワードを挿入してくれるだけのパスワードマネージャに任せていると、Javascript 経由でパスワードを盗むことが可能だという話ですので、こうした一手間を便利にやってくれるアドオンがあるのは頼もしいですね。 このアドオンをインストールすると、ログインフォームが黄色に囲まれて、パスワード入力欄が存在することを示します。このとき鍵のアイコンをクリックするか、設定したショートカットを押せばパスワードが入力され、自動的にログインできます。複数のパスワードが保管されてい
MOONGIFT: » ActionScriptをブラウザ上でデバッグ「ThunderBolt」:オープンソースを毎日紹介
最近、Flashにはまっている。元々素晴らしい技術であることは分かっていたが、デザイナー的な位置づけが大きいと二の足を踏んでいた。が、ActionScriptだけでも様々なアプリケーションが開発できそうだと分かり、面白さを感じている。 Flash自体の開発環境は無料でも構築できる。が、デバッグが非常に面倒くさい。全てtraceで出力するしかない。だが、これを使えばFirefox上でデバッグが可能だ。 今回紹介するオープンソース・ソフトウェアはThunderBolt、Firebugを使ったActionScriptデバッガだ。 ThunderBoltを使ってFlashを表示すると、FirebugからコマンドベースでFlashを操作できるようになる。表示の大きさや表示開始位置の取得も可能だ。 コンソールからFlashの内容を動的に書き換えることもできる。サンプルスクリプトではうまく動作するが任意
秋元@サイボウズラボ・プログラマー・ブログ: YSlow for Firebug ページのチューニングを助言してくれるFirefoxアドオン
via Ajaxian Yahoo! Developer NetworkからリリースされたYSlowは、Firefox+Firebugのアドオンとして、ページの表示速度の改善点を列挙してくれるというツールだ。 ここのところ、ウェブサイトのパフォーマンス改善で積極的に資料を公開しているYahoo!が、ツールも出してきた。今日のOSConにて発表されたもののようだ。 アドオンをインストールして任意のページを開くと、Firebugのメニューの中にYSlowが追加される。Performanceのタブには、パフォーマンスの点数(下記では「C(71)」)と、13の項目のそれぞれについてパフォーマンス対策がされているかどうかを、A～Fのグレードで表示してくれる。 それぞれの指摘をクリックすると、Yahooの解説ページに飛んで、何がパフォーマンスの障害になっているのか、何をどう直すと改善されるのか、が読め
Firefox拡張機能(extension)の作り方 — ありえるえりあ
Firefox拡張機能(extension)の作り方 Firefox拡張機能(extension)の作り方を説明します。 Firefox 拡張機能とは Firefox add-onの一種です。 add-onは次のように分類できます。 plugin ...実体はexeやdll。C++で作成。素人にはお勧めしません 検索バー ...実体はXMLの設定ファイルのみ。見れば分かるので説明はしません スペルチェッカ ...日本語には無縁なので未調査(たぶんファイルを作るだけ) 拡張機能 ...実体はXML、JavaScriptとCSS。必要なら、C++で書くXPCOM。これから説明します テーマ ...拡張機能のサブセット。CSSのみの場合をテーマと呼びます
Open Tech Press | Firefox拡張：FirefoxをVim風のキーバインドで操作するVimperator
Vimユーザがさまざまな場面でVimを使用することにこだわるのは、体で覚えるということが非常にパワフルであるためだ。つまりVimのキーバインドを一度覚えてしまえば、マウスを使いたいからという理由でキーボードから手を離すことが減り、Vimを使ってきわめて生産的に作業をすることができる。このようなVimのパワーをFirefoxでも活かしたいなら、Vimperator拡張を使ってみよう。Vimperatorを使えば、Firefoxを非常に便利な「モード」ベースのウェブブラウザに変身させることができる。 Vimperator拡張（最新バージョン0.4.1）は、Mozdev.orgから入手することができる。インストールするためには、Mozdev.orgでVimperator拡張の最新バージョンのリンクをクリックすればよい。ただしその際、拡張のインストールを許可するサイトのリストにURLを追加する必要
Gmail のショートカットキーを表示する Greasemonkey のアレ
■ Gmail のショートカットキーを表示する Greasemonkey のアレ Gmail はそんなに活用してるわけじゃないんだけど、これもキーバインドのヘルプが表示されない事に気が付いたので、この前の Remember the Milk の時 と同じく Greasemonkey で画面内に表示されるようにしてみた。 ShowKeybindInGmail.user.js これ以外のスクリプト 今回は ? キーでヘルプが表示されます。 データ作るのめんどくさかったので、ヘルプページを画面内に呼び出して表示しているだけです。ページは GM_xmlhttpRequest で取得したデータをそのまま表示しているだけでして、onload の時にうまく加工したりすれば必要な情報だけ表示する事もそんなに難しくないでしょう。 → 加工して表示するようにしたので、他のサービスで使ったりする場合は gmai
誰も解説しない「Modify Url」の使い方
■ 誰も解説しない「Modify Url」の使い方 今 Platypus っていうツールを使っているんですが、このソフトは使いにく過ぎてヤバいです。スゴクベンリデス。 でまあ知らない人のために言っておきますと、Platypus ってのはあの Greasemonkey のユーザスクリプトを簡単に生成してくれるおもしろツールなんですね。 それで、選択したエレメントを削除したりとか CSS の属性値を変更したりとか色々機能があって何だかんだ言って便利なんですが、その中の Modify URL って言うハイパーリンクを変更する機能が高機能でスゲェんですよ。ヘルプを見ても「正規表現でURLが変更出来る」としか書いてなくてこの突き放しっぷりが素敵なんですが、さすがにこれじゃ使えてる人いなそうなのでここに解説します。 まずこれ、変更しようとするといきなり入力フォームが四つも現れるんです。四つ。 ※クリッ
Firefox extensions - ξ；゜ー゜)ξ { 遅レス。
Firefox 移行記念。自宅と同期するため。 Aardvark 印刷時に余計な部分を取り除く時に使用。 All-in-One Gestures 言わずと知れたマウスジェスチャ All-In-One Sidebar サイドバーを縦アイコンタブ表示。VS.NET を思い出す。入れなきゃ損。 Auto Copy テキストを選択するだけでクリップボードにコピー。便利。 bbs2chreader 2ちゃんねる用。あんま見ないけど。 Configuration Mania Firefox: about:config の設定を GUI でいぢれる。スピードアップとかに。 Context Search テキストを選択して右クリックで色々検索。たまに便利。 del.icio.us まんま del.icio.us 用。素敵。 Dictionary Tooltip mod テキストをダブルクリックで訳語をツー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Greasemonkeyの開発をまとめてみる
Firebugの日本語版が公開されている件 - Thousand Years
http://news.goo.ne.jp/news/forest/it/20060727/wf2006072702-forest.html