知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
Greasemonkeyスクリプトの開発で役に立ったサイトや本 - Alone Like a Rhinoceros Horn
Firefox にこんな機能があればいいなあ → ん、Greasemonkey というのでできるらしいぞ → ユーザースクリプトとやらを書けばいいのか → どうやって書くんだ？ というところからスタートして、最終的に自作のユーザースクリプトを公開するに至るまでの間、参考にしたサイトや本をできるだけ自分の学習順に時系列に沿って列挙してみました。 JavaScript を少々かじったことのある人が Greasemonkeyスクリプトを書いてみようと思い立ったときに、その学習の指針というか、道標のようなものとして役立つリンク集になればいいなと思ってます。 Greasemonkey まずは Greasemonkey ってなんだとか、ユーザースクリプトってどう書くんだというのを調べるところからスタート。（以下小見出しがリンクになっています） Greasemonkeyの開発をまとめてみる ここで Gr
価格.comのスペック検索の検索結果ページにpermalinkを追加するGreasemonkeyスクリプト
価格.comではカテゴリごとにスペックで絞込み検索ができる。絞込み検索のフォームの送信はPOSTで行われるので、検索結果のページにはpermalinkらしきものは無いように見えるが、検索結果をメールで送信するというリンクがページの最後の方にあり、そのリンク先のURLからpermalinkがあることがわかる。ということで検索結果ページのh1要素の最後にそのpermalinkを追加するGreasemonkeyスクリプトを作った。 インストールすると、 という感じにスペック検索のタイトルの後ろにオレンジ色で「#」が挿入される。価格.comの「o」の色に合わせてオレンジ色にした。 スクリプト自体は特に難しいこともせず普通に書いた。特に遅いこともなさそう。Array.forEach()の第一引数にArrayっぽいものを渡すとうまいこと回せるというのは最近知った。 価格.comのスペック検索は漠然と買
マイミクのページから直接「足あと」を消せる、グリースモンキー - IT戦記
はじめに mixi の足あと機能がパワーアップしましたね！ 「足あと」の機能改善においては、ページデザインのリニューアルと同時に、「マイミクシィ」（友人）の表示に加えて、これまで足あとページでは分からなかった「マイミクシィのマイミクシィ」（友人の友人）についても、アイコンが表示されるようになりました。これらの機能改善により、自分のページを訪れたユーザーとのつながりが、今まで以上に分かりやすくなります。 また、新機能「自分の足あと」の提供により、自分が訪問した先(プロフィールや日記など)のユーザーのニックネームを、時系列で最大30件表示いたします。なお、意図しないユーザーのページへ訪問してしまったときのために、相手の足あとページから自分の足あとを削除できる機能*1を追加しています。 株式会社ミクシィ どうやら 自分の足あとを削除できるようになったみたいですね！ ただ この機能、便利なんですけ
livedoor Reader に del.icio.us のブックマーク数を表示する Greasemonkey スクリプト
画像でブックマーク数が取れるようになったっぽいので作ってみました。 JavaScriptでURLのMD5ハッシュを計算するので、多少遅くなる可能性があります。最近のCPUなら問題ないはず。 http://la.ma.la/misc/userjs/ldr_with_delicious_count.user.js 以前作ったやつ。 livedoorクリップ http://la.ma.la/misc/userjs/ldr_with_livedoor_clip_count_images.user.js はてなブックマーク http://la.ma.la/misc/userjs/ldr_with_hatena_bookmark_count_images.user.js livedoor Readerに何かくっつけるGreasemonkeyの書き方 http://la.ma.la/blog/diary
最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
最速インターフェース研究会 :: はてなアンケートの集計を視覚化するGreasemonkeyスクリプト
Web プログラマの方にアンケートです。現在仕事で使っている言語と、一番好きな言語を教えてください http://q.hatena.ne.jp/1155781580 という質問があったので、さくっとGreasemonkeyでビジュアライズするスクリプトを書いてみた。 http://la.ma.la/misc/userjs/hateqvisualcell.user.js 横軸に好きな言語で集計 python好きの人はpythonで仕事してるみたいです。 横軸に仕事で使ってる言語で集計 おおむね仕事で使ってる言語が好きみたいですが、JavaScript使いはPHPが好きみたいです。 使ってる言語の方は複数回答なので、PHPプログラマがついでにJavaScriptを書かされてるんじゃないかと予想。 沖縄ではPHPしか使われてないとか、C#使いはC#が好き(一名)とか、母数が少ないのでよくわかりま
最速インターフェース研究会 :: del.icio.usにはてなブックマーク件数をくっつけるGreasemonkeyスクリプト画像バージョン
以前作ったのですが、なんか画像APIの方が負荷が低いとかいう噂を聞いたので画像で表示するやつを作ってみました。 http://la.ma.la/misc/userjs/dxh_img.user.js どうぞ(livedoorクリップを)ご利用ください。 ---- 2006-07-29 / 1.0.1 flickrのサムネイル出てる場合にエラーが出るので直した。 =?utf-8?B?ZGVsLmljaW8udXMvcG9wdWxhcg==?= 最速インターフェース研究会 :: del.icio.usにはてなブックマーク件数をくっつけるGreasemonkeyスクリプト画像バージョン URL:http://la.ma.la/blog/diary_200607281316.htmPublished: 7/27/2006 11:44 PM Buzz It!Feed Home
Flickr の EXIF に Amazon.co.jp のカメラ情報を追加する GM: blog.bulknews.net
Flickr の EXIF に Amazon.co.jp のカメラ情報を追加する GM Going My Way: FlickrのEXIF情報にカメラの画像を追加するGreasemonkeyユーザースクリプト ショップの情報がUSのAmazon.comになっているのでソースがいじれてAmazon Webservicesに詳しい人ならさっと日本のAmazon対応にできそうです。 Amazon.co.jp で動くようにしてくれ！という心の声がどこからか届いたので、やってみました。 Flickr Camera Images (Amazon.co.jp) AWS の URL (amazon.com → amazon.co.jp)、AWSAcessKeyId, Browse ID, アフィリエイトID を変更しただけです。
はてブとGoogleでリンク先のサムネイルをポップアップするGreasemonkeyスクリプト
http://yagi.xrea.jp/2006/03/visualhotentry.html その５。 何しろ本家が使ってるので、hotentryに限っては常時キャッシュされてるだろーなと。 更新周期は１時間。 http://yagi.xrea.jp/2006/03/googlewiththumbnail.user.js ウェサム作APIを使ったその２。 こっちは微妙。もうひとひねり。 http://yagi.xrea.jp/2006/03/showthumbnailonmouseo.user.js ウサ作APIを使ったその３。 さすがにアレだ。対象ページ・対象リンク種を絞れば実用になるかなー。 http://yagi.xrea.jp/2006/03/hbentrythumbnail.user.js ウェブサイトサムネイル作成APIを使ってみました。 かなり綺麗に収まった感。 関連 全サ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アダルトサイトをブロックするGreasemonkeyスクリプト - 素人がプログラミングを勉強していたブログ