はてなマップの prototype.js による Object.prototype 汚染の弊害
以前からprototype.jsでObject.prototypeが汚染されてしまうのは問題になっていた。詳しくはノゾキ日記やアルファニート2.0の人がまとめている。先日はてなマップが正常に動かなくなったときいて、そういやはてマってprototype.jsつかってるからそのせいじゃないかな、と思って昼間検証したところ(有休バンザイ！)ドンピシャだった。 で、Rails追っかけやprototype.js追っかけの人は知ってると思うんだけど、最近のprototype.js(prototype.js 1.4.0_preからかな？)ではこのObject.prototype汚染がマズイと思ったのか、Object.prototype拡張がなくなった。そのため、継承は以前では ExtendKlass.prototype = (new Klass).extend({}); と書かれていたのが、 Exten
最速インターフェース研究会 :: 実践JavaScriptリファクタリング
同じ事をやるにも、いろんな書き方があるわけでいかにして短くてわかりやすいコードを書くかというノウハウを紹介します。 例として"abcde"を80回繰り返した文字列を作るとして実際に自分のコーディングスタイルがどんな風に変化していったのか、という。 短くなるのは確かなんだけどわかりやすいかというと、人によるかもしれない。 グローバル関数を定義2年前なら、多分こういう具合だった。 //ふつうに関数として定義する function x(str,num){ var tmp = ""; for(var i=0;i<num;i++){ tmp += str; } return tmp; } x("abcde",80) Stringのメソッドとして定義1年前だとこんな感じ。 //Stringのメソッドとして定義する String.prototype.x = function(num){ var tmp
del.icio.us direc.tor: Delivering A High-Performance AJAX Web Service Broker :: Johnvey
projects / del.icio.us direc.tor: Delivering An AJAX Web Service Broker June 20, 2005 What is it? del.icio.us direc.tor is a prototype for an alternative web-based rich UI for del.icio.us. It leverages the XML and XSL services of modern browsers to deliver a responsive interface for managing user accounts with a large number of records. The main features are: In-browser handling of del.icio.us boo
画像をアップロードする前にサムネイルを表示させる。
ここは他所様と比べると、やってる事のレベルがと～っても低い上に説明も分かりにくく誤字脱字の多い所です。 そういう仕様なのでエラーとか出ても知りません。 対応ブラウザ： IE6.0 / IE5.5 参照画像をリアルタイムでサムネイル表示させるJavaScriptです。 画像をアップロードするまえに確認することができます。 全ブラウザで確認したわけではありませんが、どうやらIE以外はセキュリティの関係上ローカル画像は表示出来ない仕様となってるみたいです。 IE以外のブラウザは「file:///C:/Documents%20and%20Settings/」のようにsrcを書き換えないといけないみたいです。 めんどくさいから作りません。 Mozilla FirefoxではWEB上からローカル画像が参照出来ない!? 優しい方が教えてくれました。感謝。 セキュリティの観点からローカルファイルを読み込ま
クロージャについて - FAX
クロージャについて メモ mattさんから、コメント欄にて以下のリンクを頂いた。どうも、ありがとうございます。 いやなブログ - JavaScript とクロージャ 上記サンプルは、以下の流れだ。 全ドット分のセルを作る 各セルのイベントハンドラに、一つずつ関数を割り当てる マウスの動きに合わせて、関数のスコープに保存されている「色の濃さの情報」を更新する 先程のブログのエントリの中で、「色の濃さの情報」をDOMエレメントに保存してもよかったとある。つまりここでは、関数の背景にある情報を保持する領域*1がポイントになっている。 JavaScriptのクロージャとは、「関数 + スコープ」だ。 ファウラーさんのblikiを読む。ここからは、関数を関数として渡せると便利なことを学べる。しかし、それはクロージャの理解の丁度半分なのではないだろうか。 Martin Fowler’s Bliki -
川o・-・）＜2nd life : はてなダイアリーのサイドバーをドラッグアンドドロップで移動
できるようにするブックマークレット作ってみたよ！使い方は簡単で、サイドバーを動かしてみたいはてなダイアリー(例 id:sample )上で下のソースをコピペしてアドレスバーに貼り付けると完了。一見なんにも起こってないようだけど、サイドバーをドラッグアンドドロップすると移動できちゃう！！ javascript:(function(){var%20s=document.createElement("script");s.charset="UTF-8";s.src="http://rails2u.com/tmp/javascript/hatena_sidebar/hatena_sidebar.js";document.body.appendChild(s);})(); はてダのサイドバーのクラス名が固定されてるからできる技だね。サイドバーレイアウト考えるときに使えたりするかも！はてダのデザイン設
Collection & Copy - JavaScriptにおける高階プログラミング
翻訳 原文：Higher Order Programming In Javascript著者：Sjoerd Visscherライセンス：クリエイティブ・コモンズ・ライセンス(帰属) 前提知識JavaScriptを使ったオブジェクト指向プログラミングの知識が必要となります。以下のWebreferenceの記事を読み、よく理解しておいてください。OOP in Javascript, part IOOP in Javascript, part IIDouglas Crockford最終更新2004/3/28はじめに高階プログラミングでは、値として関数を使うことができます。つまり引数として関数を別の関数へ渡すことも、関数を別の関数の返り値にすることもできるのです。この形式のプログラミングは、しばしば関数型プログラミングで使用されますが、「通常」のオブジェクト指向のプログラミングでも非常に有用です。
日本語で読めるAjax関連情報のリンク集 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
Ajaxに関する日本語の情報をざっと集めてみました。(一部日本語ではないものを含みます) 丁寧な調査ではないので、本当に大ざっぱなものです。 一応、以下の内容は多少メンテナンスしようと思うので、追加削除などのリクエストがあれば、私までメールを下さい。 非常に長くて申し訳ありませんが、頑張って必要な情報を探してみてください。 ★ 出版物 (この部分は現在フォロー仕切れていません) Ajaxイン・アクション (2006/06/20追加) https://www.amazon.co.jp/exec/obidos/ASIN/4844322222/autumnmagazin-22 Ajax イン・アクションの4章が酷すぎる (2006/06/20追加) https://blog.hawklab.jp/item-69.html Googleマップ+Ajaxで自分の地図をつくる本 Google Maps
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
