GreasemonkeyのUserscriptをJetpackとChromeExtensionに移植する際のメモ - やればできる子の日記
先日BibliwoをJetpackとChromeExtensionに移植したのでその際のメモです。 GM版とこれら二つを個別に保守するのは御免こうむりたかったため、なるべくシングルソースにしようという方針に沿っています(Chrome版は諸般の事情によりコードを分けてますが)。 GM版を移植する際に検討すべき項目は、主に以下のものがあります。 URLに基づいてページ書き換え用のスクリプトを実行するか否か判定する方法 ページ書き換え用のスクリプトを実行する方法 GM_xxxxの移植 GM_log GM_xmlhttpRequest GM_set/getValue Jetpackへの移植 ソースコードはこちら。GM版と全く同じです。 URLに基づいてページ書き換え用のスクリプトを実行するか否か判定する方法 GMではコード先頭にコメントとして // @include http://*.amazon
Greasemonkeyスクリプトの開発で役に立ったサイトや本 - Alone Like a Rhinoceros Horn
Firefox にこんな機能があればいいなあ → ん、Greasemonkey というのでできるらしいぞ → ユーザースクリプトとやらを書けばいいのか → どうやって書くんだ？ というところからスタートして、最終的に自作のユーザースクリプトを公開するに至るまでの間、参考にしたサイトや本をできるだけ自分の学習順に時系列に沿って列挙してみました。 JavaScript を少々かじったことのある人が Greasemonkeyスクリプトを書いてみようと思い立ったときに、その学習の指針というか、道標のようなものとして役立つリンク集になればいいなと思ってます。 Greasemonkey まずは Greasemonkey ってなんだとか、ユーザースクリプトってどう書くんだというのを調べるところからスタート。（以下小見出しがリンクになっています） Greasemonkeyの開発をまとめてみる ここで Gr
GM_addStyleの実装と最適化 - os0x.blog
GreasemonkeyのGM_addStyle関数は呼び出すたびにhead内にstyle要素を作る。 Greasemonkey 0.8.20080609.0のソースより。 function GM_addStyle(doc, css) { var head, style; head = doc.getElementsByTagName("head")[0]; if (!head) { return; } style = doc.createElement("style"); style.type = "text/css"; style.innerHTML = css; head.appendChild(style); } これは、はっきり言って効率が悪い。 補足:CSSをミスったときの影響が自分だけに留まるというメリットはある。 補足2:効率悪いと書いたけど、体感できるような話ではないと思
GoogleReader用Greasemonkey・Stylish・アドオンまとめ - blooo
最近Google Readerを使い始めたので、まとめてみる。 順次追加する予定。 てか一回書いたのに間違って全部消しちゃったよ・・・ Greasemonkey 見た目を楽しく Google Reader Favicon ++ ファビコンを表示する。 Google Reader - Colorful List View フィードの配信サイトごとに自動できれいに色分けしてくれる。 その場で全文プレビュー Google Reader Preview Enhanced (patched by bryantsai) 記事タイトルをクリックすることで元の記事をプレビューできる。（フレームで） これ使えば全文取得なくてOKだと思う。さらにはサイト運営者にとっても全文取得より良いのではないかと思う。名発明品。 ちなみにこのスクリプトは、これ[Updated] Google Reader Preview
Greasemonkey で 超お手軽に jQuery を使うスニペット
【2011-06-07 追記】 下記の手法は Chrome の Greasemoneky では無効なため、Firefox / Chrome 両対応としたい場合は Greasemonkey で 超お手軽に jQuery を使うスニペット [Chrome 対応版] を参照してください。 タイトルの通りです。 特徴 script タグ追加型の読み込み $ 関数として利用可能 該当ページですでに jQuery が読み込まれていればそれを利用 jQuery スクリプト自体のアップは不要 (Gogole の CDN を利用) ローカルのキャッシュも多分有効 (CDN が適切なヘッダを返してれば) jQuery 読み込み完了を待ってから実行される 作成動機 Greasemonkey で jQuery を使う方法検索してみると、GM_xmlhttpRequest で読み込んで eval する方法と、scr
Greasemonkeyでサイト既存の関数を上書きする
サイトに新たに機能を付け加えるのではなくて、元々サイトに存在してる関数を少しだけいじってやった方が簡単な場合があります。 そういうときにGreasemonkeyからサイトに元々ある既存関数を上書きする方法です。 SmartLDR更新 – 素人がプログラミングを勉強するブログ : http://d.hatena.ne.jp/javascripter/20090324/1237903880 ここで紹介されているlocation.hrefとjavascript:プロトコルを使ったハックを使うと比較的簡単に関数の上書きができます。 例えばmyFuncという関数を上書きしたい場合は以下のようにjavascript:プロトコルからmyFuncを再定義すると上書きができます。 function evalInPage(fun) { location.href = "javascript:void (" +
GreasemonkeyからXMLRPCプロトコルでブログに投稿する
XML-RPCを使ってWordpressやMovable Typeなどのブログに投稿するGreasemonkeyの書き方みたいなものです。 XMLRPCに対応したブログにどういうものがあるかは下のサイトによくまとまってます。(ちょっと古いですが) BlogWrite – Atom API, XML-RPC : http://www.witha.jp/BlogWrite/bloglist.html WordPressでしかテストしてませんがXMLRPCに対応してるブログなら動作すると思います。 今回は投稿機構みたいなものを書いただけなので、このスクリプトだけではあんまり意味はないと思います。 // ==UserScript== // @name XMLRPC poster // @namespace https://efcl.info/ // @include http://* // ==/
livedoor Reader で特定のサイトや記事の本文を非表示にする - (new Hatena).blog()
折り畳みの自動化 フィードに全文掲載云々という問題が言われたりしますが、それとは逆に、全文掲載してくれているんだけれど、もの凄く長文かつ大量の更新が行われるような (しかも読みにくかったりする) フィードもあるのではないかと思います。 そんなフィードを、畳んだ状態で表示して読みたいものだけをブラウザを開いて読む、という方法を考えてみました。 おなじみフックです: register_hook("before_printfeed", function(feed) { var link = feed.channel.link; var fold_it = /(?:jp.rubyist.net\/magazine)/; (fold_it.test(link) ? addClass : removeClass)("right_body", "compact"); })これだけです。 ただ、これだと正
最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
Greasemonkeyスクリプトがネイティブサポートされるかも - Mozilla Flux
JetpackがGreasemonkeyスクリプトをサポートする計画は既に存在しており、JetpackのFirefoxへの統合は公式プロジェクトとして扱われている。 となれば、FirefoxがGreasemonkeyスクリプトをネイティブサポートする話が出てきても、決して不自然ではない。ただ、その前に一つのステップを経る必要がある。Greasemonkey互換かは別にして、Firefoxがコンテンツ空間でスクリプトを動作させる仕組みを備えることだ。 Content Scriptsはその仕組みを開発するプロジェクトである。プロジェクトのWebページを見ても、クローム特権を有しない安全なものにすると述べられている程度だが、Blair’s Brain『Status: Jetpack and Content Scripts in Firefox』にもう少し詳しい情報が出ている。 「Next ste
Greasemonkey スクリプトの冒頭に書く 5 行
WordPress with Twitter の不具合を修正した記念に、Greasemonkey を書く時に頻繁に利用する関数をまとめたので、公開してみます。 外部の JavaScript ライブラリを読み込む方法を解説したサイトもありますが、そこまで大げさな機能が必要でもなく、軽く動作させたいときに便利です。 特に共通ライブラリを利用すると、Firefox 以外のブラウザの対応も無駄に読み込む事になるので、スマートじゃないなぁと思います。 var d = document; var $ = function(id) { return d.getElementById(id); } var $x = function(xp) { return d.evaluate(xp, d, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleN
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 チュートリアル読
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Notebook
Blogger