Firefoxのアドオンを書いてみた
word-later というアドオンを作りました( github )。これは英語の文章を読む時に知らない単語が出たらポチポチ登録して、読み終えた後で単語帳につっこむために単語一覧を表示するアドオンです。探せば同じようなアドオンはあるかと思いますが勉強も兼ねて。 昔もアドオンを作ろうとしたことがあるのですが、結構大変な作業でした。 今はAdd-on SDKなるものが登場して、ある程度のことは簡単に作れるようになってます。本家のチュートリアル を参考に環境構築まではとても簡単にできました。 以下、今回使ったAddonで使えるUIなどについてメモ ActionButton ツールバーのボタンです、Firefox 29以降のUIではツールバーのアイコンをメニューパネル（右上の横棒3つのやつで開くところ）に配置可能になりました。 メニューパネルではボタンのアイコンは大きく表示されるので、iconプロ
アドオンの配布 | Firefoxアドオン開発
アドオン配布の手順 アドオンを作る Install Manifestを作成する アドオンをテストする (デスクトップ版のFirefoxだけでも、Windows版、Mac版、Linux版の3つがあります) アドオンをまとめる AMO (addons.mozilla.org) のアカウントを取得する ≫新規ユーザ登録 :: Add-ons for Firefox アドオンを登録する Submitting an add-on to AMO | MDN パッケージング アドオンを配布するには、XPI (XPInstall) ファイルにまとめる必要があります。それをXPIパッケージングと呼びます。 XPIパッケージング すべてのファイルをZIPで圧縮して、拡張子を.xpiに変更するだけです。具体的なパッケージングの方法は、既存アドオンのそれを見るのが最も参考になります。 JARパッケージング (JA
Mozilla Re-Mix
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
まとめエントリーづくりに最適なFirefoxアドオン「tabundle」 | バシャログ。
こんにちは、毎朝「0655」が楽しみで仕方ないinoueです。が、家族が観ている「ズームイン！」の『あかさたな占い』と微妙にかぶって真心ブラザーズの歌うオープニングが聴けません。 悔しいので、着うたで「朝がきた」をダウンロードして携帯アラームにセットしました！YO-KINGさんの声で迎える朝はいいね～。 さてさて。 webブラウザを使って調査を行っていると、どんどんタブを開いていって、収集つかなくなってしまうこと、ありませんか？ 30分や1時間程度で完了するようなものならば、ガンガン調査してまとめきってしまえばよいのですが、継続して調査したいサイトなどはまとめてとっておきたいものです。 そんな時便利なのが今回ご紹介するFirefoxアドオン「tabundle」です。 そもそも、標準機能で実現できないか？ Firefoxのタブで右クリックをすると、「すべてのタブをブックマーク」というメニュー
Firebugを活用しよう！jQueryの動作チェックに最適な『FireQuery』
皆さんご存知のFirefoxのアドオン「firebug」コーダーとかであれば、これを入れている人はかなり多くいると思います！ しかし、中には『linker』のまーしーさんや『スグラボ』のフジカワさんのように、”いまいちFirebugを使いこなせていない”なんて人もいるのではないでしょうか？ 今回はそんな方もふくめ「FireQuery」のご紹介を仕様と思います！個人的にかなり便利だと思います。 FireQueryとは？ FireQueryは、Firebugを便利にさせる機能強化アドオンで、Firebugのコンソールで楽々jQueryを使えるようにしたり、DOM画面イベントがどこについているのかとかを確認することができるようになるツールです。 ただのFirebugでもJavaScriptのデバッグや動作の確認をすることはできたのですが、FireQueryを入れることによって、jQueryを使っ
絶対入れたいFirefoxアドオン最強50選 (2/6)
「タブバーを何段まで表示するか」、「表示中のタブを閉じたあと、どのタブを表示するか」など、タブの表示／操作方法をこれでもかと細かく調整できる。ほかのブラウザーから乗り換えても、設定次第でほぼ違和感のないタブ挙動を実現できるはずだ。 ■ FireGestures マウス操作でさまざまなFirefoxの機能を呼び出せる、マウスジェスチャーアドオン。たとえば右クリックしながらカーソルを「上、右」と動かせば、次のタブに表示をすぐ切り替えられる。機能に対応するコマンドは自由に変更可能だ。 ■ Japanize 海外サイトのメニューなどを自動で日本語化する。対応サイトは「Flickr」など900以上あり、現在も増加中だ。海外サービスで使い方が分からず右往左往した経験があるなら、導入しておいて損はない。 ■ IE Tab
FirefoxでHTTP ヘッダを確認する『Live HTTP Headers』
FirefoxでHTTP ヘッダを確認する『Live HTTP Headers』 Live HTTP HeadersはFirefoxでHTTPヘッダを確認するためのアドオン(拡張機能)になります。 表示しているページのHTTP ヘッダを確認でしたら『Web Developer Toolbar』でも確認できるのですが、『Live HTTP Headers』を利用すると、ページを表示するまでに通っているページのHTTP ヘッダまで確認できます。 インストール ダウンロードページで、インストールボタンをクリックして、『Live HTTP Headers』をインストールします。 インストール後にFirefoxの再起動を行います。 起動 ツールよりLive HTTP Headersを選択して起動を行います。 使用 立ち上がってきたLive HTTP Headersのウィンドウには現在表示しているペー
FireFoxのアドオン「FireMobileSimulator」のUID設定にご注意を
モバイルサイトのデザイン、構築などに携わる方にとって、携帯ブラウザのエミュレータ（またはシミュレーター）はとても重要なツールです。携帯端末での動作や見栄えの確認をするにあたって、いろんな端末を駆使して行なうのには限界がありますし、なんといっても操作に手間がかかります。 各キャリアが提供しているソフトウェアもありますが、使い慣れたブラウザで確認ができるととても効率よくできます。 私が使っているのは、FireFoxのアドオン「FireMobileSimulator」で、それはもう簡単に使える、すばらしいツールです。逆にこういったアドオンが充実しているからFireFoxを使っています。 先日、このツールを使って、ある携帯サイトを見ながら打ち合わせをしていたのですが、会員登録しているサイトなのでFireMobileSimulatorでログインを試みたところ、携帯端末のUIDがリクエストされたので、
SE奮闘記: フォームに自動入力するFirefoxアドオン「Selenium IDE」
受発注システムを開発したときに、たくさんある入力項目に自動入力してくれるツールを探したときのメモ。 「Selenium IDE」というFirefoxアドオンを使うと便利。 ブラウザ上の動作を記録して実行することが可能。 ただjavascriptのonblurなどのイベントは発生しないので注意が必要。 下記サイトも参考に。 [Think IT] 第7回：Selenium IDEの活用とSelenium利用時の注意点 (1/3) 一つの帳票を作成するのに100を超える入力項目があり、そのデータを集計する画面をテストするのに、このツールがないと生きていけない。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AppLauncher [Firefox 拡張機能]
AdMatrix Analytics（アドマトリックス アナリティクス） – Get this Extension for 🦊 Firefox (en-US)
Add-on SDK で始めるアドオン開発（Context-menu 編）
web-programmers-blog.com - web-programmers-blog リソースおよび情報
XUL | Firefoxアドオン開発
携帯サイト開発用にFirefoxアドオンの「lori (Life-of-request info) 」