Klaus Hartl - Stilbüro : Cookie Plugin for jQuery
September 17th, 2006 Category: JavaScript, Web Development, jQuery I contributed a cookie plugin for jQuery yesterday. You can get it from the (Subversion) repository: svn://jquery.com/plugins Or get it here. A few simple examples of how to use it: $.cookie('the_cookie'); // get cookie $.cookie('the_cookie', 'the_value'); // set cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // set c
SITEINFOのないページをAutoPagerizeするSITEINFO speculator for AutoPagerize « ZeroMemory
Pagerization version 0.2.2 - ?D of Kに触発されてちょっと自分でも書いてみた。 AutoPagerizeよりもあとに実行されるようにインストールしておくと、AutoPagerizeでSITEINFOにマッチしなかったとき自動的にnextLinkとpageElementを推測してAutoPagerizeを再実行します。 インストール siteinfospeculator.user.js つかいどころ 全部のページで使うとちょっと重たいので、Greasemonkeyの設定でincludeを*.tumblr.comで使ったりするといいとおもいます。tumblrのAutoPagerizeされてないテーマも、だいたい正しくAutoPagerizeできるかんじです。 フィードバック SITEINFO speculatorでAutopagerizeが起動されたときは、右
MOONGIFT: » 必見！JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi
ニコニコ動画を前みたいに自動で再生するGreasemonkeyスクリプト - 素人がプログラミングを勉強していたブログ
追記：からインストールできるようにした。 wnp/nicovideo_wnp.js at master · miya2000/wnp · GitHubを参考に、Flashを毎回クリックしなくても勝手に再生されるようにした。 // ==UserScript== // @name NicoVideoAutoPlay // @namespace http://d.hatena.ne.jp/javascripter/ // @include http://www.nicovideo.jp/watch/* // ==/UserScript== location.href = "javascript:" + function () { var flvplayer = $("flvplayer"); (function play() { try { if (flvplayer.ext_getStatus
arguments に対して shift するための考察（をしていたらカッとなって配列変換のベンチマーク） - IT戦記
JavaScript において可変引数を扱う場合 arguments オブジェクトを使います。 function func() { for (var i = 0; i < arguments.length; i ++) { alert(arguments[i]); } }; func(1,2,3) // 1,2,3 を順に表示 そして 可変引数を使うパターンとしては、 すべて可変引数 固定引数と可変引数 の二つに分けることができます。 すべて可変引数 引数が与えられた分だけ同じような処理を行うパターン function add() { for (var i = 0, r = 0; i < arguments.length; i ++) r += arguments[0]; return r; } var r = add(1, 2, 3, 4, 5); 固定引数と可変引数 最初のいくつかの引
JavaScriptでのthisとapplyの関係とは - 小池啓仁 ヒロヒト応援ブログ By はてな
JavaScriptのthisは、自分自身のオブジェクトを参照するキーワードです。 JavaScriptのオブジェクトは、誤解を恐れず言ってしまうとすべて関数です。 （グローバルオブジェクト（大きな関数）や配列（メソッドの無い関数）もある意味関数ととらえられる） 一方、applyですが、一般的には、「当てる」とか「適応する」という意味です。 また、すべての関数は、仕様的にthisとapplyを持っています。 で、apply関数は、他関数が保持しているapply関数にthisを第一引数にしてコールし、他関数をあたかも自オブジェクトに当ててしまうものなのです。 つまり、JavaScriptでのthisとapplyの関係とは、他関数オブジェクトが保持しているapplyメソッドの引数にthisをセットしてコールすると、自関数オブジェクトになってしまう関係かな。 言葉だと、わかり辛いのでサンプルを見
プロトタイプ（prototype）によるJavaScriptのオブジェクト指向
はじめに JavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaやC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をして
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
JavaScript 2.0はECMAScript 3.1ベースに、ECMAScript 4は譲歩 | エンタープライズ | マイコミジャーナル
ECMAScript JavaScript 2.0の動きに大きな変化があった。ECMAScript 4をベースにしたプログラミングを練習してきたのであればそれは改めなければならないようだ。JavaScript 2.0はECMAScript 4ではなくECMAScript 3.1をベースとしたものになりそうだ。MozillaでJavaScript Evangelistを務めるJohn Resig氏のブログにこのあたりの事情がまとめられている。 次期ECMAScriptの規約策定にはAdobe、Mozilla、Opera、Googleなどが主に参加していたECMAScript 4と、MicrosoftやYahoo!が主に参加しているECMAScript 3.1の2つの流れがある。ECMAScript 4は多くの機能を取り込んで大幅に言語を変更するもので、ECMAScript 3.1はECMAS
【ハウツー】あのFirebugがIEでも使えるようになる!? 簡易版Firebug「Firebug Lite」 (1) XHRトラッキングなどをJavaScriptで実装 | エンタープライズ | マイコミジャーナル
JavaScriptで実装された簡易版Firebug - Firebug Lite 7月25日(米国時間)、Firebugの機能をJavaScriptで実装した「Firebug Lite 1.2」が公開された。FirebugはDOMインスペクタやXHR(XMLHttpRequest)のトラッキングをはじめとした、Webデベロッパにとって嬉しい機能が実装されているFirefoxアドオンだ。これまでFirebugの恩恵を受けるにはFirefoxの導入が必須だったが、Firebug Liteを使用することでFirebugの一部の機能をIEやSafari、Operaなどでも利用できるようになる。 とくにJavaScriptの動作はWebブラウザ間での差異があるため、実装した機能がデバッグの段階で一方のWebブラウザでは動作するがもう一方のWebブラウザではうまく動作しないということがよくある。Fi
アマゾンのレビューを要約してくれるFirefoxのアドオン『PLURIBO』 | 100SHIKI.COM
アマゾンのレビューは便利だが、ときにその数が多すぎて読む気がなくなるときがある（ごくたまに、だが）。 そんなときに便利そうなのがPLURIBOだ。 このツール、Firefox専用のアドオンだが、なんとアマゾンのレビューをざっくり要約して表示してくれるというものだ（現在は英文のみ対応）。 独自のアルゴリズムで全てのレビューを解析し、「これは良い製品だが、ひっかき傷がつきやすい。デザインはいい」といった具合の結果を返してくれる。 しかも要約文の中に現れるキーワードにマウスを持っていくとさらに詳しいデータ（グラフやら）も提示してくれる。 要約の精度に若干の疑問がないわけではないが、あまり時間がない人には悪くないかもしれないですな。
JavaScriptのparseIntとmapを組み合わせる際の注意 - 金利0無利息キャッシング キャッシングできます - subtech
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Greasemonkeyスクリプトとウインドウ間で安全に通信する - ロックスターになりたい
追記2008.6.24 イベントによる通信について、nanto_viさんがGreasemonkey スクリプトとイベントで通信: Days on the Moonでより有用でフォーマルな情報を提供されています。 まじめに書こうと思ったら予想より使えなかった。 むかしsnj14がはてなブックマークが勝手にj/kにキー割り当てて、サービスはデータを出すだけにしてUIはユーザが好きにできるようにするべきだっていうのを書いてた気がするけど見つけられませんでした。 自分は、そうはいってもfirefox+Greasemonkey+LDRizeのようなUIの統一を図るスクリプトが極めてマイナーな現状でサービスがいらんことすんなっていうのも、ついていけない正しい話だなーと思ってるので、まずはLDRizeがあったら独自のバインディングをやめる、という妥協策が必要だと思う。そうすればはてなブックマークでj/k
IE と FF での挙動の違い --- ラジオボタンの onchange イベント (でぃべろっぱーず・さいど)
HTML上でラジオボタンでYes/Noの選択肢を作ったとします。 で、このラジオボタンが変わったときにJavaScriptの関数を呼び出し、ラジオボタンの状態に応じて動作させたいとき、以下のようにonchangeイベントで書くとIEとFFで動作が変わってしまいます。 <input type="radio" name="moge" onchange="javascript:hoge();">Yes <input type="radio" name="moge" onchange="javascript:hoge();">No FFがラジオボタンのcheck状態が変わった後に関数が呼び出されるのに対して、IE6ではcheck状態が変化する前に関数が呼び出されてしまいます。 ということで、こういうときはonchangeではなく、onclickイベントを利用するとうまくいきます。 <input t
js2-modeを使ってEmacsでJavaScriptを書く
更新履歴 2008-06-20: 公開 js2-mode をおとなしくさせる js2-mode は Emacs で JavaScript を書くための major-mode です。 外部の JavaScript 処理系無しに (flymake のように) 文法上のエラーを表示するなど、 かなり意欲的な機能を備えています。 しかしその一方で、js2-mode のデフォルトの挙動はかなり独特です。 ここでは、それらの挙動を他の major-mode とそろえる方法を説明します。 インストール js2-mode はファイル単体で配布されていますので、それを load-path の通った場所に置きます。 % wget http://js2-mode.googlecode.com/files/js2-20080616a.el % mv js2-20080616a.el /PATH/TO/js2.el
JavaScriptの再利用とapply
私がこういうの大嫌いなのは一部では有名な話ですが、職場では寛容に、ネット上では偏屈に、がポリシーなので素直に流しました。
JavaScript によるオブジェクト指向プログラミング
JavaScript によるオブジェクト指向プログラミングを説明する。 対象とするのは、JavaScript に言語的な興味を持つ人や、XUL などを併用して JavaScript で割と本格的なアプリケーションを作る人などである。 説明の都合上 Java の知識を前提としている。 参考文献はECMA-262 Edition 3 (errata)およびJavaScript 1.5 (mozilla.org)。 バグがなければ ECMA-262 Edition 3 を実装した処理系で動くと思う。 互換性を全く考慮していないので、それ以外の処理系では動かない。 一応 Rhino で動作確認している。 基本的な作法 サンプル・コード まずは例から入る。 取っ付きやすいように Java のサンプル・コードを示す。 説明の都合上 _counter と _access_counter は public
技術日記＠kiwanami - JavaScriptでの継承について調べてみた
JavaScriptはプロトタイプOO言語ということで、インスタンスコピーによる継承とカスタマイズを用いるのが素直な方法なのだと思う。JavaScriptでは、単純にインスタンスを丸々コピーする方法では効率が悪いということで、 prototype による非対称スコープチェーンを用いる方法と、prototypeへのプロパティのコピーを用いる方法がよく用いられている。 しかしながら、サイトによって良い悪いがばらばらで、結局これらの方法のどれを使うのが良いのかよく分からなかったので、どういう違いがあるのか調べてみた。 prototypeスコープチェーンを操作 参考文書： http://faces.bascule.co.jp/inheritance.html プログラマのためのJavaScript (11)：継承についてもう少し - 檜山正幸のキマイラ飼育記 (はてなBlog) [鏡] C/C++
Greasemonkey 0.8の新機能を使う - 枕を欹てて聴く
今日いきなり更新が来てうきうきだったのですが、結構主だった変更があります。そこで、個人的に気になった。 「新しく追加された機能」 についてご紹介。 response.finalUrl GM_xmlhttpRequestでonloadに渡されるresponseオブジェクトにfinalUrlプロパティがつきました。 これはリダイレクトなどをされてしまったときに最後に行き着いたURLを格納しています。 使おうと思ったらこんな感じで使えます。 Expand TinyURL for Greasemonkey // ==UserScript== // @name Expand TinyURL // @namespace http://d.hatena.ne.jp/Constellation/ // @description show tooltip on TinyURL and replace hre
jQuery最新版、13 - 103%の高速化 | エンタープライズ | マイコミジャーナル
4日(米国時間)、jQueryの最新版となるjQuery 1.2.6が公開された。1.2.6はおもにバグ修正を目的としたバージョン。1.2.3に続くバージョンで、1.2.4と1.2.5は低い効果や誤ったパッチなどから公開にいたらず飛ばされている。 1.2.6はバグ修正を主な目的としたバージョンだが、パフォーマンス向上に注力して取り組まれたバージョンもである。1.2.3と比較した場合、CSSセレクタ、extend()、.map()、.css()、.offset()、.mousemove()、query "div p"の操作でそれぞれパフォーマンスが向上している。極端なところでは.map()の処理でOpera 9.22が2677%の性能改善を実現している。詳細はjQuery 1.2.3 vs. 1.2.6 : Sheet1にて公開されている。大枠でパフォーマンス改善は次のとおり。 イベントバン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
