最終更新日 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 チュートリアル読
Browsh is a fully-modern text-based browser. It renders anything that a modern browser can; HTML5, CSS3, JS, video and even WebGL. Its main purpose is to be run on a remote server and accessed via SSH/Mosh or the in-browser HTML service in order to significantly reduce bandwidth and thus both increase browsing speeds and decrease bandwidth costs. Download (v1.8.0) Browsh is available as a single s
HTML5 File API つかうとローカルファイルをブラウザに Drag したファイルをハンドリングして binary やら data スキームとして扱うことができ、Firefox 3.6 や Chrome 5 ですでに使えるというのを今さらながら知った*1ので、はてなフォトライフにローカルファイルをブラウザにドラッグするだけでアップロードできる UserScript を作ってみまんた。 http://gist.github.com/raw/406281/drag_drop_fotouploader.user.js WinXP + Firefox 3.6.3 で確認してますが OSX や Chrome5 などの環境で動くかは試してないので解りません。動作デモは以下の swf 動画を見てください。 http://rails2u.com/misc/fotolife_drag/ なんかすごい
先日BibliwoをJetpackとChromeExtensionに移植したのでその際のメモです。 GM版とこれら二つを個別に保守するのは御免こうむりたかったため、なるべくシングルソースにしようという方針に沿っています(Chrome版は諸般の事情によりコードを分けてますが)。 GM版を移植する際に検討すべき項目は、主に以下のものがあります。 URLに基づいてページ書き換え用のスクリプトを実行するか否か判定する方法 ページ書き換え用のスクリプトを実行する方法 GM_xxxxの移植 GM_log GM_xmlhttpRequest GM_set/getValue Jetpackへの移植 ソースコードはこちら。GM版と全く同じです。 URLに基づいてページ書き換え用のスクリプトを実行するか否か判定する方法 GMではコード先頭にコメントとして // @include http://*.amazon
変更点 バグ修正 DEBUG_MODEのときにエラーがおきる DEFAULT_STATUS = ’disable’にしたときに表示がでない スクロールしなくて済むときにロードが起きない Microformats対応 Microformatsはyoupyさんからアイデアをもらいました http://subtech.g.hatena.ne.jp/youpy/20070603/p1 AutoPagerizeに必要な情報をページ中のHTMLに埋め込んでおけば、 SITEINFOがなくてもAutoPagerが起動するようになります 埋め込みの形式は以下の通りです link要素またはa要素でrel="next" (複数あった場合は、先に現れるものが選ばれます) classでautopagerize_insert_before (複数あった場合は、先に現れるものが選ばれます) 追記 2008/05/15
以前twitter上でブラウザ + AJaxでviなキー操作でテキスト編集できるサイトが紹介されていた。viが動いているならEmacsが動作するサイトもあるでしょう、と思っていたが、やはり存在していた。それがYmacs。 サイトでは AJAX source code editor with syntax highlighting and automatic indentation と謳っているが、見た目がEmacsだし、キーバインドもEmacsそのもの。 YmacsはまだVer 0.1なので、実装されている機能もあまり多くなく、作者が時間が取れない等の理由でFireFox以外のブラウザに対応できていない。 実装されている機能 詳細はこちらを見てもらうとして、 様々なカーソル移動 テキスト操作 ハイライト機能 Undo, mark, インクリメンタルサーチ, フレーム分割 等の基本的な機能は
2024年下半期のフィルム写真たち ふと気がつくと2024年も残り僅か。 そしてふと振り返るとこのブログに掲載する写真がGRIIIで撮ったものばかりになっていたのだけど、決してフィルムに飽きたということではなく、フィルムはフィルムで淡々と撮り続けているし、モノクロもカラーネガもいつも通り自宅で…
先日、ついに Google Toolbar 5 の Firefox 版が公開されました。 IE 版から遅れること 10 ヶ月、ようやく Firefox でも最新機能が使えるようになったわけです。この Google Toolbar 5 にはさまざまな新機能がありますが、なんといっても注目なのは iGoogle ガジェットに対応したことです。任意の iGoogle ガジェットをカスタムボタンとして登録できるのはもちろん、ガジェットのパラメータに URL や選択文字列を指定することで、さまざまな処理を行わせることが可能です。 すでに Google ツールバー ボタンギャラリーでガジェット機能を活用した多数のカスタムボタンが公開されています。これらを利用するだけでもじゅうぶん便利ですが、このブログを読んでいる皆さんなら、きっと自分で作ってみたいと思うことでしょう。そこで、本日はこの Google
Webアプリケーションが増えるに従って、JSONフォーマットを利用する機会も増えてきた。だがJSONファイルの扱いはそれほど良くなく、Firefoxの場合ダウンロードのダイアログが開いてしまう。それにシステム向けに改行なしで作られているケースが多く閲覧には不向きだ。 JSONフォーマットをFirefox上で閲覧できる 今後さらに利用が進んでいくと思われるだけに、扱い勝手が悪いのは問題だ。そこで使ってみたいのがJSONViewだ。 今回紹介するオープンソース・ソフトウェアはJSONView、Firefox上でJSONファイルを閲覧できるようにするFirefoxアドオンだ。 JSONViewをインストールした状態でJSONファイルを開くとダウンロードダイアログが開かず、そのままソースが見られるようになる。キー、文字列、数値とそれぞれハイライト化されて表示されるので分かりやすい。配列やハッシュの
Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
John Resig 氏による A Web Developer's Responsibility という記事が素晴しかったので、著者の許可を得てここに日本語訳を掲載します。 Web 開発者の最大の負担は、ブラウザのバグと非互換性への対応に膨大な時間を費やすことであるといって間違いないでしょう。それゆえに、それらへの対応に不満をいうのは、Web 開発者全員の常となっていました。ブラウザのバグは迷惑でいらだたしく、仕事を大幅に難しくします。 ブラウザのバグはとてもいらだたしく、通常の開発における最大の負担です。ですから、開発対象のブラウザが、自身のバグを見つけ修正できるようにしてやるのは、すべての Web 開発者にとっての責任です。自分が見つけたバグに対して責任を持ち、「ほかの誰かがこれを見つけるだろう」とは思わないことで、ブラウザの進歩の速度は加速していくでしょう。 ブラウザを支援する解決策
Firefoxはアドオンがあるからこそ魅力的だ。FirebugやGreasemonkey、Tab Mix Plusなど最早手放せないFirefoxアドオンは誰しもが持っているはずだ。だがFirefoxアドオンを試す際に厄介だったのが、インストールやアンインストールの度に再起動が必要なことだ。 新しいFirefoxのアドオンAPI。右下に表示されているGmailアイコンなどがそう そうした手間から解放される可能性を秘めた次世代型のFirefoxアドオン環境がJetpackだ。 今回紹介するオープンソース・ソフトウェアはJetpack、Firefoxアドオン開発を容易にするAPIだ。 Jetpack自体がFirefoxアドオンとして提供されるのでインストール後は再起動が必要になってしまうのは無念ではあるが、それさえ終われば新しい世界が広がる。APIとしてはステータスバー、タブ、コンテンツスクリ
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
2005年06月15日01:30 カテゴリMozillaCOOKPAD GreasemonkeyとPlatypusでCOOKPADの印刷ページを整形 COOKPADという料理のレシピ検索などができるサイトがあり、 私の嫁さんもよく利用させてもらっています。 気に入ったレシピがあると印刷してキッチンで使ったりしています。 個々のレシピには印刷用のページが用意されていて、整形されているのですが、 ロゴ等のヘッダとフッタの部分は印刷しなくてもいいなと思っていました。 ヘッダが無ければ1ページに収まるのに、ということもあります。 そこで、Firefoxのエクステンション Greasemonkeyと Platypusを使って、 印刷用のページを自動的に整形するようにしてみました。 「猿でも分かる GreaseMonkey + Platypus 超入門」 というページを参考にさせて頂きました。とてもわ
What is O3D? O3D is an open-source web API for creating rich, interactive 3D applications in the browser. This API is shared at an early stage as part of a conversation with the broader developer community about establishing an open web standard for 3D graphics. Get involved Download the plug-in (Windows and Mac) and explore the samples to see O3D's capabilities. Linux users, see these instruction
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く