「JavaScriptコードレシピ集（技術評論社）」のサンプルファイルと補足

この度は「JavaScriptコードレシピ集」をご購入いただき、ありがとうございます。こちらではサポートページの一部としてサンプルコードの公開と補足をしています。

⭐ サンプルコードや説明は定期的に更新されています。学習の際は常に最新のものをご利用ください ⭐

ダウンロード

サンプルファイルを一括でダウンロードする場合は次のURLを参照してください。

https://github.com/ics-creative/js-code-recipe/archive/master.zip

フォルダー構成

サンプルファイルは各章・各項目のフォルダーにわけて収録しています。

js-code-recipe
 └ samples
     ├ c01
     │  ├ 002
     │  ├ 003
     │  ├ 004
   （中略）
     │  └ 016
     ├ c02
     │  ├ 002
     │  ├ 022
     （中略）
     └ c19
     （中略）

たとえば、2章031「文字列を取り出したい」のサンプルはsamples/c02/031フォルダーに格納されています。

ローカルで動作しないサンプル用のURL

次のサンプルはローカルで実行すると動作しません。確認可能なURLがありますのであわせて参照ください。

章フォルダー	項目番号	項目名	確認可能なURL
c11	200	音声を読み込みたい	サーバー上で確認する
c12	214	画像のRGBA値を調べたい	サーバー上で確認する
c12	215	キャンバスの画像を加工したい	サーバー上で確認する
c12	218	キャンバスで描いたグラフィックをダウンロードしたい	サーバー上で確認する
c14	233	`fetch()`メソッドでテキストを読み込みたい	サーバー上で確認する
c14	234	`fetch()`メソッドでJSONを読み込みたい	サーバー上で確認する
c14	235	`fetch()`メソッドでXMLを読み込みたい	サーバー上で確認する
c14	236	`fetch()`メソッドでバイナリを読み込みたい	サーバー上で確認する
c14	238	`XMLHttpRequest`でテキストを読み込みたい	サーバー上で確認する
c14	239	`XMLHttpRequest`でデータの読み込み状況を取得したい	サーバー上で確認する
c14	240	`XMLHttpRequest`で読み込み中の通信をキャンセルしたい	サーバー上で確認する
c14	241	バックグランドでスクリプトを実行させたい	サーバー上で確認する
c14	242	バックグランドでサービスワーカーを実行させたい	サーバー上で確認する
c14	243	プッシュ通知を実行させたい	サーバー上で確認する
c15	246	Cookieを使ってローカルデータを使いたい	サーバー上で確認する
c15	247	Cookieからデータ読み出したい	サーバー上で確認する
c19	269	処理ごとにファイルを分割したい(ESモジュール)	サーバー上で確認する

自身で変更したサンプルを確認するにはサーバーが必要です。Google Chromeの拡張機能「Web Server for Chrome」を使うと、手軽に構築できます。

参考：Web Server for Chromeの設定方法

スマートフォン用サンプルの確認方法

次のサンプルはスマートフォン用のものです。スマートフォンで確認しやすいよう、URLを準備しましたのであわせて参照ください。

章フォルダー	項目番号	項目名	確認可能なURL
c07	125	タッチ操作時に処理をしたい	サーバー上で確認する
c07	126	タッチ操作時のイベントの発生情報を取得したい	サーバー上で確認する

Internet Explorer 11の対応方法

本書のサンプルコードをInternet Explorer 11（以下、IE11）で動作させるための手順については、次のURLを参照してください。

https://github.com/ics-creative/js-code-recipe-ie11/

※ IE11向けに動作するためのビルド設定が入っています。通常のサンプルより複雑な構成なので、学習目的としては通常のサンプルをご使用ください。

本書に対する思い・こだわり

「『JavaScriptコードレシピ集』を執筆しました！ - ICS MEDIA」にて公開中ですのでぜひご覧ください。

著者

株式会社ICSの2人が書籍の執筆、サンプルの作成を行いました。

また、オウンドメデイア「ICS MEDIA」で毎週ウェブ制作の記事を公開しています。こちらもあわせてチェックすると、よりウェブ制作の知識が高まるでしょう。

免責事項

サンプルファイルについて、一般的な環境においてはとくに問題のないことを確認しておりますが、万一障害が発生しその結果いかなる障害が生じたとしても、小社および著者はなんら責任を負うものではありません。また生じた障害に対する一切の保証をいたしかねます。必ずご自身の判断と責任においてご利用ください。

著作権

サンプルファイルは著作権法上の保護を受けています。収録されているファイルの一部、あるいは全部について、いかなる方法においても無断で複写・複製・再配布することは禁じられています。

kurotanshi / js-code-recipe