Archive for the ‘Firefox’ Category

Greasemonkey使ってないスクリプトを削除するメモ

Greasemonkeyで使ってないスクリプトを削除したい。

gm_scriptsディレクトリにあるconfig.xmlを編集

^(?!.*enabled="true").*$

を空に置換して有効になっているものだけを取り出す

^\n

も空に置換して空の改行をなくす

^.*?filename="(.*?)".*?basedir="(.*?)".*?$
を下のように置換して使っているファイルのパスを出す。
\2/\1

なんかゴミが残ったりするので上の正規表現が適当なせい。

ここまでの手順で、使っているスクリプトの.jsまでのファイルパスが抽出できる。
で、こっからどうやってそれらのファイルだけを取り出せばいいのかがよくわからない。
こんな感じででる。(なんかいろいろおかしい)

./googlenotebookcustomizer.user.js
pastedscripinstaller3.user.js.
simplestylegoogle_mania.user.js
hb_display_comment/hb_display_comment.user.js
.....

リストに載っているものを移動するときに(その方法すら浮かんでない)Requireしたものが含まれないとそんな問題もある。

TwitterのWebページをサイドバーで使うためのまとめ

Twitterのウェブサイトをクライアントとして使うのに役立つGreasemonkeyとCSS | Web scratch
http://efcl.info/2009/0317/res613/

以前書いたような記事と似たような記事を書きましたが、今回はシンプルにサイドバーでTwitterのWebページを表示する方法です。
Greasemonkeyがサイドバーでも動作するようになったので、かなり快適になり、またWebページを表示するだけなのでAPIを使わないのが特徴です。


最終的な似た目

最終的な似た目


まずはCSSでサイドバーに合わせた形にする必要があります。

nukumori wiki – Firefoxのサイドバーでtwitter.comするCSS
http://nukumori.org/hiki/?TwitterSidebarCSS

にあるCSSを使ってサイドバーに合わせたものにしていきます。
使い方は書いてあるのでそれをよく読んでCSSを反映させます。
(ブックマークするのはhttp://twitter.com/?sidebar という適当なクリエを付けたURLです。
http://twitter.com/だと通常見るときと混ざってしまうため。)

ブックマークではなくCustom Buttonsを使ってtwitterをサイドバーに表示するボタンを作成する方法もあります。
Twitterをサイドバーに表示するボタンを作成しておきました。

  • userChrome.css
    少し自分向けに修正したCSS(通常のTwitterページ向けも混ざってる)

次により使い易くするためのGreasemonkeyを入れていく。

Ctrl+Enterでポストする。

自分の投稿や、特定のワードが入ってる投稿を色分けする
tyoro.exe: 投稿内容からマッチングしてスタイル変えるグリモン書いたよ!

自動更新の差分を自動で取得
Twitter webの自動差分更新Greasemonkeyスクリプトを書いてみた « H.LOG


自分は入れてませんが基本的にはTwitterのWebページと同じなので、

など入れるのもありかもしれない。


Firefox Developers Conference 2009 アウトラインメモ

Firefox Developers Conference 2009に参加して適当にメモを取っていたので一応公開。
とても読みづらく、まとまっていません。 またトークセッションなど力尽きているところもあるので真剣に読んではいけない。

Read the rest of this entry »

FirebugのDOMタブが壊れた(競合)

最近になってFirebugのDOMタブで要素をクリックしてもその下の要素が展開されなくなったので、何かのアドオンと競合してるのかを調べてみたら、FxIFというEXIFを見るためのアドオンが原因だと分かった。
FxIFを外すか、過去のバージョンにするかで回避できた。

もう一つ、こっちは競合というわけではないけど、ニコニコ動画がリニューアルしてからマイリストにアクセスするとFirefoxが固まってフリーズするようになってしまった。
こちらの原因It’s All Text!というテキストエリアをエディタで編集するアドオンを外す事で解消された。
多分Javascriptで動的に表示させるようになったのが要因になって、変な動作をするようになったのかな。

LDRの未読件数をステータスバーに表示するuserChrome.js

LDRの未読件数をステータスバーに表示して定期的に更新するuserChrome.jsスクリプトです。
中身のユーザー名を自分のものに書き換えてから使用してください。

const userName = ""; // ユーザー名

デフォルトでは30分ごとに更新するようになっています。

const reMinute = 30; // 何分毎に更新する
ss-2009-10-08-17-10-55

数値だけでシンプルです

環境によって描画がおかしくなってるかもしれないので、下のあたりといじると解決するかも。

    clearRect(0, 0, 24, 16);//透明土台 x, y, w, h
    mozTextStyle = 24 + (unread.toString().length) * -3 + "px sans-serif";//サイズ
    textAlign = "center"; // 横位置
    textBaseline = "middle";// 縦位置
    translate(0, 14);// 移動位置x,y


参考

LDRの未読件数をステータスバーに表示するプラグイン – hogehoge
http://d.hatena.ne.jp/teramako/20080730/p1
LDRの未読数をfaviconに表示するGreasemonkeyスクリプト – 素人がプログラミングを勉強するブログ
http://d.hatena.ne.jp/javascripter/20080609/1212968037
LDRの未読数をfaviconに表示するGreasemonkeyスクリプト – 素人がプログラミングを勉強するブログ
http://d.hatena.ne.jp/javascripter/20080609/1212968037

Firebug コマンドラインのフォントを変更とDOM Inspectorの使い方

Firebugのコンソール部分のフォントが見づらいので、変更しようとFirebugのコマンドラインが見難いのでフォントを変えてみた – cloned.logを参考にやったが、
色だけしか変わらなかったので、少し調べてみた。
ChromeフォルダにあるuserChrome.cssに以下を記述することで変更できた。(Stylishでもいいと思う)

#fbLargeCommandLine > .textbox-input-box {
  font-size: 11pt !important;
  font-family: Consolas !important;
}

CSSで指定するクラス名をDOM Inspectorで特定する流れ。

DOMの方はいろいろめんどくさそうだったのでやってないんですが、DOM Inspectorで簡単に調べられます。

1. てきとーなページを開く
2. Firebugを開いて、ウインドウを分離する
3. DOM Inspectorを開く
4. 「File」→「Inspect Chrome Document」から、分離したFirebugと同じタイトルを持つ項目を選択
5. Inspectボタンで気になるところをクリック
6. ノードからclassなりidなりを拾ってCSSを書く
こんな感じです。

FirefoxとFirebugの色分けを変更するユーザーCSS書いた – vantguarde – web:g

実際にやってる様子

2chをGoolgeから検索する検索プラグイン

Googleを使って2ちゃんねるの中を検索する方法 | nanapi[ナナピ]
http://r.nanapi.jp/379/

これを見てそういえば掲示板機能なんて合ったのを思い出したので、検索バーから一発で検索できるようにFirefoxの検索プラグインを作りました。

使ってみてもそこまで精度はよくないので、ちゃんと調べる場合は2ちゃんねる検索 のほうがいいかな。

ATOKの電子辞典(Office連携ツール)をFirefoxで使うuserChrome.js

ATOKではOffice連携ツールを使うことで、IE上で選択範囲の漢字などの意味を電子辞典で調べる事ができます。
しかし、officeソフトとIE以外には対応していないので、その機能の一部をFirefoxから使うuserChrome.jsスクリプトです。
まず前提としてOffice連携ツールをインストールしていないといけません。通常は別途インストールになっていたと思います。
ATOKアップデートか[949-P ATOK 2009 for Windows]サポート・ダウンロード情報あたりから各バージョンのOffice連携ツールをインストールしてください。

そして下の場所から各バージョンにあわせたGetTextOperaLClickを任意のフォルダに保存しておいてください。

Opera, Firefox, 秀丸, Janeで電子辞典(for Windows)を使う (JustSystems まとめ)
http://sites.google.com/site/jsmatome/atok/option/tool

そしてuserChrome.jsスクリプトをFirefoxのchromeフォルダに保存して、中身を編集します。

中身のGetTextOperaLClickPath=のところを先ほど保存したGetTextOperaLClick.exeのパスに書き換えます。 ((\はエスケープして\\にするか、/にする))
そしてFirefoxを再起動すれば、文字列を選択したときにコンテキストメニューに”ATOKで検索”とでるので、実行するとGetTextOperaLClick.exeによって
電子辞典を引くことができます。

実行例

実行例

GetTextOperaLClickは他のソフトでもつかえるので、詳しい使い方はOpera, Firefox, 秀丸, Janeで電子辞典(for Windows)を使うをみるのがいいと思います。

 

選択範囲のテキストをファイルとして保存するuserChrome.jsスクリプト

選択した範囲の文字列をファイルとして保存するuserChrome.jsスクリプトです。
userChrome.jsサブスクリプトローダなどで呼び出すと、右クリックのコンテキストメニューに”選択範囲を保存”という
ラベルがでるのでそこから保存できます。

Syntax Highlighterしてるような文章を保存したとき、改行やタブが反映させる方法がよくわからなかった。
教えていただけると助かります。

参考リンク

選択範囲を保存するBookmarklet (Kanasansoft Web Lab.)
http://www.kanasansoft.com/weblab/2009/01/bookmarklet_1.html
XUL Apps > Tips > ファイル選択のダイアログ – outsider reflex
http://piro.sakura.ne.jp/xul/tips/x0022.html
XUL チュートリアル – 「開く」ダイアログと「保存」ダイアログ
http://xul-app.hp.infoseek.co.jp/xultu-janit/filedialog.html
File I/O – MDC
https://developer.mozilla.org/index.php?title=Ja/Code_snippets/File_I%2F%2FO
XUL でローカルファイルの入出力 – 森小路の雑把日記
http://morishoji.homelinux.net/2006/11/xul_file_io.html
[firefox][備忘録] ニコニコ動画のflvファイルを保存するfirefoxエクステンションを作成 – papamitra
http://d.hatena.ne.jp/papamitra/20071111/nicoget
EMXAS IT工房 » Firefox拡張機能を作ってみる(3)
http://emxas.co.jp/itblog/category_38/item_173.html

 

Firefox3.5で動かない拡張機能(アドオン)を動かす方法

Firefox3.5がリリースされてアップデートしたはいいけど、動かないアドオンが出てきてしまった場合、
多くのアドオンは互換性のチェックにより自動的に無効にされてしまっているのが原因です。

この互換性のチェックする機能を無効にする事によって、動くアドオンも多いと思います。(仕様が変わって駄目なものもある)
この機能を無効にするにはいくつかの方法があります。(やっていることの結果は同じです)

  1. Nightly Tester Toolsを導入する
    一番シンプルな方法です。
    設定で「Disable add-on compatibility checking」にチェックを入れて互換性チェックを無効にすると
    互換性のないアドオンもインストールできるようになります。
  2. about:configから互換性のチェックを無効化する
    やっていることは上と全く同じで、互換性のチェックを無効化するだけです。

    1. ロケーションバー(アドレスバー)に「about:config」と入力する。
    2. フィルタ欄に「extensions.checkCompatibility」と入力する。
    3. 設定名「extensions.checkCompatibility」の行が表示されている場合はその行をダブルクリックし、値を「false」へ切り替えて完了です。行が表示されない場合は4.へ。
    4. 右クリックしてコンテキストメニューから「新規作成」→「真偽値」を選択する。
    5. 設定名は「extensions.checkCompatibility」と記入し、真偽値は「false」を選択して完了です。

    互換性について – Firefox更新情報 Wiki*

  3. MR Tech Toolkitを導入する
    Nightly Tester Toolsと同じく互換性のチェックを無効化する機能があります。
    またアドオン毎に「互換と見なす」ように設定できたりもします。
    こちらはアドオンの管理などかなり多機能に渡って設定できるので、一応おすすめです。

1が初心者向けで、2がabout:configを分かってる人向け。
3はMR Tech Toolkitは便利だよーって紹介。

Nightly Tester Tools
https://addons.mozilla.org/ja/firefox/addon/6543
MR Tech Toolkit
https://addons.mozilla.org/ja/firefox/addon/421
プロフィール: azu(あず)
Firefoxの事やソフトウェアの紹介や使い道、Greasemonkeyの作成
  • OS:Vista
  • ブラウザ:Firefox
  • Twitterのアカウントはこちら
  • azu_re
  • メールアドレス(Twitterの方が確実)
  • info@ドメイン名
リンク
あわせて読みたい