JavaScriptを学ぶための教材の基本情報・価格・レビュー。
PR・広告を含みます対象講座なら受講料の最大80%(給付区分・上限・要件あり)が後日戻り、実質負担を抑えられます。独学の本+スクールの併用も。
▶ あなたの講座でいくら戻るか試算(無料・30秒)
はじめての方へ:教育訓練給付のしくみと損しない選び方 / 申請手順5ステップ
学んだ後に「作って公開する」ための環境例です。サーバー・ツールは教育訓練給付/補助の対象外です。
※給付率・実質額は区分(一般20%/特定一般40%/専門実践 最大80%)と要件で変わり、即時値引きでなく後日支給です。最終可否はハローワーク・厚労省でご確認ください。掲載はPR(送客手数料を受領)。
JavaScript開発必須の知識・現場のテクニックを凝縮!
本書は、実践で即役立つテクニックと開発ノウハウ、つまづきやすい・ハマりやすいポイントを徹底解説した「JavaScriptを利用するWebプログラマ必携の逆引き集」です。
JavaScript(ECMAScript)の基本構文や新記法といった基礎的な知識から、オブジェクト指向、組み込みオブジェクト、関数、オブジェクト指向構文、DOM、ブラウザオブジェクトなどの定石・応用テクニック、開発に役立つツール類まで、著者の経験に基づいた実践の場で必ず役立つノウハウ、レシピを提供します。
JavaScriptをいまいち使いこなせていないと感じる方や中級レベルに向けてしっかり足場固めをしたい方、JavaScriptをもっと活用したい方などにおすすめの一冊です。
第1章 基本構文 1.1 <script>要素 1.2 基本構文 1.3 型変換/型判定 COLUMN:ECMAScriptとは?
第2章 演算子/制御構文 2.1 演算子 2.2 制御構文 2.3 例外処理 COLUMN:ECMAScript仕様確定までの流れ
第3章 組み込みオブジェクト[基本編] 3.1 数学 3.2 文字列 3.3 正規表現 COLUMN:ECMAScriptの歴史 3.4 日付 3.5 Promise 3.6 その他
第4章 組み込みオブジェクト[Array/Set/Map編] 4.1 配列 4.2 マップ 4.3 セット
第5章 関数 5.1 関数の基本 5.2 スコープ 5.3 ES2015より前の関数構文
第6章 オブジェクト指向構文 6.1 オブジェクト指向構文 6.2 ES2015より前のオブジェクト指向構文 COLUMN:ブラウザー搭載の開発者ツール(1)--基本機能 6.3 オブジェクトの操作 COLUMN:ブラウザー搭載の開発者ツール(2)--文書ツリー/スタイルシートの確認 COLUMN:ブラウザー搭載の開発者ツール(3)--JavaScriptのデバッグ
第7章 DOM[基本編] 7.1 要素の取得 7.2 属性/テキストの操作 7.3 フォームの操作 COLUMN:ブラウザー搭載の開発者ツール(4)--さまざまなブレイクポイント 7.4 フォーム検証 7.5 文書ツリーの操作
第8章 DOM[スタイル/イベント編] 8.1 スタイルの操作 8.2 イベント処理 COLUMN:ブラウザー搭載の開発者ツール(5)--コードの整形
第9章 ブラウザーオブジェクト[基本編] 9.1 ウィンドウ COLUMN:JavaScriptをより深く学ぶための参考書籍 9.2 コンソール 9.3 ロケーション/履歴/ブラウザー情報 9.4 位置情報 9.5 Web Storage&クッキー 9.6 音声/動画の再生 9.7 Canvas
第10章 ブラウザーオブジェクト[通信編] 10.1 Fetch 10.2 XMLHttpRequest 10.3 JavaScript間の通信 COLUMN:ブラウザー搭載の開発者ツール(6)-- 通信のトレース
第11章 開発に役立つツール類 11.1 Node.js 11.2 Babel 11.3 webpack 11.4 ESLint 11.5 JsDoc
判型:単行本
JavaScriptはWebページの表示を操作したり、ユーザーの操作に反応して画面を変えたりするための代表的な言語です。ブラウザ上だけでなくサーバー側でも使えるため、同じ言語で体験から仕組みまで一貫して学べます。
こんな人向け:HTMLとCSSの基本が読める人向けです。コードを少しずつ実行し、結果を確認しながら進める姿勢があると定着しやすくなります。
このトピックは、文法の土台を作ってから、画面制御やデータの流れを段階的に広げるのが自然な順序です。最初から高度なライブラリへ飛ぶより、基礎と実装の橋をつくる順番が独習でも分かりやすさを高めます。
独学では、説明を読むだけでなく“自分で再現できるか”で判断するのが重要です。具体例があり、読み終わったあとに同種の課題を再作成させる構成の教材は選びやすいです。難所は1つずつ短く整理し、自分の言葉で解説できるまでページを往復すると定着しやすくなります。
独学で継続が不安な人や、期限を意識して進めたい人には、計画化と進捗確認が組み込まれた体系学習が有効です。テーマを細かく分けて、実装課題で検証しながら進められる環境を使うと、脱落しにくくなります。 ▶ 給付でいくら戻るか試算
Q. 最初に覚えるべき中心テーマは何ですか。
最初は言語の土台です。変数、条件分岐、関数、オブジェクトといった考え方を、毎回実行結果とセットで確認すると理解の地盤が固まります。
Q. 書籍は何冊同時に読むのが良いですか。
最初は1冊を主軸にするのが安全です。教材が違うと用語や進め方がぶれやすいので、短期的な理解は遅れやすくなります。必要なら後から補助資料として追加すると効率が良いです。
Q. フレームワーク学習は早く始めた方がよいですか。
基礎の読み書きができる状態のあとで始めるのが無理がありません。基礎を通さずに進むと挙動の根拠が見えにくく、応用で迷いやすくなります。まずは小さな実装を自力で追えることを目安にすると迷いにくいです。
次の一冊:次は、JavaScriptの標準機能を深めるカテゴリとしてブラウザAPIやHTTP通信、非同期設計をまとめている書籍へ進むと自然です。並行して開発手順やチーム作業の基礎(版管理、デバッグ、簡易テスト)を扱う内容を読めば、学びが実作業へ繋がりやすくなります。