ベストセラーが“新しいJavaScript”に対応して大改訂!

多くのJavaScript初心者、プログラミング初学者に親しまれた『確かな力が身につくJavaScript「超」入門』。2015年に登場したEcmaScript 2015とそれ以降の公式仕様に対応して大幅な改訂を果たしました。

第1版で定評のあった「わかりやすさ」にさらなる磨きをかけながら、数ある新機能のうち、これから学ぶ人に役立つ部分を厳選して取り込みました。同時に、最新のWeb制作のトレンドに合わせてサンプルを全面的にアップデート。「より理解しやすく」「すぐに役立つ」「長く使える」の3つの基本コンセプトを高いレベルで実現しました。

はじめの一歩を踏み出したい人に、自信を持っておすすめします。

目次

Chapter1 イントロダクション

JavaScriptにはどんな特徴があるのか、どういうところで使われているのかを紹介します。

  • 1.1 これからJavaScriptを始める皆さんへ
  • 1.2 JavaScriptってどういうもの?
  • 1.3 JavaScriptの「プログラミング」と動作の仕組み
  • 1.4 各章の概要
  • 1.5 用意するツール
  • 1.6 サンプルデータのダウンロード
  • 1.7 テンプレートを準備して、いざ出発!

Chapter2 アウトプットの基本

JavaScriptプログラムの基礎的な文法と、基本のアウトプット(画面への出力)を試してみます。

  • 2.1 コンソールにアウトプット《開発ツールを使ってみよう》
  • 2.2 JavaScriptはどこに書く?《<script>タグとJavaScriptの記述場所》
  • 2.3 ダイアログボックスを表示する《window.alert()》
  • 2.4 HTMLを書き換える《要素を取得する・コンテンツを書き換える》

Chapter3 JavaScriptの文法と基本的な機能

条件分岐のif文、繰り返しのfor文、while文など、JavaScriptの「文法」をマスターしましょう。

  • 3.1 確認ダイアログボックスを表示する《条件分岐(if)》
  • 3.2 入力内容に応じて動作を変更する《変数》
  • 3.3 動作のバリエーションを増やす《条件分岐(else if)》
  • 3.4 数当てゲーム《比較演算子、データ型》
  • 3.5 時間で異なるメッセージを表示する《論理演算子》
  • 3.6 1枚、2枚、3枚…と出力する《回数が決まっている基本の繰り返し》
  • 3.7 コンソールでモンスターを倒せ!《回数が決まっていない繰り返し》
  • 3.8 税込価格を計算する《ファンクション》
  • 3.9 FizzBuzz《算術演算子》
  • 3.10 項目をリスト表示する《配列》
  • 3.11 アイテムの価格と在庫を表示する《オブジェクト》

Chapter4 インプットとデータの加工

フォームへの入力内容、日付、配列などのデータを取得して加工し、それをHTMLへ出力するトレーニングをします。

  • 4.1 フォームの入力内容を取得する《入力内容の取得とイベント》
  • 4.2 わかりやすく日時を表示する《Dateオブジェクト》
  • 4.3 小数点第◯位で切り捨てる《Mathオブジェクト》

Chapter5 一歩進んだテクニック

Chapter2〜Chapter4のテクニックを発展させて、より実践に近いプログラムを書いてみます。

  • 5.1 カウントダウンタイマー《時間の計算とタイマー》
  • 5.2 プルダウンメニューで指定ページへ《URLの操作、ブール属性の設定》
  • 5.3 プライバシーポリシー 承認パネルを作る《クッキー(Cookie)》
  • 5.4 イメージの切り替え《サムネイルのクリックによる画像の切り替え》
  • 5.5 スライドショー《ここまでの知識を総動員》

Chapter6 jQuery入門

jQueryを使ってみましょう。DOM操作(UIの作成)や基礎的なAjaxと呼ばれる、外部データの取得テクニックも試してみます。

  • 6.1 開閉するナビゲーションメニュー《要素の取得とclass属性の追加・削除》
  • 6.2 ドロワーを作ってみよう《CSSと組み合わせてアニメーションを実現》
  • 6.3 空き席状況をチェック《AjaxとJSON》

Chapter7 外部データを活用したアプリケーションに挑戦!

外部データを活用したWebアプリ ケーションの作成に挑戦します。RSSフィードを取得して最新記事一覧を表示したり、Instagramが提供する機能を使用してギャラリーを作成したりします。

  • 7.1 あなたはいまどこ?《位置情報(navigator.geolocation)》
  • 7.2 Web APIを使ってみよう《OpenWeatherMap APIで天気予報》