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

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

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

本のキャプチャ

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

書籍の表紙

いちばんやさしいJavaScriptの教本
[Amazonでみる]
[楽天でみる]

著:
岩田 宇史
出版社:
インプレスジャパン
発売日:
2017/3/27

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の基礎知識がしっかりと身につくと思います。

書籍の表紙

いちばんやさしいJavaScriptの教本
[Amazonでみる]
[楽天でみる]

著:
岩田 宇史
出版社:
インプレスジャパン
発売日:
2017/3/27

献本の御礼

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

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

sponsors

top of page

©2024 coliss