greasemonkey+websocket+node.js+prowlでブラウザからiPhoneに通知してみる (blog@browncat.org)
blog@browncat.org Web, Linux, Ubuntu, Mac, PDA, 携帯電話, プログラミング, ソフトウェア＆落書き Firefoxのgreasemonkey(scriptish)からwebsocketでnode.jsのサーバと通信して、ブラウザでチェックしたWebサイトの変更やアクションなどをgrowlでローカル通知したりProwl経由でiPhoneに通知を送りつけてみたのでメモ。 承前。webサイト毎に独自のjavascriptを走らせて色々なことが出来る便利なgreasemonkey(scriptish)ですが、なにかと制限がキツく外部との連携は結構大変でした。でWebSocketは使えるかどうか試してみると無事node.jsのwebsocketと通信出来ました。 環境: MacOSX 10.7.1 Lion Firefox 6/7 Scriptish
Why You Should Choose WordPress
You may be asking yourself why use WordPress? In order to be the most effective in their work, it is very important for professional web designers and developers to learn and utilize the right tools. Today, I wanted to clear once and for all why using WordPress is the best choice for most freelancers. I will also cover how to make your workflow super productive by using theme framework. As a profe
コードDJ 第8回 – AutoPagerize_DOMNodeInserted・・・だと・・・？ - Fjord, Inc(株式会社フィヨルド)
毎週火曜日、Help me, hackers!に上がったコードを紹介していくコードDJ 第8回。 「おでのからだはぼどぼどだー！」 komagata a.k.a. DJです。 今週はコレ。 WordPress.orgのプラグイン一覧でダウンロード数に目印をつけて欲しい – Help me, hackers! 登録してくれたのはmonoooki a.k.a. 前田製作所。速攻解決してくれたのはazu_re a.k.a. Firefoxの人（DJ主観）。 ソースコード： [cc lang=”javascript”]// ==UserScript== // @name WordPress.org highlight counter // @namespace http://efcl.info/ // @description WordPress.orgのタグ/単語検索のダウンロード数によって色を
コードDJ 第6回 – はやい！もうついたのか！ - Fjord, Inc(株式会社フィヨルド)
毎週火曜日、Help me, hackers!に上がったコードを紹介していくコードDJ 第6回。 おい！ワールドカップ見てない癖に適当に話を合わせるのは辞めろ！DJ？モチロン見てたよ。本田のシュートは凄かったよね！・・・くらいやがれ！これが俺のワールドカップに対する知識の全てだ！ komagata a.k.a. DJです。 今回紹介するのはコレ。 無印良品のサイトの表示をデフォルトで「安い順、150件表示」にする – Help me, hackers! まさに「プログラマーにとって解きたくなるような問題」といったセンスの良い問題を投稿してくれたのは@monoooki a.k.a. 前田製作所。 そして解決してくれたのはお馴染み@milk1000cc a.k.a. 牛乳嫌いプログラマ on Rails。（@milk1000ccはDJのストーキング情報によれば最近PONPONというグルーポン情
[JavaScript] dataスキームURI生成（画像データのBase64変換）
Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方
iframe内でGreasemonkeyを実行させない方法 - prog*sig
Greasemonkeyで@includeをhttp://*など広い範囲に指定しているとき、実行されるページにインラインフレーム(iframe)があると、そのiframe内でもGreasemonkeyスクリプトは実行されるのでややこしい事があります。 例えば、iframe pageのページにはiframeが2つあるので、下のようなスクリプトだと3回もlogが表示されるためiframeの存在に気づかないとスクリプトがバグってるのかと誤解します。 // ==UserScript== // @name iframe test // @namespace http://efcl.info/ // @include http://* // ==/UserScript== GM_log("テスト"); GM_log(location.href); // URLを表示すると意味が分かりやすい。 その
OAuth for Greasemonkeyのラッパーライブラリ
**Post Now browsing to TwitterをOAuth認証に対応しました | Web scratch**でGreasemonkeyスクリプトの「Post Now browsing to Twitter」をOAuth認証に対応したものを作りました。 OAuthのJavaScript実装はいくつかあるみたいですがGreasemonkeyで使う感じになってるものは無かったみたいなので、OAuth.jsを使ったtwitterでのOAuth認証を手助けするラッパーみたいなものを書きました。 xAuthを使えば楽な気もしますがブラウザベースのものはxAuthを使わずにOAuthを使ってねとの事です 大部分は TwitterクライアントのOAuth対応(JavaScript編) | tomatomax.net Twitter API を OAuth で認証するスクリプトを 0 から書い
Greasemonkeyスクリプト全体を無名関数で囲う意味 - prog*sig
よくGreasemonkeyスクリプトを見ると全体を無名関数(匿名関数)で囲っているものを見ることがあると思います。 (function(){ // 処理内容 })(); 何でこのような記述をしているかというと、歴史を掘り返すのは面倒なので簡潔に 昔はトップレベルに宣言した変数が外部に影響を出してしまっていた? 今はevalInSandboxで実行されているので無名関数で囲わなくても問題はない。 (この(function(){)()}自体がどういう動作をするかはfunction についてを読むといい) Greasemonkey extension のコードから実行時のスコープを調べる « ku Greasemonkeyの小話 - FFFF - 0x つまり、今は囲まなくても問題はない。(ただしGreasemonkeyに限る) でも、実際のスクリプトでは囲んでいる場合が多いと思うので
新規スクリプトの作成 - prog*sig
まずはスクリプトの作成方法からメタ情報の話まで。 Greasemonkeyで新しくスクリプトを書き時は2つ方法がある 新規ユーザスクリプトのダイアログから作る .user.jsのファイルを作りFirefoxにD&Dしてインストールする ダイアログから作成の手順を見ていく。 ステータスバーのGreaseMonkeyアイコンを右クリックして、新規ユーザスクリプトを選択。 ダイアログのそれぞれの項目についてはGreaseMonkeyスクリプト作成クイックスタート - mitc - 日記を読むといいでしょう。 @name Greasemonkeyの区別に使われる名前です。 @Namespace 同じく区別に使われるので、ドメインなどを入れておくのが定番 @Description 説明文。Userscripts.orgに置くときとかは書いてあると勝手に読み取ってくれる。 @includes
コードDJ 第1回 - Fjord, Inc(株式会社フィヨルド)
毎週火曜日、Help me, hackers!に上がったコードを紹介していくコードDJ 第1回。 「果物だけを食べていれば風呂に入らなくていい」 ジョブスの言葉で一番感動したのはコレ。komagata a.k.a. DJです。 今週紹介するのはコレ。 ホームページビルダーで作られてるサイトを目立たせるGreasemonkeyスクリプト – Help me, hackers! 正直DJが登録したタスクなんだけどね。2回目にしてネタ切れ気味のDJを助けてくれ。 ホームページビルダーで出来てるサイトの修正だけは勘弁して欲しいので目立つようにしたかった。 このタスクを登録して数時間もしないうちに2人のECMAScripterが解決してくれた。DJ頭に来たから両方振り込んだよ。 速攻で解決してくれたのはazu_re a.k.a ニコ厨とおなじみm_satyr a.k.a. short-coder。
XBLとuserContent.cssとGreasemonkey - 素人がプログラミングを勉強していたブログ
追記：コメントでbindToUntrustedContent="true"が必要になったと指摘をうけたので追加 2015/3/21 userContent.cssに @-moz-document domain("reader.livedoor.com") { #right_body > .item { -moz-binding: url("ldr.xml#filter") !important; } } と書いて、同じchromeディレクトリに、ldr.xmlという名前で <?xml version="1.0"?> <bindings xmlns="http://www.mozilla.org/xbl"> <binding id="filter" bindToUntrustedContent="true"> <implementation><constructor><
クリック1つで、はてなダイアリーから検索するGreasemonkeyスクリプトを作ってみた - 小さい頃はエラ呼吸
Googleのページにラジオボタンを１つ追加して、クリック1つで、はてなダイアリーから検索してくれるGreasemonkeyスクリプトを作ってみた。 Greasemonkeyスクリプトのインストール GoogleHatedaSearch for Greasemonkey ソースコード // ==UserScript== // @name GoogleHatedaSearch // @namespace http://d.hatena.ne.jp/replication // @include http://*.google.co.jp/search* // @description Google検索に、はてなダイアリーから検索する機能を追加します。 // @version 0.1 // ==/UserScript== (function() { // document.getElement
クリックしたボタンのラベルを取得するユーザスクリプト - 小さい頃はエラ呼吸
クリックしたボタンのラベルを取得するユーザスクリプトを書いてみました。こんなのがなんの役に立つのと言われると答えに困りますが、Webアプリのテストでボタンのラベルをコピーしたい時がありまして、このスクリプトを書きました。 ※ちなみに、IE7の場合はセキュリティレベルを中まで下げないとプロンプトが表示されません。 WEBプログラミング NOW!: IE7とJavaScript（promtメソッドとセキュリティ） クリックしたボタンのラベルを取得するユーザスクリプト(ButtonLabelGetter.user.js) // ==UserScript== // @name ButtonLabelGetter // @namespace http://d.hatena.ne.jp/replication/ // @include * // @description クリックしたボタンのラベルを表
tenjin.web: workshop/greasemonkey
GreaseMonkeyとDOM/prototype.js入門 目標 GreaseMonkeyで実際のサイトを書き換えてみよう DOM理解してprototype.jsを使ってみよう intro GMとは 直訳すると「整備士」。特定のページを見たときに自分で用意したJavaScriptを実行することが出来る。おもな使い道としては、ページのデザインなどの改善(デザインの改善ならStylishでも出来る)と、ちょっとした機能追加。 GMの導入 firefox のアドオン ： GreaseMonkey - Firefox addon ※safariやIEにも同様のものがある （参考：GreaseMonkeyとは@hatena） 便利なスクリプト紹介 AutoPagerize JavaAPI検索 サイト内検索 実際には、個人の利用に応じた機能追加・改造を行うことが多いので、これといったものはあまり多
mozdev.org - greasemonkey: authoring
Writing User Scripts Mark Pilgrim has given the Greasemonkey community Dive into Greasemonkey, the best reference imaginable. The stuff below might be slightly more up-to-date. You can write your very own shiny user script with just a few steps: 1. Create the file Open a new text file in your favorite editor and throw some javascript in there. Note that there are many good resources available if y
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Greasemonkey入門 - prog*sig
Google Notebook
Greasespot Wiki
https://diveintogreasemonkey.org/toc/
Greasemonkeyの開発をまとめてみる