ウノウラボ Unoh Labs: JavaScriptのバグを退治する３つの手法
こんにちは、さかとくです。今日は、世界中のプログラマーを悩ませているバグを退治する方法について考えてみたいと思います。今回は、特に、JavaScriptのバグを退治する方法にスポットを当ててみたいと思います。 そもそも、バグ(Bug)とは、正しくプログラムが動かない状態、不具合のある状態です。 書き間違いや、なんらかの勘違いが原因であることが多いです。簡単なつづりミスならば、構文エラー（Syntax Error）によって、すぐに間違いが見つかります。しかし、簡単にバグの原因が特定できないことも多くあります。そんなときはどうしたら良いでしょうか？ 以下の３点から考えてみます。 ・具体的なデバッグ方法 ・バグを予防する ・精神論 具体的なデバッグの方法 どんな天才的なプログラマーでも、間違いの１つや２つは犯してしまうものです。一度もバグに遭遇せずプログラムを完成させることはできません。「
Bridge Word
This shop will be powered by Are you the store owner? Log in here
【ハウツー】Yahoo! UI LibraryでさくっとAjax! (1) Yahoo! UI Libraryを使ってユーザビリティアップ! (MYCOMジャーナル)
「マルチプラットフォーム」「利用する際に必要なものは、デフォルトでインストールされているWebブラウザとネットワークに接続できる環境のみ」といったような利便性の高さから、見ない日はないと言っても過言ではないほど浸透したWebアプリケーション。今日もいたるところで、さまざまな業務を円滑にすすめるためにWebアプリケーションが利用されている。 Webアプリケーションはハイパーリンクやフォームなど、Webブラウザの基本機能を用いて作成されている。Webブラウザ単体でできることは限られているため、ローカルアプリケーションと比較するとユーザビリティにが低くなりやすい。このため、デベロッパはWebブラウザ上で動作するJavaScriptやFlashをもちいて、そのユーザビリティを高めてきた。 ここではJavaScriptコードを記述するデベロッパの負担を軽減かつユーザビリティを簡単に高めることができる
Javascriptフレームワーク比較チャート:phpspot開発日誌
Javascript Toolkit Comparison - uPortal 3 - JA-SIG Wiki Javascriptフレームワーク比較チャート。 Prototype、Dojo、Mochikit、Yahoo UI Library、Google Web Toolkit 、jQueryというメジャーなフレームワークの比較図です。 Ajax、Drag&Drop、ビジュアルエフェクト、イベントハンドリング、Ajaxの戻るボタン対応など、機能が一発で比較できます。 →続きを見る 他にも、ドキュメントの豊富さや、開発コミュニティの充実度、ライセンスについても掲載されていて比較に便利。 自分の知らないフレームワークの特徴も大まかに分かるので参考にさせてもらいましょう。 関連エントリ 10個のPHPフレームワーク比較記事 Prototype.jsとjQueryのベンチマーク速度比較
独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」:phpspot開発日誌
独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」 2006年11月16日- Custom SelectBox (WebFX) This sample creates a selectbox that works almost identically to the 独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」。 <option> の中身にHTMLタグを指定することが出来るようです。 次のようなコードでこれが実現できます。 <html> <head> <link type="text/css" rel="STYLESHEET" href="classic.css"> <script type="text/javascript" src="fade.js"></scri
文字列と UTF-8 バイト列の相互変換: Days on the Moon
やっていることは「高度な JavaScript 技集」の「UTF-8 <-> UTF16 変換」と同じ。 function toUTF8Octets(string) { return unescape(encodeURIComponent(string)); } function fromUTF8Octets(octets) { return decodeURIComponent(escape(octets)); } encodeURIComponent は encodeURI でもいい (むしろそのほうが処理する文字種が減って速くなりそう) が、decodeURIComponent は decodeURI にすると一部の文字 ("?"、"#" など) がデコードされなくなる。 使いどころ Base64 エンコードする関数 (「高度な JavaScript 技集」の base64encod
JavaScriptで使えるカラーピッカー作成ライブラリまとめ:phpspot開発日誌
Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ... 次の記事 ≫：2006年プログラミング言語人気ランキングTOP20 JavaScriptで使えるカラーピッカー作成ライブラリまとめ。 フォームでHTMLの色情報を入力してもらう際に非常に便利なJavaScriptで出来たカラーピッカーライブラリ。 種類も多数あったので試用＆まとめてみました。 Yahoo! UI Library ダウンロード後、examples\slider\ 以下に存在 インクルードすべきファイルが多く、設置がやや面倒。 ポイントした位置にスライドアニメーションしてくれてちょっとカッコいい。 dhtmlgoodies Color picker Color picker Adv 設置は比較的簡単。表示される色が不規則に並んでいるのが少々気になる点。 script.aculo.us
JavaScript ガイド - JavaScript | MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
Kazuho@Cybozu Labs JavaScript を学ぶ上で読むべきウェブサイト
« JavaScript の String 型を継承する | メイン | JavaScript は、なぜプロトタイプベースなのか » 2006年10月18日 JavaScript を学ぶ上で読むべきウェブサイト JavaScript について議論する際、良く挙げられる参照文献は ECMA-262 (日本語版) です。 しかし、どちらかというと ECMA-262 は JavaScript の処理系を実装する人に向けた文書なので、JavaScript を使いたい人には向きません。 私は、 JavaScript のユーザーには、mozilla developer center の Core JavaScript 1.5 Guide (日本語版)Core JavaScript 1.5 Reference (日本語版は整備中?)が良いのではないか、と思っています。 Mozilla のドキュメントかよ
JavaScriptにおける、丸め誤差の掛け算テスト
JavaScriptにおける、丸め誤差の掛け算テスト 単価： 数量： ※計算ボタンを押してみてください。 どんな結果が出てくるでしょうか？ 結果： 四捨五入： ※とてもカンタンな計算なのに、こんなになってしまいます(; ;)。 【原因】 計算機における丸め誤差が原因です。 通常の数値計算ルーチンは数値はすべて２進数扱いにするが、 ２進数では１０進数の小数を表現しきれないためにこういう現象がおこる。 ２進数の桁は２の累乗扱いになるわけだが、小数だと、２の-1乗（つまり1/2)、 ２の-2乗(1/4)という単位になる。 したがって、２のマイナス何乗かの数値の合成でうまく表現できない。 数値は無限小数になって、最後の桁を切り捨てした部分の誤差ができてしまう。 補正後 ※いったん1000倍してから積を求め、積を1000で割った後四捨五入
prototype.jsを使おう：Ajax.Requestの使い方: Recently Ajax
コメント( 0 ) | トラックバック( 0 ) Ajaxで通信をするときは、手作りすると異常に大変です。 XMLHttpRequestオブジェクト作って「send」メソッドで呼び出し、そのステータスをチェックしながら送信が完了したら、情報を受け取って・・ しかも、IEの場合は HTMLHttpRequestオブジェクトではないし、ステータスの番号なども Webブラウザによって違ってしまい、プログラムを作るのが非常に大変。 prototype.jsには、Requestメソッドがあり、これを使えば簡単にプログラムを作ることができます。例えば次のコード。 var ajax = new Ajax.Request('http://xxx/xxx.php', { method:'get', parameters: 'a=1&b=2', onComplete: success);これで OK。準備など
Ajaxチュートリアル集126個:phpspot開発日誌
AsH: Top 126 Ajax Tutorials Ajaxチュートリアル集126個。 Ajaxの入門、ブックマークレット、チャット、ドラッグ＆ドロップ、動的コンテンツ読み込み、オートコンプリート、ファイルアップロード Lightbox風画像表示、キーワードサジェスト、インクリメンタルサーチ、プログレスバー、角丸、リストのソート、ツリー、投票など、ありとあらゆるチュートリアルがまとまっていて、やりたいことを実現する際に使えそうです。 これだけのリファレンスがあるんですね。驚きです。 関連エントリ ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ WEB開発者のためのリソースを集めたリンク集 JavaScriptデバッグツール集 JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法 高速＆シンプルなJavascriptテンプレートシステム『RN
bricklife.weblog.*: Ajax で文字化けする条件を調査してみた
Ajax で文字化けする条件を調査してみた 【Blog Hackers Conference 2005 補足エントリー その２】 発表時間が全然足りなくて一言もしゃべれなかった「Ajax で日本語文字化け」ネタの調査結果をエントリーしておきます。 Safari ユーザのみなさんは Ajax なページを見るときに「文字化けすぎで見れん！」という経験を一回はされていると思います。例えば「WEBプログラミング NOW!: Googleサジェスト--Safariで文字化け」で述べられているように Google サジェストが化け化けになったりして、枕を涙で濡らす日々を過ごしていることと思われます(v1.3 では動作すらしません(泣))。この文字化けは、どうもデータを XML ではなくテキスト形式で受け取っているときに起こるようです。詳しい原因は「WEBプログラミング NOW!: Googleサジェス
＠IT：Java TIPS -- EclipseでJavaScriptを編集する
表を見てもお分かりのように、クライアントサイドスクリプトとサーバサイドアプリケーションとは決して相対するものではなく、相互に補完する存在なのです。 そこで本稿では、クライアントサイドスクリプトの中でも代表的なJavaScriptの記述を支援するプラグイン「JavaScript Editor」をご紹介することにしましょう。「JavaScript Editor」はJavaScript向けに作られたEclipse用のエディタで、JavaScriptの予約キーワードのハイライト表示を可能とするのみならず、アウトライン機能にも対応することで、コード全体の可視性を高めます。 操作手順 （1）「JavaScript Editor」プラグインを入手する 「JavaScript Editor」プラグインは、以下のサイトから入手することが可能です。その時々の最新安定版をダウンロードしてください。 ・http:
Ajaxの名付け親、その利点とリスクを指摘──AJAXWorldリポート | OSDN Magazine
ITコンサルタントのジェシー・ジェームズ・ガレット氏は10月3日、米カリフォルニア州サンタクララで開催中のイベント「AJAXWorld Conference & Expo 2006」（10月2日〜4日）の基調講演で、Webアプリケーション開発技術である「Ajax（Asynchronous JavaScript + XML）」は、適切に使用しないと危険な目に遭うと警告した。同氏は『Ajax』の名付け親とされている。 米アダプティブ・パスの設立パートナーで、同社のユーザー・エクスペリエンス戦略担当ディレクターを務めるガレット氏は、Web上で非同期の相互作業が可能になるといったAjaxの主な利点を強調したうえで、すべてのケースに適用できるわけではないと指摘し、Ajaxを乱用するリスクを、ローラースケートで走り回る行為にたとえた。 同氏は、多くの人々が、Web上でよりダイナミックなコンテンツのナビ
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://rakuto.blogspot.com/2006/11/javascript-itune7.html
ブラウザのみで画像のキリトリ＆リサイズ＆フィルタ実行が可能な「Picture Resizer」:phpspot開発日誌
prototype.js リファレンス
prototype.js (2) - まちゅダイアリー (2005-08-29)