Firefoxで使用していた＆Chromeで使用中の拡張機能 計36個
2017年6月30日 便利ツール 以前「ChromeからFirefoxに戻した6つのくだらない理由」という記事を書いてから約８ヶ月。久しぶりにChromeをいじってみると、エクステンションの数も増え、いろいろと進化しているようです。「Firefoxにあるこの機能がChromeであれば移行するのに…」と思っていた事がだいぶ解消されたので再びChromeに復帰しました！そこでFirefoxに入れていたアドオンと、Chromeで使用し始めたエクステンションを紹介します。Firefox派の人も、Chrome派の人も、移行検討中の人も、ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ Firefoxアドオンに代わるChromeエクステンション 私のようにもともとFirefoxユーザーの場合、一番のネックは便利なアドオン。それに代わるエクステンションがないと移行の決意はできません
JavaScriptからメモリ情報を取得する方法
JavaScriptにおいてメモリ管理は基本的にエンジン任せなのであまり意識することは無いかもしれませんが、メモリリークの調査やパフォーマンスの実験のためにメモリ情報をJavaScriptから扱いたいときがあると思います。 メモリリーク調査は専用のソフトウェアなどがあるので、 JavaScript Memory Leak Detector (v2) – GPDE Team Blog – Site Home – MSDN Blogs IE Overview – JavaScript Memory Validator Firefox Debugging memory leaks – MDC Doc Center そちらを使うのでもいいかもしれませんが、new Dateを使った実行時間の記録みたいにJavaScript内からメモリ情報を取得して計測できるとおもしろいと思うので、ブラウザ毎にやる方
JavaScript コードモジュール « Mozilla Developer Street (modest)
拡張機能開発時でよく使う再利用性のあるコードをインポート可能な形で書いたものを JavaScript コードモジュールといいます。コードモジュールは単に再利用できるだけでなく、何度読み込んでも最初の一度だけ初期化されて使い回されるシングルトンになるという特徴があるため、高速に動作する拡張機能開発のベストプラクティスとしても知られています。 コードモジュールは Firefox 3 からサポートされており、これから新規に拡張機能を開発するにあたっては遠慮無く使っていける時期になってきているはずです。みんなでコードモジュールを使って、作って、共有していきたいですね。(・・). ここではいくつかのコードモジュールを紹介します。他にも公開されているコードモジュールがあれば皆さん随時追記していってください。 Firefox 標準搭載のコードモジュール XPCOMUtils.jsm NetUtil.js
SCRAPBLOG : Jetpack SDK 0.3 コンテキストメニューAPIの使用例
先日 Jetpack SDK 0.3 がリリースされました。このバージョンのSDKではブラウザ上でのコンテキストメニューへ項目を追加するための context-menu API などが導入されており、少しずつですが実用的な機能を手軽にを開発できるようになってきました。この記事では context-menu API を実際に使用し、右クリックメニューから現在のページの短縮 URL を bit.ly で表示する機能を開発する手順を解説します。なお、 Jetpack SDK 自体の基本的な使い方については、 はじめての Jetpack SDK 0.2 を参照してください。 パッケージマニフェストの作成 Jetpack SDK 0.3 を展開したフォルダの下の packages フォルダ下に、これから作成するパッケージのルートフォルダである context-menu-example フォルダを作成
SCRAPBLOG : はじめての Jetpack SDK 0.2
Jetpack SDK を展開したフォルダの下の「packages」フォルダ内に個々のパッケージのルートフォルダがあり、その下には「package.json」という名前のマニフェストファイルがあります。「README.md」はパッケージの詳細を記述するためのドキュメントファイルで、必要に応じて配置します。「lib」フォルダ内には、パッケージのメインプログラムや自作ライブラリのプログラムを格納します。 パッケージの作成 それでは、「C:jetpack-sdk-0.2packages」フォルダ下に hello-world パッケージ用の「hello-world」フォルダを作成します。次に、パッケージのルートフォルダ内にマニフェストファイル「package.json」を作成します。マニフェストファイルにはパッケージに関するメタ情報を JSON 形式で記述します。拡張機能を作成したことのある方であ
Kanasan.JS Jetpackワークショップに向けたJetpack入門 - mollifier delta blog
12/06(日)に京都で Kanasan.JS Jetpackワークショップが開かれる(告知ページ)。 僕は Jetpack ちょっとさわったことがあるし、前回の Kanasan.JS ではJetpack について発表した。でもそのままほったらかしにしていて、いろいろ忘れてしまった。 せっかくの機会なので、ここで Jetpack 入門をやってみる。 Jetpack とは Jetpack とは、Firefox の簡単なアドオンを作成するためのアドオン。雰囲気としては Greasemonkey と似てる(けど違う)。 その「Jetpack 用の簡単なアドオン」のことを Feature と呼ぶ。Feature は Javascript、 特に jQuery と Jetpack API で書いていく。Firefox 内部のことは知らなくても書ける(ことを目指している)。 準備 まずはインストールか
jetpack
Jetpack Gallery Jetpacks Contributors About Register Log In What is a Jetpack? Jetpack is a Mozilla Labs project that enables anyone who knows HTML, CSS, and JavaScript to create powerful Firefox add-ons. The Jetpack Gallery is a community for developers and add-on users: Users get innovative add-ons that add functionality to Firefox, while developers receive valuable feedback and visibility in th
ウノウラボ Unoh Labs: WEBアプリのテストに便利なFirefoxのアドオン
こんにちは！ のりPと同い年ですが、クラブ通いは●年前に卒業しました やまもと＠テスト番長です。 早いもので、もうお盆の帰省シーズンですね。 今年の夏は世間の騒がしい日々が続いておりますが、みなさんお変わりございませんでしょうか。 さて、Firefoxといえば豊富なアドオンですが、今回はテスター目線で WEBアプリケーションのテストに便利なFirefoxアドオンを並べてみたいと思います。 Firesizer ブラウザの画面サイズを整えることが出来ます。 InFormEnter 準備しておいた値を入力フォームにセットしてくれます。 MeasureIt 画面上のピクセルサイズを測ることが出来ます。 Regular Expressions Tester 正規表現での検索がその場で出来ます。 FireShot キャプチャにメモを書き込んだり出来ます。 Web Developer F
Firefox 3.5 Beta 4 Optimized Build
What’s New Portable edition has been also provided since now. It will create a profile folder “Firefox (Profile)” if needed. Firefox 3.1 becomes 3.5, hence the previous build was Firefox 3.1b3 Use P2 If in doubt Mozilla Firefox 3.5b4 Official Release Notes Firefox 3.5 is based on the Gecko 1.9.1 rendering platform, which has been under development for the past 9 months. Firefox 3.5 is an increment
Mozilla Jetpackについて調べたいこと - hogehoge @teramako
Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web どうもWeb経由でインストールが可能っぽく、ステータスバーを更新しているサンプルからchromeコンテンツにアクセスできるっぽい。 スクリプトはどのコンテキストで実行されているのか Greasemonkeyのように個々のWebコンテンツ内か userChrome.jsのようにフルアクセスか chromeコンテキスト内だがevalInSandboxでxpconnectは禁止しているか 追記:2009-05-21T19:50 とりあえず、Components.utils.Sandboxを使って、evalInSandboxで実行しているみたい。ってことで気軽に作れる/インストールできる分制限がありますね。 また、拡張開発が簡単になると言われている
JetpackでLivedoorReader StatusBar Notifyなんて作ってみた・その一 - ガジェカツ～在宅SEのガジェット活動ブログ～
第二回の記事を書きました！ Firefoxの新しい拡張機能の形、Jetpackが公開されました。 これはもう凄いですね、簡単に（といってもあくまで簡易的な）アドオンが作れてしまう。 ちょっとステータスバーでNotify（すなわち通知系拡張機能）が作りたいと思ったときすぐに出来てしまいます。 というわけでさっそくLivedoorReaderの未読数をステータスバーに表示するJetpackを作ってみました！ その前に さてその前にJetpackを利用方法を説明しましょう。 Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web まずはじめに上記ページの中段「Get Started!」等々書かれたリンクをクリックするとJetpackアドオンをインストールして再起動しましょう。 後は色々なサイトにあるJ
Firefox Add-onsのJetpackで遊んでみたよ | Xlune::Blog
Jetpackって何？ Firefoxの拡張を簡単に作れる、Firefoxアドオン。Greasemonkeyより高機能(？) サイトに行くとデモがあったりするよ。 とりあえず書いてみた 内容はインストールページを見てね。 →インストールページへ行く /** * Jetpack Sample KBText * http://blog.xlune.com/ */ var KBText = KBText || {}; KBText.Config = { yUrl: "http://jlp.yahooapis.jp/MAService/V1/parse", yParam: { appid: "rvNw382xg656tyPRhdp1t6_qfwWeQ1SWU_XEm.xaq8U8AIVo5bUDEgzeTlDqDr2TkZE-", results: "ma", sentence: "" },
Firefox 拡張を jQuery で書く！ Jetpack を使ってみた。 - IT戦記
はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る！ というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで 少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を「Jetpack Feature」といいます。 これは、以下の 2 つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル 公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe
AppLauncher ver.0.1 〜 Firefox 拡張機能作り方メモ 〜 - vivid memo
この記事の内容は古くなってしまっていて、最近だと別の Firefox 拡張の開発方法もある (もちろんこの記事に書かれている方法でも開発できます) ので、2013 年における Firefox 拡張機能の開発方法について別の記事にまとめました。 そちらもあわせてご覧ください。 Firefox 拡張の作り方 (2013 年版) - ひだまりソケットは壊れない 前々から Firefox の拡張機能 (extension: アドオン add-on の一種) を作りたいなーと思っていたので、今回実行に移すことにしました。 作成する拡張機能は、コンテキストメニューから外部アプリケーションを起動するというもの。 ありがちですけどね、最終的な目標としては現在開いているページを外部ブラウザで開けたらいいかなーと。 ちなみに同じような機能を持つ拡張機能としては既に "Launchy" というものがあります。
Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
GreaseMonkeyでalertを使わないでデバッグする方法
このドキュメントの内容は、以下の通りです。 はじめに プロトタイプ 説明 使い方 はじめに GreaseMonkeyのためにJavaScriptを書いて、デバッグをしているときに、変数の中身を見るために、 alert(x); なんてことをやったりします。 ですが、これもまた面倒くさいです。 ループにはまったりするとアラートのウィンドウが出まくりで、 エンターの連射にうんざりします。 というわけで、それを避けるためのデバッグテクニック。 alertを使わずに、firefoxのJavaScriptコンソールにログを吐けばいいんです。 そのために、GM_log()という関数を使います。 プロトタイプ function GM_log(message); 説明 GM_log()は、JavaScriptコンソールに出力します。 これは、主にデバッグの目的に利用されます。 使い方 GM_log ( "d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Paul O’Shannessy - Multiple Assignment in JS With Objects
IDEA * IDEA
Jetpack Prototype から Jetpack Reboot へ « Mozilla Developer Street (modest)
HisasAnn.com is for sale | HugeDomains
