GithubHelp home page GithubHelp logo

kurotanshi / js-code-recipe Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ics-creative/js-code-recipe

0.0 1.0 0.0 68.28 MB

『JavaScript コードレシピ集(技術評論社)』のサンプルファイルと補足です。

Home Page: https://gihyo.jp/book/2019/978-4-297-10368-2

js-code-recipe's Introduction

Release Version

「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」を使うと、手軽に構築できます。

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

次のサンプルはスマートフォン用のものです。スマートフォンで確認しやすいよう、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」で毎週ウェブ制作の記事を公開しています。こちらもあわせてチェックすると、よりウェブ制作の知識が高まるでしょう。

免責事項

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

著作権

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

js-code-recipe's People

Contributors

ics-ikeda avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.