タグ

JavaScriptとGreasemonkeyに関するbunhikoのブックマーク (44)

  • Javascriptでdiffる ( with 形態素解析 ) (nakatani @ cybozu labs)

    Javascript で diff というのはいくつか試された例はあるようですが、まだこれといった決定打は出ていない様子です。 実は diff は見た目ほど軽い処理ではないので、Javascript にやらせるのはこれが結構大変…… diff の計算量は、おおざっぱに言うと比較対象の要素数の二乗に比例し(実際にはそれより小さくすることができるのですが、まあ話のイメージとして)、かつメモリを大量に消費するので、バッチ的な処理に最適化されていない Javascript にはどうしても荷が重いものとなってしまいます。 比較対象の要素数を減らせば当然計算量は減りますが、行単位で比較してもあまり嬉しくない(わざわざ Javascript で処理するということは自然文が対象と思って良いでしょう)。最小の文字単位だとギブアップ。 ということは形態素解析で分かち書きして、単語単位で diff するのが J

  • 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

  • [JavaScript] dataスキームURI生成(画像データのBase64変換)

    Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,~~~』形式のデータ(dataスキーム)を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方

  • Twitter statuses list for LDR - 口から出まかせ

    http://shinten.info/userjs/twitterstatuseslistforldr.0.0.5.user.js 0.0.5 ステータス取得APIをid指定なしのものに修正。 0.0.4 HTMLエスケープしていなかったでするようにした。 0.0.3でエラー処理がちゃんとできてなかったので修正。 0.0.3 ステータスをとってくるのに失敗したときのエラー処理を追加。 表示の管理をちょっとまともにした。 アイコンクリックでhomeへ。 0.0.2 キーボードから開けるようにした。ちょっとは実用的になった気がする。 やっぱり先にw.onloadを読み込まないとアレだったので修正。 ピンのリストみたいにmousehoverするとfriendのステータスがみれます。昨日のはこれ書くためのたたき台。id:antipopさんのTwitter from LDR - subpop -

    Twitter statuses list for LDR - 口から出まかせ
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • http://diveintogreasemonkey.org/

  • GreaseMonkey で MochiKit 使ってみる。すなわち外部ライブラリの読み込み。あるいははてなのグラフが綺麗じゃない < 12 < August < 2006 < nulog, NULL::something : out of the headphone

    GreaseMonkey で外部ライブラリが使いたいな。みたいな。似たようなのでは CMS researcher - Greasemonkeyでprototype.jsやscript.aculo.usを使う方法 があるのですが、どうもうまくいかなかったので自力実装。 function dll(loadLibs, afterLoadedFunction) { if (afterLoadedFunction._retry) afterLoadedFunction._retry = 0; else afterLoadedFunction._retry++; if (afterLoadedFunction._retry > 10) throw("Library is not loaded because of some reason."); loadLibs.forEach(function (l

  • クライアントサイドWeb付箋紙 Greasemonkey - sawatのブログ

    グリモンでこんなの作ってみました。 図1: はてなのトップページに付箋紙をぺたぺた貼り付けてみた これは何? Greasemonkeyを使ったWeb付箋紙ツールです。 Web上の任意のページにメモを貼り付けておくことができます。 GreasemonkeyのGM_getValue/GM_setValueを使ってデータをクライアントサイドに保存します。 そのためログイン不要で使えますけど、複数端末で共有したり、他の人に見せてあげたりはできません。 作成動機 まるごとJavaScript & Ajax ! Vol.1に載っていたFirefox2.0のクライアントサイドストレージを使って何かできないかなと思って作りました。最初、普通の<script>タグでスクリプトを読み込まして作って*1ちゃんと動いたのですが、Greasemonkeyのuser.jsとして動かしたら、なぜかクライアントサイドスト

    クライアントサイドWeb付箋紙 Greasemonkey - sawatのブログ
  • Greasemonkeyで永続的に外部スクリプトを利用する - 技術メモ帳

    GM_setValue / GM_getValue + unsafeWindow.eval を使って 永続的に外部スクリプトを利用する方法を考えてみた。 わざわざ DOM で script要素 を毎回注入するよりも 速いんじゃないかと思う。 Greasemonkeyには、GM_setValue / GM_getValue というのがあって、 GM_setValue("キー", "値") 上記のように入力してあげる事によって、たとえ、 Firefoxを終了させたとしても消えないデータを作成する事が出来る。 そして、それを利用して、 初回のみ XmlHttpRequest で外部スクリプトデータを取得して、 GM_setValue でスクリプトデータを永続化しておき、 二回目以降は、それを GM_getValue して eval するようにした。 以下は、永続的に prototype.js を

  • GM_setValueで設定した内容の削除方法 - Enjoy*Study

    下記なんかを使っていると、オブジェクトの永続化っていう名目で、GM_setValueで保存しまくりなので、ここで削除方法を書いてみます。 Enjoy*Study - del.icio.usをインクリメンタルサーチ(Greasemonkey版)を作ってみました (2006/11/30 更新) ロケーションバー(URLバー)に「about:config」と打ち込んで、リターン。 設定値の一覧が表示されるので、フィルタに「greasemonkey.scriptvals.」と入力。 これで、GM_setValueで設定した項目に絞られて表示される。 なお、設定名は「greasemonkey.scriptvals.@namespace/@name.項目名」といった形式。 消したい設定を右クリックし、「リセット(R)」を選択。これで、状態が「初期設定値」となる。 ブラウザを閉じると、その時点で「リセッ

    GM_setValueで設定した内容の削除方法 - Enjoy*Study
  • 最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方

    何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ

  • 検索結果からタグクラウドを作ってくれるGreasemonkey『GoogleTagCloudMaker』 | P O P * P O P

    Google検索をちょっこっと便利にしてくれるGreasemonkeyのご紹介。 この「GoogleTagCloudMaker」を使えば、検索結果の横に主要キーワードをタグクラウド的に表示してくれます。「あぁ、この検索結果はだいたいこういうことなのね」とわかってなかなか便利。 » GoogleTagCloudMaker ためしにいくつか検索してみましょう。どういう動作をするのかは以下に画像でご紹介。 ↑ たとえば「百式」で検索します。検索結果の横にタグクラウドが表示されます。これらのタグは検索結果に出てくるキーワードから生成されています。 ↑ タグの上にマウスを持っていくと、そのタグに関連する検索結果だけが絞り込まれて表示されます(とのことですが、日語だとちょっと微妙・・・でも便利な機能ですね)。 ↑ 次に「バブルマップ」で検索。タグクラウドを見れば「ToDo管理に関することなのだな・・

    検索結果からタグクラウドを作ってくれるGreasemonkey『GoogleTagCloudMaker』 | P O P * P O P
  • Unicodeエスケープ - sawatのブログ

    付箋紙Greasemonkeyで、GM_setValueに登録した日語の文字化け対策にencodeURIをつかったけど、encodeURIはURIをエンコードするための関数なのであんまり褒められた使い方ではないですね。しかも、encodeURIのようなURLエンコーディングは文字列をUTF-8にしてから、エンコード対象の各バイトを%xx形式*1で表現するので、日語1文字をあらわすのにたいていの場合ASCII9文字が必要になって効率が悪いです。*2 なので、前述のような単に非ASCII文字をエスケープしたいだけのようなケースではUnicodeエスケープを使った方がよいです。Javaのpropertiesとかnative2asciiとかのやつです。 Unicodeエスケープは\uxxxx*3の形式であらわすので、たいていの日語1文字はASCII6文字になって、URLエンコーディングに比べ

    Unicodeエスケープ - sawatのブログ
  • 人の存在をなんとなく感じるためのGreasemonkeyスクリプト - gotin blog

    他人のマウスカーソルの位置がある程度リアルタイムに分かるようになるスクリプトです。 ↓こちらです mouse_lingr.user.js ※スクリプト更新しました。 最新版はこちらです。 使い方 mouser_lingr.user.jsをインストールする 適当な、フレームを使っていないページにアクセスする Shiftキーを押しながらMを押す しばらーくすると自分のマウスカーソル付近にへんなアイコンが現れます 他の人も同じことをしていると、同じ形の別のへんてこアイコンが、同じことをしている人の数だけ現れます(←これが一番大事なのに書き忘れていました><) もう一度Shift+Mをすると機能offになります。 なお、機能on/offの状態は別のページに移動しても保たれますのでご注意ください。 仕組み スクリプトの名前からもわかるとおりlingrを使わせてもらってます。 マウスカーソルが動いたと

    人の存在をなんとなく感じるためのGreasemonkeyスクリプト - gotin blog
  • WWWLife - こども(てれび)

    Webページ上でみんなとわいわいできるGreasemonkeyスクリプトを書きました。 wwwlife.user.js 使い方 Greasemonkeyが入っているFirefoxでwwwlife.user.jsをクリック、スクリプトをインストールします。 メニューの ツール > Greasemonkey > User Script Commands > Play WWWLife を選ぶと女の子が出てきます 方向キーで操作。枠線などそれっぽいところを歩けます。 右上の青いところで名前を変えます。はてなのプロフィール画像がでます。 右上のばってんボタンをクリックすると終了します。 特徴など Lingrを使っています → http://www.lingr.com/room/5KYXVjGQHJH APIで部屋を作れないので部屋は一つだけです。数十人でパンクすると思われます。 認証がないとか、話せ

    WWWLife - こども(てれび)
  • 最速インターフェース研究会 :: livedoor Readerを十字キーで操作するためのGreasemonkeyスクリプト

    思うところあって作ってみた。カーソルキーだけで読めます。IME有効無効に関わらず使えます。 http://la.ma.la/misc/userjs/ldrkeybindforldr.user.js フィード一覧フォーカス時 ↑ : 前のフィードを選択 ↓ : 次のフィードを選択 → : 開く 記事画面フォーカス時 ↑ : 前の記事に移動 / 前のフィードに移動 ↓ : 次の記事に移動 / 次のフィードに移動 → : ピンを付ける / 外す ← : フィード一覧にフォーカスを移す

  • Greasemonkeyスクリプティング TIPS & SAMPLES - TOP

    Greasemonkeyスクリプティング TIPS & SAMPLES のサポートページです。 CONTENTS 目次 ただのもくじ。 LINKS 書籍に掲載されているURLの一覧です。 TIPS Part3 - TIPS 掲載のユーザスクリプト一覧です。 SAMPLES Part4 - SAMPLES 掲載のユーザスクリプト一覧です。 正誤表 書の正誤表です。 misc サンプルPDF Unicodeエスケープツール まだFirefoxを使ったことがない? >> 手に入れる! 特設ユーザスクリプト 書の発売記念と称して役に立たないユーザスクリプトを大絶賛配布中です。 文字が読みにくくなるスクリプト TheRight.user.js ごわすが好きな人(?)のためのスクリプト GOWASU.user.js

  • これまで作ったGreasemonkeyスクリプト まとめ - AUSGANG SOFT

    だいぶ量が多くなったので、現在、動作するものを一度まとめておきます。 Greasemonkeyって? ページの見た目や機能をブラウザ側でカスタマイズできるFirefoxの機能拡張です。 好みのスクリプトを追加することでページを読みやすくしたり、便利な機能を追加することができます。 インストールの方法・簡単な使い方は以下のページの解説がわかりやすいと思います。 はてなグリースモンキー - グリースモンキーの使い方 他の方が作られたスクリプトを参照するにはGreasemonkey - Mozilla Firefox まとめサイトをご覧ください。 これまで作ったGreasemonkeyスクリプト Google Greasemonkey - Google のラジオボタン押したら検索 http://a-h.panepon.com/einfach/archives/2006/0106171150.ht

  • GreaseMonkey Driven Development / Shibuya.js Technical Talk #2

    てんぷれ例 // ==UserScript== // @name Test // @description Test // @namespace http://lowreal.net/ // @include * // ==/UserScript== (function () { /* GM_xmlhttpRequest({ method : "GET", url : url, headers : { "User-Agent":"monkeyagent", "Accept":"text/monkey,text/xml", }, onload : function (req) { var doc = new XML(req.responseText.replace(/^<\?xml.+?\?>/, '')); }, onerror : function (req) { alert(req.r

  • GreasemonkeyでRSSリーダー - gotin blog

    インターネットでもイントラネットでも使えるブラウザベースのRSSリーダーないかしら、と思ってたんですが、ちょっと探したぐらいじゃなかったのでついうっかりGreasemonkeyで作ってみたくなって、作ってしまいました。 こちら↓です。 rss_reader.user.js - 使い方: インストールするとページ左上にFeed Readerと書いてあるタブ(?)が表示されます。 (RSS1.0とかRSS2.0とATOMとかをまとめてFeedと呼ぶらしいので、 Feed Readerとしました) Feed Readerと書いてある部分をクリックする、 もしくは"f"キーを押すと、 Feed Readerの体画面が(無理矢理気味に)ページ上に表示されます。 Feed(RSS1.0かRSS2.0かATOM)を含むページを読み込むと タブに青緑色なボタンが表示されます。 そのボタンを押すとFeed

    GreasemonkeyでRSSリーダー - gotin blog