MdNCORPORATION

JavaScriptコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために

JavaScriptコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために

JavaScriptコーディング ベストプラクティス
サンプルデータダウンロード


このたびは、「JavaScriptコーディング ベストプラクティス」をご購入いただきまして、誠にありがとうございます。


●以下に本書に掲載したJavaScriptなどのサンプルデータを用意しましたのでご利用ください。

samplecode.zip(1.1MB)


●また本書の中で筆者が用意したベンチマークや動作などの検証サイトへのリンクも用意しました。以下のリンクからご利用ください。

◆第4章 P.075「高速化のためのベンチマークコレクション」(高橋登史朗氏提供)
https://jsgt.org/mdn/2010/table.php?hoge=hogeratta

◆第4章 P.114「圧縮の有無による速度の比較」(小松健作氏提供、以下同)
https://komasshu.com/mdn/samples/deflate/test.html

・同 P.118「jQuery UIのライブラリを全て個別のファイルでダウンロードした場合のロード時間」
https://komasshu.com/mdnhayashi/samples/lotsofjss/index.html

・同 P.118「jQuery UIのライブラリをミニマイズされた1個のファイルでダウンロードした場合のロード時間」
https://komasshu.com/mdn/samples/lotsofjss.min/index.html

・同 P.122「CSSスプライトのサンプルサイト」
https://komasshu.com/mdn/samples/css_splite/test-s.html

・同 P.124「CSSスプライトのサンプルサイト」
https://komasshu.com/mdn/samples/css_splite/test.html

・同 P.127「Ajaxでのキャッシュ活用のサンプルページ」
https://komasshu.com/mdn/samples/xhrexpires/test.html

・同 P.128「PHPでキャッシュをオフにした場合のサンプルサイト」
https://komasshu.com/mdn/samples/xhrexpires/test_noexp.html

・同 P.128「jQueryでキャッシュをオフにした場合のサンプルサイト」
https://komasshu.com/samples/xhrexpires/test_nocache.html

・同 P.131「キャッシュマニフェストを用いない場合のHTMLサンプル」
https://komasshu.com/mdn/samples/css_splite_wo_ac/test.html

・同 P.131「キャッシュマニフェストを用いた場合のHTMLサンプル」
https://komasshu.com/mdn/samples/css_splite_with_ac/test.html

・同 P.134「Server-Sent Eventsのサンプルサイト」
https://komasshu.com/mdn/samples/serversentevent/test.html

・同 P.135「WebSocketを使ったWebアプリケーションの高速化のサンプルサイト
https://komasshu.com/mdn/samples/wsgesture/test.html

・同 P.139「WebSocketでダウンロードするサンプルコード」
https://komasshu.com/mdn/samples/wspipeline/test-ws.html

・同 P.139「HTTPを用いた場合のサンプルコード」
https://komasshu.com/mdn/samples/wspipeline/test-http.html

◆第7章 P.205「border-radius」(小松健作氏提供、以下同)
https://komasshu.com/mdn/css3/samples/0.icon_logo/border-radius.html

・同 P.207「四隅の径を個別に設定したborder-radius」
https://komasshu.com/mdn/css3/samples/0.icon_logo/border-radius2.html

・同 P.209「CSS3 box-shadow」
https://komasshu.com/mdn/css3/samples/0.icon_logo/box-shadow.html

・同 P.210「CSS3 text-shadow」
https://komasshu.com/mdn/css3/samples/0.icon_logo/text-shadow.html

・同 P.214「CSS3のアニメーション機能を利用したサンプルサイト」
https://komasshu.com/mdn/css3/samples/1.animation/anim_webkit.html

・同 P.215~223「transform/opacity/transition/CSS3 animation/CSS3 3Dの各サンプル」
https://komasshu.com/mdn/css3/samples/1.animation/sample.html

上記以外の本書に掲載されているWebサイトの閲覧については、大変お手数ですが、本書記載のURLをご自身で入力のうえご利用ください。



【ダウンロード・サイト閲覧にあたってのご注意】

ダウンロードファイルは、ZIP形式で圧縮されています。Windows、Macそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。

ダウンロードファイルを解凍すると、サンプルデータ(テキストデータ)がCHAPTERごとにノンブル(ページ数)の名前で収録されています(1ページに複数掲載の場合は、上から順に並んでいます)。Windows、Macそれぞれのテキストエディタを使ってご利用ください。

サンプルデータには「readme.txt」が同梱されていますので、ご使用の前に必ずお読みください。

※当サイトからダウンロードできるサンプルデータおよびリンクされたWebサイトを実行した結果につきましては、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

※弊社WebサイトからダウンロードできるサンプルデータおよびリンクされたWebサイトは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。ただし「jQuery」等の一般に公開されているJavaScriptライブラリについては、各ライブラリのライセンス条件に従います。

※弊社WebサイトからダウンロードできるサンプルデータおよびリンクされたWebサイトの著作権は、それぞれの制作者に帰属します。

※本書に掲載されているHTML、CSS、JavaScript等のコメントや改行位置等は、紙面掲載用として加工しているため、ダウンロードしたサンプルデータとは異なる場合があります。

※サンプルのなかには、Webサーバの機能を利用するなどの理由から、ローカル環境上では正常に動作しないものがあります。このようなサンプルの場合は、Webサーバ上に設置したうえで機能をお試しください。

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊