ISBN: 978-4-7741-8995-6
たった1日で基本が身に付く！ JavaScript 超入門
WINGSプロジェクト 片渕彼富 著
| 著者 | WINGSプロジェクト 片渕彼富 |
|---|---|
| 監修 | 山田祥寛 |
| 出版社 | 技術評論社 |
| 価格 | 2,060円（税別） |
| 判形 | B5変版・4色 |
| ページ数 | 192ページ |
| 発売日 | 2017年6月15日 |
| シリーズ | たった1日で基本が身に付く！ |
| 対象レベル | 入門 |
Amazon
JavaScriptプログラミングの基本が1日で学べる入門書
Webサーバーを利用するための環境構築から始まり、文法、構文、変数／配列の扱い方などの基本を順序よく学べます。
また、オブジェクトの利用、HTMLの操作、イベント処理、Web APIの利用法など、JavaScriptプログラミングで必要な知識を一通り解説しています。
初心者／新人が最初に読む本としておすすめの1冊です。
更新履歴
- FAQ情報：2020年3月5日 更新
- 正誤訂正：2019年7月8日 更新
目次
- CHAPTER 1 環境設定
- SECTION 01 JavaScriptの概要を理解しよう
- SECTION 02 開発環境を準備しよう
- SECTION 03 Apacheをインストールしよう
- SECTION 04 Google Chromeをインストールしよう
- SECTION 05 作成した開発環境を確認してみよう
- CHAPTER 2 JavaScriptの基本的な文法
- SECTION 01 JavaScriptの基本的なルールを理解しよう
- SECTION 02 変数を使ってみよう
- SECTION 03 オブジェクトを使ってみよう
- CHAPTER 3 よく利用される変数や処理の扱い
- SECTION 01 変数を操作してみよう
- SECTION 02 処理の流れを制御してみよう
- SECTION 03 処理をまとめてみよう
- SECTION 04 プログラムを効率よく作成してみよう
- CHAPTER 4 HTMLを操作する
- SECTION 01 HTMLを操作する仕組みを理解しよう
- SECTION 02 要素を取得してみよう
- SECTION 03 HTMLを書き換えてみよう
- CHAPTER 5 イベントを扱う
- SECTION 01 イベントの仕組みを理解しよう
- SECTION 02 イベント発生時に処理を行ってみよう
- SECTION 03 イベントを利用して動的に画面を変更してみよう
- CHAPTER 6 Web APIを利用する
- SECTION 01 APIの仕組みを理解しよう
- SECTION 02 JavaScriptからWeb APIを呼び出してみよう
- SECTION 03 画像検索アプリを作成してみよう
- CHAPTER 7 日記アプリを作成する
- SECTION 01 日記アプリを作成してみよう
- SECTION 02 データを保存してみよう
- SECTION 03 日付の扱いをマスターしよう
- SECTION 04 カレンダーを作ってみよう
- SECTION 05 カレンダーに日記機能をつけてみよう
- CHAPTER 8 さらに開発を進めるために
- SECTION 01 JavaScriptのプログラムを1人で練習してみよう
- SECTION 02 jQueryを利用してみよう
- SECTION 03 jQueryのプラグインを利用してさまざまな機能を実装しよう
正誤表
| 該当頁 | 該当箇所 | 修正刷 |
|---|---|---|
| 訂正箇所 | 訂正事項 | 更新日 |
| p.40 | オブジェクト型の変数の宣言 | - |
| 書式 var 変数名 = {キー1:値1, キー2:値2,,,キーn:値n]} | 書式 var 変数名 = {キー1:値1, キー2:値2,,,キーn:値n} | 2017/06/23 |
| p.48 | リスト2-6 date.htmlの出力結果 | 2刷 |
| 今日は2017年3月13日(月)です | 2017/3/13 9:49:24 | 2017/06/23 |
| p.63 | パラメータ 条件式の説明 | - |
| 戻り値がtrueになる前の条件を指定 | 戻り値がfalseになる前の条件を指定 | 2019/07/08 |
| p.63 | 表3-3 条件式の解説 | - |
| 戻り値がtrueになるまで繰り返しを続ける条件を設定 | 戻り値がfalseになるまで繰り返しを続ける条件を設定 | 2019/07/08 |
| p.84 | リスト4-1 elem_text.html | 2刷 |
| <p id="sample">要素を取得<p> | <p id="sample">要素を取得</p> | 2018/05/11 |
| p.94 | リスト4-8 elem_text_change.html | 2刷 |
| <p id="sample">要素を取得<p> | <p id="sample">要素を取得</p> | 2018/05/11 |
| p.159 | リスト7-15 calendar_diary.html（2） | 2刷 |
| button.setAttribute("data-diary", dateStr); | button.setAttribute("data-date", dateStr); | 2018/06/18 |
| p.160 | 本文1行目 | 2刷 |
| getElementByIdメソッドで取得し、data-diary属性として | getElementByIdメソッドで取得し、data-date属性として、 | 2018/06/18 |
| p.163 | リスト7-19 calendar_diary.html 45行目 | 2刷 |
| window.onload = function(){ | window.addEventListener("DOMContentLoaded", function(){ | 2018/01/16 |
| p.165 | リスト7-19 calendar_diary.html 37行目 （</script>の前の行） | 2刷 |
| } | }); | 2018/01/16 |
| p.165 | リスト7-19 calendar_diary.html 18行目 | 2刷 |
| htmlStr += "<a onclick=\\'presetDiary(\\\\"" + dateStr + "\\\\");’>" + | htmlStr += "<a onclick=\\'presetDiary(\\\\"" + dateStr + "\\\\");\\'>" + （最後のシングルクォートを半角にしてください） |
2018/01/16 |
FAQ
ファイルの文字コードがUTF-8になっているか確認してください。
更新日: 2020.03.05
ダウンロード
お問い合わせ
書籍に関するご質問や誤りのご報告、ご意見・ご感想などをお寄せください。
お問い合わせの前にFAQ・正誤表をご確認ください。すでに掲載済みの内容については個別回答が難しい場合があります。