挫折知らずの入門書！3時間読むだけでJavaScriptの基礎がしっかり身につく -いちばんやさしいJavaScriptの教本

JavaScriptは、HTMLやCSSに比べて敷居が高いと感じる人もいるかもしれませんが、本書ではその心配はありません。JavaScriptの知識がゼロでも、専門用語の一つ一つを理解しながら学びたい人にぴったりの入門書を紹介します。

何度か挫折してしまった人には、特にオススメです。
いちばんやさしいのに、一番しっかりJavaScriptのことが学べます。

本書はWeb制作者に好評の「いちばんやさしいシリーズ」で、JavaScriptがリリースされるのを待っていた人も多いと思います。
JavaScriptをはじめ、jQueryやAjax通信やWeb APIについてかなり分かりやすく解説されており、手を動かしながら学べるので、なぜそうなるのかが理解できます。

Kindle版は値段が少し安く、お得です。

• いちばんやさしいJavaScriptの教本（Kindle版）

紙面のキャプチャで、中身を少しだけご紹介。

JavaScriptは、HTMLやCSSに比べて敷居が高いと感じる人もいるかもしれませんが、本書ではその心配はありません。使い慣れない用語も一つずつ順を追って、やさしく解説されているので、すんなりと学ぶことができます。

本書は全271ページ。
一気に読めば、2, 3時間で読破できると思いますが、章ごとに毎日2, 30分読み進めてもよいでしょう。

解説は非常に分かりやすく、図やイラストもあり、アンダーラインも引かれてあるので、重要なポイントを見逃すことはありません。

入門書といっても薄い内容ではなく、長く使える基礎力がしっかり身につきます。コード全般で言えますが、「読みやすい」は大切なキーワードです。

基礎知識からどのように応用していくのか、その手順もしっかり学べます。

実践的なスクリプトも詳しく解説されています。

HTMLの要素を変更したり、クリックやホバー、スクロール、キーボード入力をきっかけにスクリプトを実行したりなど、最近のWebサイトでは欠かせません。

JavaScriptを使ったインタラクティブなコンテンツは、ここまで学んだ知識だけで実装できます。

JavaScriptには無料で利用できるライブラリがたくさんあります。その中の一つ「jQuery」は、Webページでよく利用されるさまざまな機能が簡単に実装できます。

Web APIはGoogleやFacebookなど、外部サービスと連携したアプリを制作できます。

最後に今後の進め方もあるので、自分の目的に応じて、学ぶべき技術を確認できます。

いちばんやさしいJavaScriptの教本の目次

1. プログラムを作成する準備をしよう

   プログラムとは何かを知りましょう

   JavaScriptの特徴を知りましょう

   ブラウザをインストールしましょう

   テキストエディタ「Brackets」をインストールしましょう

   ファイルの拡張子を表示しましょう

   HTMLとCSSの基礎を理解しましょう

   サンプルコードのテンプレートを準備しましょう

2. プログラムを作りながら基礎を学ぼう

   プログラムを書く場所を知っておきましょう

   たった一行のプログラムを書いてみましょう

   プログラムの基本的なルールを学びましょう

   命令とデータについて学びましょう

   文字列の扱い方について学びましょう

   数値の扱い方を学びましょう

   ダイアログボックスの使い方を学びましょう

   変数について学びましょう

   BMI計算プログラムを作成しましょう

   読みやすいコードを書きましょう

3. 条件分岐について学ぼう

   条件分岐とは何かを知りましょう

   if文で条件分岐を書きましょう

   さまざまな条件式を書きましょう

   if文の応用的な書き方を学びましょう

   複数の条件を組み合わた条件式の書き方を学びましょう

   switch文について学びましょう

   ジャンケンゲームを作りましょう

4. 関数の基本を学ぼう

   関数のメリットを知りましょう

   関数の書き方を呼び出し方を学びましょう

   関数と変数の有効範囲の関係を知りましょう

   ジャンケンゲームを関数を使って書き直しましょう

5. 繰り返し処理について学ぼう

   繰り返し処理とは何かを知りましょう

   条件に応じた繰り返しを書いてみましょう

   回数の決まった繰り返しを書きましょう

   ジャンケンゲームで連勝回数を表示しましょう

6. HTML/CSSを操作する方法を学ぼう

   オブジェクトとは何かを知りましょう

   Webページとオブジェクトの関係について知りましょう

   HTMLの要素の内容を変更してみましょう

   要素を自在に取得できるようになりましょう

   要素のスタイルを変更してみましょう

   要素を追加してみましょう

   要素を削除してみましょう

7. ユーザーの操作に対応させよう

   イベントをは何かを知りましょう

   クリックイベントでお問い合わせフォームを表示しましょう

   フォームに残り文字数のカウント機能を付けましょう

   フォームを時間制限付きの回答フォームに改造しましょう

8. データをまとめて扱おう

   データをまとめて扱いやすくしましょう

   配列でデータをまとめましょう

   オブジェクトでデータをまとめましょう

9. フォトギャラリーを作成しよう

   フォトギャラリーの設計を確認しましょう

   アルバムデータからHTMLを作りましょう

   CSSで見た目を装飾しましょう

   表示する写真画像を選択できるようにしましょう

10. 便利なjQueryを使用してみよう

    jQueryとは何かを知りましょう

    jQueryを利用する準備をしましょう

    jQueryの基本的な書き方を学びましょう

    セレクタの書き方を学びましょう

    イベントの書き方を学びましょう

    ドロップダウンメニューを作成しましょう

    Topに戻るボタンを作成しましょう

    jQueryプラグインを使ってスライドショーを作成しましょう

11. Web APIの基本を学ぼう

    Web APIとは何かを知りましょう

    Web APIのしくみを知りましょう

    Ajaxについて理解しましょう

    JSONについて理解しましょう

    Web APIで郵便番号から住所を取得してみましょう

12. YouTubeの動画ギャラリーを作ろう

    ゴールを確認しましょう

    YouTube Data API(v3)を利用する準備をしましょう

    YouTube Data API(v3)の使い方を確認しましょう

    ビデオギャラリーを作成しましょう

    スタイルを覚えてWebサイトを完成させましょう

13. 独学する技術を身につけよう

    今後の学習方法を確認しましょう

    Mozilla Developer Networkを活用しましょう

集中して読めば、2,3時間で読了すると思います。まとまった時間が取れない方は、一日2,30分読み進めるだけで、1週間くらいでJavaScriptの基礎知識がしっかりと身につくと思います。

献本の御礼

最後に、献本いただいたインプレスジャパンの担当者さまに御礼申し上げます。

当サイトでは随時、献本を受け付けています。
お問い合わせは下記よりお願いいたします。

• お問い合わせ｜コリス