この度は「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 |
|---|---|---|---|
| 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」を使うと、手軽に構築できます。
次のサンプルはスマートフォン用のものです。スマートフォンで確認しやすいよう、URLを準備しましたのであわせて参照ください。
| 章フォルダー | 項目番号 | 項目名 | 確認可能なURL |
|---|---|---|---|
| c07 | 125 | タッチ操作時に処理をしたい | サーバー上で確認する |
| c07 | 126 | タッチ操作時のイベントの発生情報を取得したい | サーバー上で確認する |
本書のサンプルコードをInternet Explorer 11（以下、IE11）で動作させるための手順については、次のURLを参照してください。
https://github.com/ics-creative/js-code-recipe-ie11/
※ IE11向けに動作するためのビルド設定が入っています。通常のサンプルより複雑な構成なので、学習目的としては通常のサンプルをご使用ください。
「『JavaScriptコードレシピ集』を執筆しました！ - ICS MEDIA」にて公開中ですのでぜひご覧ください。
株式会社ICSの2人が書籍の執筆、サンプルの作成を行いました。
また、オウンドメデイア「ICS MEDIA」で毎週ウェブ制作の記事を公開しています。こちらもあわせてチェックすると、よりウェブ制作の知識が高まるでしょう。
サンプルファイルについて、一般的な環境においてはとくに問題のないことを確認しておりますが、万一障害が発生しその結果いかなる障害が生じたとしても、小社および著者はなんら責任を負うものではありません。また生じた障害に対する一切の保証をいたしかねます。必ずご自身の判断と責任においてご利用ください。
サンプルファイルは著作権法上の保護を受けています。収録されているファイルの一部、あるいは全部について、いかなる方法においても無断で複写・複製・再配布することは禁じられています。