javascript

jsのプロトタイプについてまとめてみた

なんか理解がぼんやりしていたのでまとめてみました JavaScriptはプロトタイプベースっていうけど、それって何? プロトタイプベースとは、全てのオブジェクトは他のオブジェクトのクローンを派生させたものという設計のオブジェクト指向。派生元をプロトタ…

画像のレスポンスコードが304の場合、onloadイベントが発生しない件と対策

以下のようなコードを書くと、画像が304を返した場合に、onloadイベントが発生しない var img = new Image(); img.onload = function(){ console.log("loaded!"); } img.src = "./01.jpg"; // 01.jpg が304を返すと、onloadが発生しない!! 当然と言えば当然…

Phantom.js+QUnitでjavascriptの自動テスト環境を作りたい

Phantom.jsって何? PhantomJS is a headless WebKit with JavaScript API. [PhantomJS: Headless WebKit with JavaScript API ](http://phantomjs.org/) headless? スクリーン表示の無い、CUIで動作するブラウザ CUIで動作するので、自動テストに組みやすい …

FacebookのFb.ui実行時にIEだけエラーが発生する時の対処方法

先に結論 APIに渡すパラメータが長すぎると、IEのURL文字長限界たURLをAPI内部で呼び出してしまい、エラーが発生する 対策 : パラメータを適度長さに留める 参考 : マイクロソフト サポート オンライン | URL に使用可能な文字数は最大 2,083 文字 例 FB.ui(…

canvas のアニメーション高速化ノウハウいろいろ

これはなに? canvas を色々いじってみて取得したノウハウをまとめてみました そこそこいじれば、パーティクル 300 個くらいなら ネットブックでもそれなりに動くようです サンプル : http://dl.dropbox.com/u/1094808/particles.html 弾幕シューとかも無理で…

jQuery.autopager.js 覚え書き

これは何? AutoPagerize のようなページングを提供する、jQuery プラグイン jQuery.autopager についての覚え書き2点 iOS で動作しない!! Mobile Safail 側の不具合が原因 jQuery 本家の BTS にチケットがたってる バージョンに関わらず、$(window).height()…

javascriptで未定義の変数を参照すると "ReferenceError" が発生する件

javascript 様なら未定義の変数も、undefined にしてくれると思ってた (function(){ console.log(a); // undefined var a; console.log(b); // ReferenceError })(); その変数が未定義かどうかってどう判別するの? (function(){ var a = "test"; console.log…

setIntervalを任意の回数実行するクラスを作ってみた

これは何? setIntervalを任意の回数実行するjavascriptのクラスです 前回(クロージャがやっとこさ理解できたのでまとめ)の記事を書く際、prototypeと、クロージャをまとめて理解する為に、コーディングしてみたものですが、備忘の為にblogに上げときます ラ…

クロージャがやっとこさ理解できたのでまとめ

クロージャって何ぞ? メソッドが実行されるときに、メソッド内に参照する変数が無い場合、そのメソッドの呼び出し元ではなく、宣言を行ったスコープの変数を参照する仕組み具体的には <script> (function(){ var divs = $T("div"); // divタグのDOMを全て取得 for(v</script>…

ひねりの無いAjaxアプリを作った

http://kasei-san.sakura.ne.jp/rabo/perlAjaxTest/ これは何? 習作として、perl、SQLite、jQueryでひねりの無い、ゲストブック風webアプリを作成 作成中に引っかかったこと等を以下にメモります 誰か似たようなの作るときの参考になれば幸いです 仕様 サー…

デザイン言語2.0風Typoメーカー を作った

※IEのみで動作します デザイン言語2.0風Typoメーカー http://kasei-san.sakura.ne.jp/randomfonts/ これは何? デザイン言語2.0という本のタイポグラフィ風を自作できるwebサービスです テキストエリアに文章を打ち込んで、createボタンを押せば、下のエリア…

Flash vs. Ajaxを翻訳してみた

経緯 最近、思うことあって、Flashと、Ajaxの技術的比較について、調べまわっているのですが、そんな中で、だーいぶ前の記事ですが、Flash vs. Ajaxって記事が興味深かったので翻訳しました。 注意! TOEIC 250点の脅威の英語力の持ち主が、Excite翻訳片手に…

Tumblrで色々遊ぶためのwshスクリプト作った

ダウンロード http://kasei-san.sakura.ne.jp/wsh/lib/Tumblr.js ライセンスは、NYSLでお願いします。(要はフリーです) これは何? だーいぶ前に書いた、wshスクリプト作成用のテンプレート用のlibファイルです。 Tumblrで色々遊ぶためのメソッドが入ってま…

wshスクリプト作成用のテンプレートを作った

ダウンロード http://kasei-san.sakura.ne.jp/wsh/wshScriptTemp.js ライセンスは、NYSLでお願いします。(要はフリーです) これは何? wshって、何かやろうとするたびにいろんなActiveXオブジェクトを呼び出さなきゃいけなかったりで、めんどい。 毎回リファ…

ブースタージェネレータ、モーニングタイド対応

ブースタージェネレータをモーニングタイドに対応させました。 ブースタージェネレータ http://kaseisan.hp.infoseek.co.jp/boosterOpen/packlOpen.html リミテッドの練習用にどうぞ。 再配布、改変は自由ですが、寂しがり屋ライセンスでお願いします。 弱点…

ブースタージェネレータ、ローウィン対応

ブースタージェネレータをローウィンに対応させました。 ブースタージェネレータ http://kaseisan.hp.infoseek.co.jp/boosterOpen/packlOpen.html リミテッドの練習用にどうぞ。 再配布、改変は自由ですが、寂しがり屋ライセンスでお願いします。 弱点・注意…

YAHOO.util.DD.setXConstraintの注意点

ドラッグで移動した後に、setXConstraintを再指定した場合、setXConstraintの基点は、移動前の位置情報になる。 ドキュメント見ても判らなかったのでここで公表。 2007/10/16追記 もっかい別の方法でやってみたらそんなことなかった。 よく分からんなぁ…。 …

javascriptでテキストエディタ(未完成)

いまさらながら、最速さんのこれに触発されて、もう半歩だけ進めてみました。 IE限定な上、IE6でしか動作確認していません。多分7だと動かないんだろうなぁ・・・。 テキストエディタ http://kaseisan.hp.infoseek.co.jp/text/ 元々の動機は、タブと、マウス…

ブースタージェネレータ、タイムスパイラル対応

ブースタージェネレータをタイムスパイラルに対応させました。 ブースタージェネレータ http://kaseisan.hp.infoseek.co.jp/boosterOpen/packlOpen.html リミテッドの練習用にどうぞ。 再配布、改変は自由ですが、寂しがり屋ライセンスでお願いします。 弱点…

ブースタージェネレータ、コールドスナップ対応

前作ったブースタージェネレータをコールドスナップに対応させました。 ブースタージェネレータ http://kaseisan.hp.infoseek.co.jp/boosterOpen/packlOpen.html ソートの暗記や、リミテッドの練習用にどうぞ。 再配布、改変は自由ですが、寂しがり屋ライセ…

downThemAll一括ダウンロード支援ツールを作ってみた

downThemAllで、連番のファイルをダウンロードするためのツールを作ってみた。 一括ダウンロード支援 http://kaseisan.hp.infoseek.co.jp/downloadSupporter.html 再配布、改変は自由ですが、寂しがり屋ライセンスでお願いします。 使い方 テキストボックス…

ブースタージェネレータ、ディセンション対応

前作ったブースタージェネレータをディセンションに対応させました。 ブースタージェネレータ http://kaseisan.hp.infoseek.co.jp/boosterOpen/packlOpen.html ソートの暗記や、リミテッドの練習用にどうぞ。 再配布、改変は自由ですが、寂しがり屋ライセン…

府中図書館webサイトをhack。

府中図書館のWeb予約システムが、予約やら、予約状況表示の毎にユーザIDとパスワードを求められ、大変面倒くさい。 よってhack。 府中市立図書館Web予約システム http://www.geocities.jp/kaseijinna/library/library.html 需要がまったく分かりませんが、使…

ブースタージェネレーターを作った。

Wisedrafter's Willの情報をネタにソートに対応したブースタージェネレータを作ってみた。 ブースタージェネレータ http://kaseisan.hp.infoseek.co.jp/boosterOpen/packlOpen.html 現在、ラヴニカとギルドパクトのみ対応。 ディセンションを追加しました コ…