This file is part of the first edition of Eloquent JavaScript. Consider reading the third edition instead.
Contents -- Eloquent JavaScript
This file is part of the first edition of Eloquent JavaScript. Consider reading the third edition instead.
JavaScriptライブラリのパフォーマンス、最速はコレだ! | エンタープライズ | マイコミジャーナル
The PBwiki engineering teamのメンバーがWebブラウザとJavaScriptライブラリのパフォーマンスを調査するために興味深いパフォーマンステストサイトを公開している。Javascript Library Performance Test Roundupにアクセスして"Run (West Coast)"かまたは"Run (East Coast)"をクリックしてみてほしい。使っているWebブラウザにおいてDojo 1.0.1、jQuery 1.2.1、Prototype 1.6.0、YUI 2.4.0、Protoculous 1.0.2の読み込み時間がどうなるかを調査してくれる。 しかも読み込み方法は通常のJavaScriptソースコード、キャッシュされたものとそうでないもの、Gzipで圧縮されたものとそうでないもの、YUI Compressorで最小化されたものと
第30回 JavaScriptの動作を軽くするための工夫：ITpro
今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは，JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている，と感じることがあるからです。 現在のWebサイトでは，JavaScriptを使って使い勝手を向上することは，ごく当たり前に行われています。例えば，動的にページを書き換えたり，ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと，JavaScriptを使うことで，Webサイトをより便利に，より使いやすくすることができます。 Ajaxという言葉がはやってから，もう2年以上がたつんですよね。何年か前，JavaScriptはじゃまで，セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して，「JavaScriptをがんがん使ってもいい」という空気になったことで，Webサイトを作成す
John Resig本の目次案公開 - JavaScriptデベロッパは要チェック | エンタープライズ | マイコミジャーナル
Mozilla Foundation, JavaScript Evangelist, John Resig氏は9日(米国時間)、2007年末に同氏が執筆を開始した次期JavaScript本の目次案を公開した。同氏はjQueryの開発者でもあり、前著"Pro JavaScript Techniques"はすでに多くの増刷を重ねた人気本として成功を納めている。 同目次案は4つの大きな章で構成されている。まずJavaScript言語そのものについて説明してから、複数のWebブラウザで問題なく動作するコードを記述するテクニックや指針の紹介、実際にJavaScriptを使う際のベストプラクティスの紹介、最近のJavaScript開発者向けの章が設けられるようだ。JavaScriptの説明では実際にどうやって動作するか、どういったコードを書くべきかなどが説明されるという。 JavaScript Lan
YUI 2.4.0登場 - CSSクエリエンジンSelector Utility導入 | ネット | マイコミジャーナル
Yahoo!は2007年11月上旬(米国時間)、The Yahoo User Interface Libraryの最新版となる「The Yahoo User Interface Library 2.4.0」を公開した。YUIはJavaScriptで開発されたWebページやWebアプリケーション向けのユーザインタフェース/デザインパターンライブラリ。実際にYahoo!で採用されているJavaScriptライブラリをまとめたものでThe BSD Licenseのもとで配布されている。 YUI 2.4.0では新しいコンポーネントとして「Selector Utility」「Charts Control」「Get Utility」「Profiler」「JSON Utility」が追加されている。また注目に値する新機能に拡張されたボタンコンポーネント郡、YUI Calendar Controlに追加さ
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
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をオフにして利用されることをおすすめし
prototype.jsを読み解く：第1回 Prototypeライブラリ（1〜197行目）｜gihyo.jp
他のライブラリや、自分のコードと共存させるときは、これらの名前と衝突しないように気をつける必要があります。同じ名前を使ってしまうと、コードがロードされた順番によって挙動が変わる、というようなわかりにくい問題が発生してしまう場合が出てきます。 オブジェクト、クラスの使われ方 ライブラリ内では、上記の名前空間は大きく分けて以下のような使われ形をしています。 その下に別のオブジェクトを入れるための親名前空間として使う Class.create()を使って Prototypeライブラリ風のクラスとして定義する Object.extend()を使って他のクラス、オブジェクトから継承されることを前提とする関数を集める コードを簡潔に記述する為に短い名前の関数として使う 特に、Object.extend()を使って継承を実現している箇所が多く、最終的にどのオブジェクト・クラスにどのメソッドが定義されてい
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
日本語向けfonts.css登場？ 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
第1回 Microsoft AJAX Libraryで実践オブジェクト指向JavaScript ― ＠IT
本連載では、まだまだ日本語での資料が少ないMS AJAX Libについて、基本的な機能を解説するとともに、最終的にはMS AJAX Libを利用した自作のAjax対応コントロールを作成するまでを目的とするものだ。そして、連載第1回の今回は、MS AJAX Libを利用するうえで最も基本となる型システムにかかわる機能を紹介する。 なお、本連載を読み解くに当たっては、JavaScriptの基本的な構文を理解しておくのが好ましい。JavaScript（特にオブジェクト指向構文）の理解に不安がある方は、拙稿の、 連載：Ajax時代のJavaScriptプログラミング再入門（全4回） も併せて確認されることを強くお勧めする。 ［参考］ASP.NET 3.5でのASP.NET AJAX すでにさまざまなニュースでも取り上げられているように、2007年末にはいよいよ次期Visual Studio 200
第3回 ネット上のドキュメントをローカルにキャッシュして利用する
前回はローカルでデータベース・アプリを作成する基本を説明しましたので，今回はインターネット上のドキュメントをローカルにキャッシュする方法について見てみます。Webアプリケーションなのにオフラインで動作するGoogle Gearsを理解するうえでキモになる仕組みです。 Google Gearsではキャッシュすることをキャプチャ(Capture)といい，キャプチャする場所のことをストア(Store)と呼びます。前回まではデスクトップなどのローカルに作成したサンプルでも動きましたが，今回からはインターネット上(あるいはLAN内でHTTP経由で接続できる場所)にサンプルを設置する必要があります。Google GearsそのものはJavaScriptとHTMLでしかありません。PHPなどのサーバー・サイド環境を必要としませんので，プロバイダの無料ホームページ・エリアも利用できます。 キャッシュの仕組
第6回 イベントハンドラから脱却しよう
今回はイベントについて学んでいきましょう。JavaScriptによるアプリケーションを作成するうえでは，イベントは欠かすことができない要素です。 ここでは，旧来より使われてきたイベントハンドラのおさらいと，イベントハンドラの問題点を考察します。そして，イベントハンドラに置き換わるW3C DOMイベントモデルの基礎を学んでいきます。 イベントとは イベントとは，ブラウザ上で発生した出来事全般のことを表します。例えば，ブラウザに表示された画面上でマウスをクリックしたり，テキストボックスに文字を入力するといったように，閲覧者が何か操作したときにイベントが発生します。また，HTMLがブラウザに読み込まれたり，別のページに移動したという現象もイベントとして認識されます。 まずはじめに，旧来より使われてきたイベントハンドラについておさらいしましょう。 イベントハンドラ イベントをJavaScriptで
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての 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 -
7go.biz - このウェブサイトは販売用です！ - 翻訳 一括 エンジン 無料 マニュアル 姓名判断 ダイエット 診断 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Web開発者は要注目!! JSONでAjaxアプリ開発 - Protoscript登場 | エンタープライズ | マイコミジャーナル
Yahoo! Ajax Evangelist, Bill Scott氏は6日(米国時間)、Ajaxアプリケーションを開発するための新しいプロトタイプスクリプティング「Protoscript」を発表した。Protoscriptは既存のWebページに対して動作を追加することを目的としたスクリプト。かなりわかりやすい表記で動作を追加できるという特徴がある。 Protoscriptはいちからすべて開発されているのではなく、既存のプロダクトを組み合わせて機能が実現されている。まず、HTMLの要素を特定するためにjQueryが活用されているほか、動作やイベントへの対応にThe Yahoo User Interface LibraryやMooToolsが活用されている。 Webアプリケーションを開発するにあたって、UIを設計してから、そのUIに対して動作を付け足していく方法がある。直感的でわかりやすい方
第3回 変数の宣言とスコープ ― ＠IT
JavaScriptが、いま注目を浴びている。 長い冷遇の時代を経ながらも、Ajaxという技術の登場とも相まって、JavaScriptの価値はいままた確実に見直されつつある。その過去の凋落と近年の華々しい脚光は、「復権」と呼んでもよいかもしれない。 本連載は、JavaScript復権のいまこの時代に求められる、JavaScriptという言語への理解を再確認しようというものだ。その連載、第3回となる今回扱うテーマは、「変数」である。どのような言語においても同様であるが、コード上で値を入力し、処理した結果を格納し、また、ほかへと引き渡すすべての基本となるのが変数だ。プログラミング言語を理解するうえにおいて、変数の理解は欠かせない。そして、それはJavaScriptの世界においても同様だ。 本稿では、JavaScriptにおける変数のデータ型に始まり、そのスコープ（有効範囲）の概念、そして、初学
404 Blog Not Found:怠翻 - JavaScriptでありがちな9つのシマッタ
2007年08月17日01:15 カテゴリ翻訳/紹介Lightweight Languages 怠翻 - JavaScriptでありがちな9つのシマッタ 私自身結構シマッタしちゃうので。 Nine Javascript Gotchas 尻カンマ注意 以下のコードはFireFoxでは動きますが、Internet Explorer (以下IE)では問題になります。 var theObj = { city : "Boston", state : "MA", } 最後にカンマが入らないよう注意しましょう。 浮気なthisは何を見てるやら 以下のコードで、thisは何を指しているでしょうか。 <input type="button" value="Gotcha!" id="MyButton" > <script> var MyObject = function () { this.alertMess
Yahoo!製JavaScriptコンプレッサ"YUI Compressor"登場、高い圧縮率と安全性 | エンタープライズ | マイコミジャーナル
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を圧縮するという
【特集】ゼロからはじめるYahoo! Maps API (1) Yahoo! Maps APIを使ってみよう | パソコン | マイコミジャーナル
Yahoo! Maps APIを使ってみよう Webページ上に貼付けることができ、自由に移動したりズームできる地図としてはGoogle Mapsが有名です(*1)。Google Mapsは単純にページ上に地図を貼付けられるだけでなく、プログラム(JavaScript)からも制御することができます。このため、応用範囲が広く、他のサービスと組み合わせて使われる(*2)ことも多くあります。 Webページ上に貼付けられる地図サービスはGoogle Mapsしかないと思っている人も多いかもしれません。地図サービスはGoogle Maps以外にYahoo!(米国/日本)もYahoo! Mapsとして提供しています。Yahoo! MapsもGoogle Maps同様プログラム(JavaScript)から制御することができます。 ここで注意しないといけないのはYahoo! Mapsには2種類あるという点で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでDOMレンジを扱う：CodeZine