Code Archive Skip to content Google About Google Privacy Terms
今日からVisual Studio 2008 Express Editionのダウンロードが開始されたので、早速Visual Web Developerをインストール→JavaScriptデバッガの動きを確認してみた。 ひとまずインストール 2005はisoイメージしかなかったけど、オンラインインストールが基本になったぽい。 Visual Studio 2008 Express Editions でも、オフラインでもインストールできるようにDVD isoイメージも配布してるですね。 デバッガの設定方法と使い方 2005と2008で設定方法に変化はないようだ。 Visual Web Developerを起動する。 「Webサイトを開く」を選択 vwd_debug_1 posted by (C)terurou デバッグ対象ページを選択する(ここではローカルファイルを使う) vwd_debug_
今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは,JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている,と感じることがあるからです。 現在のWebサイトでは,JavaScriptを使って使い勝手を向上することは,ごく当たり前に行われています。例えば,動的にページを書き換えたり,ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと,JavaScriptを使うことで,Webサイトをより便利に,より使いやすくすることができます。 Ajaxという言葉がはやってから,もう2年以上がたつんですよね。何年か前,JavaScriptはじゃまで,セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して,「JavaScriptをがんがん使ってもいい」という空気になったことで,Webサイトを作成す
Firefoxの速度に残念な思いをしながらも、それでも離れられないのはFirebugがあるからだ。普段のブラウジングはともかくとして、Web開発でこれがなかったらどれだけの手間がかかるか分からない。 Firefox上での開発はそれで良いだろう。だが、ブラウザはFirefoxだけでなく、むしろ少数派だ。大多数向けのIEに問題なく対応させるためにも、IE向けの効率的なデバッガが必要だ。そしてお勧めできるのが登場だ。 今回紹介するフリーウェアはDebugBar、IE向けの開発支援ツールだ。 DebugBarをインストールすると、ツールバーに表示される。そして詳細な設定や情報はサイドバーに表示される。DOM操作を使えば、表示している画像、フォームの項目、リンクがどの項目の情報なのかが一目で分かる。 スクリプトを実行することももちろん可能だ。関数の一覧もとれるのが便利だ。また、HTML文法のチェック
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
2007年11月26日23:45 カテゴリLightweight Languages javascript - お伺い - Object.prototype.clone() JavaScriptでオブジェクトのディープコピーをどうやってやるのか、これといったものがないようなので作ってCodeReposにおいておきました。 /lang/javascript/clone/trunk/clone.js - CodeRepos::Share - Trac なぜこういうのが必要かというと、 var a = [0,1,2,3]; alert(a); // 0,1,2,3 var a2 = a; a2[4] = 4; // a2を変えると... alert(a2); // 0,1,2,3,4 -- aも変わってしまう! からです。参照でオブジェクトを実装しているものにはJavaScriptでなくてもこう
Ext JSとprototype.jsで作るリッチなUI:パターンとライブラリで作るAjaxおいしいレシピ(3)(1/4 ページ) 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ(フレームワーク)です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム(拡大表示はこちら、※注意1:FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
Yahoo!, Julien Lecomte氏は13日(米国時間)、自身のブログにおいてJavaScriptを圧縮するためのアプリケーション「YUI Compressor(The Yahoo! JavaScript Compressor)」を発表した。YUI CompressorはJavaで開発されたJavaScriptソースコードの圧縮アプリケーション。 Yahoo! Exceptional Performance Teamの調査によると、Yahoo!ユーザの40 - 60%がエンプティキャッシュの経験を持っているとしており、またすべてのページビューのうち20%程度がエンプティキャッシュのまま終了しているという。こうした調査結果から、Webページを可能な限り軽量に保持することが重要だと同氏は同ブログにおいて説明している。これを実現するひとつの方法としてJavaScriptを圧縮するという
みなさまお元気ですか 暑さも少し落ち着いてきて、ようやく外に出てもいいかなという気になってきました。季節の変わり目体調には気をつけていきたいですね。 実は、一ヶ月くらい前に Linux PC を自作して Mac から移行しました。そのときの考え、その後の感想を残しておきます。 また、学んだことや作業のログを細かく残しておきたいと思います。(どこかの誰かが不安に思ったときに同じ失敗や疑問を経験した人がいて安心してもらえたら嬉しい) Ubuntu のインストール画面 (ベストオープンソースと開発しよう!) 目次 Mac をやめるきっかけ、経緯 Ubuntu に移行して一ヶ月の感想 おまけ1: どのような PC になったか おまけ2: 事前に学んだこと おまけ3: PC の組み立て おまけ4: Ubuntu のセットアップ 加筆/修正 指摘のあった誤字を修正 NVEnc について誤った内容があっ
@nitoyon IE 6 エラーになる?やべー、手元に Windows がないー。ちょっと別のマシン起動してきます。 http://twitter.com/amachang/statuses/191685642 ってのがあったのでonerrorを使ったエラーの検出方法について書いてみたいと思います。 いきなりソースコード var err = function(a,b,c){ var img = new Image(); img.src = 'http://example.com/error.gif?a=' + escape(a) + '&b=' + escape(b) + '&c=' + escape(c); return true; } window.onerror = err; 用意するもの 上のスクリプトをできるだけページの上部に設置 アクセスログを閲覧できる場所に1x1のerro
Re:href="#" onclick の悪習[to-R]より たとえば <a href="#" onclick="ごにょごにょ">テキスト</a> みたいなのがあるとしたらそれは全部 <a id="test" href="xxx.html">テキスト</a> とidを割り当ててやってhrefにはJavaScriptOFFのユーザに対する適切なページへと遷移するようにさせる。 で、JavaScriptで YAHOO.example.clickText = function(e){ YAHOO.util.Event.stopEvent(e); alert('ここで何か処理'); }; YAHOO.util.Event.addListener("test", "click", YAHOO.example.clickText ); ってやってやればいいと思った。 href="javascript
アプリケーションを開発する上で、避けて通れないもの、それがテストです。とくにブラウザごとの非互換性が大きい Web アプリケーションでは、念入りなテストが必要です。でも、テストはあまり創造的な作業ではないし、やったからといってなにか機能が増えるわけでもない。できるだけ手間をかけずに済ませたいところですね。 そんなわけで、本日は JavaScript 用のテストフレームワークである JsUnit を利用したユニットテストの方法をご紹介しようと思います。 Ruby のユニットテストの記事でも書きましたが、ユニットテストによるテスト・ファースト開発は開発効率の面でも良い影響があります。まだ導入していない方は、ぜひこの機会に使ってみてください。 JsUnit について 今回利用する JsUnit は Java 用の JUnit を参考にして作られた JavaScript 用のユニットテストフレーム
JavaScriptでSHA-1を計算するライブラリを作りました. ○特長 webでよく見られるいくつかの同種のライブラリに比べて4~6倍ほど高速に計算します. ○ダウンロード(download) sha1.js ○仕様 ASCII文字列を渡すとそのSHA-1を計算して16進数文字列で返します. 文字列に漢字などが含まれている場合は二つ目の引数にCybozuLabs.SHA1.BY_UTF16を指定してください.UTF16として処理します. ○使い方1 var str = CybozuLabs.SHA1.calc("abc"); if (str == "a9993e364706816aba3e25717850c26c9cd0d89d") { ... } ○使い方2 var str = CybozuLabs.SHA1.calc("あ", CybozuLabs.SHA1.BY_UTF16);
JavaScriptでMD5を計算するライブラリを作りました. ○特長 webでよく見られるいくつかの同種のライブラリに比べて3~7倍ほど高速に計算します. ○ダウンロード(download) md5.js ○仕様 ASCII文字列を渡すとそのMD5を計算して16進数文字列で返します. 文字列に漢字などが含まれている場合は二つ目の引数にCybozuLabs.MD5.BY_UTF16を指定してください.UTF16として処理します. ○使い方1 var str = CybozuLabs.MD5.calc("abc"); if (str == "900150983cd24fb0d6963f7d28e17f72") { ... } ○使い方2 var str = CybozuLabs.MD5.calc("あ", CybozuLabs.MD5.BY_UTF16); ○ライセンス 修正BSDライセンス
(2007.7.20 記事更新) 誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。 でもこれ、相当すごいものだと思うんです。 例えば、このページ(hello worldをクリック)だけをとっても良い動きをしてくれるのが確認できると思います。 なので今回はJavaスプリクト+Ajaxなオープンソース『Ext』をご紹介しておきます。 概要 非常に簡単なコードで、高度な動作を要求することが出来る。 それがJavaScriptフレームワーク『Ext』です。 フレームワークについてはウィキ等で見てもらえればわかると思いますが、私の絵心のない簡略図でよければ、以下のようなイメージがフレームワークですね。 基本的に商用は有料。 個人利用や、企業内でも、閉鎖されたネットワークでの使用はOKだそうです。 ライセン
JavaScriptの利用可能範囲の拡大が止まらない。Webブラウザのみならず、ローカルでDBに接続したり、サーバサイドで動作するものもある。しかし、一点足りないものがあった。それがGUIだ。 一般ユーザがJavaScriptにさらに親しめるもの、それが必要だ。さらにOS間を越えて動作できればベストではないだろうか。 今回紹介するオープンソース・ソフトウェアはwxJavaScript、クロスプラットフォームに対応したJavaScript向けGUIツールキットだ。 wxJavaScriptはwxWidgetsのJavaScript版を目指して開発されている。ライブラリも多数あり、DB(MySQLやSQLite)接続はもちろん、ファイルの読み書き、そしてGUIアプリケーションを開発する事もできる。 wxJavaScriptはJavaScriptエンジンとして、SpiderMonkeyが利用され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く