「演習で学ぶWebサイト・Webアプリケーション制作入門」（共立出版）の評判・価格・レビュー
JavaScriptを学ぶための教材の基本情報・価格・レビュー。
PR・広告を含みます
JavaScriptをスクールで学ぶなら、教育訓練給付で最大80%OFF。
対象講座なら受講料の最大80%（給付区分・上限・要件あり）が後日戻り、実質負担を抑えられます。独学の本＋スクールの併用も。
▶ あなたの講座でいくら戻るか試算（無料・30秒）
無料相談で適用条件を確認できます
無料相談で適用条件を確認できます
無料相談で適用条件を確認できます
はじめての方へ：教育訓練給付のしくみと損しない選び方 ／ 申請手順5ステップ
学んだ後に「作って公開する」ための環境例です。サーバー・ツールは教育訓練給付／補助の対象外です。
※給付率・実質額は区分（一般20%／特定一般40%／専門実践 最大80%）と要件で変わり、即時値引きでなく後日支給です。最終可否はハローワーク・厚労省でご確認ください。掲載はPR（送客手数料を受領）。
この本について
インターネットが普及し，必要とする情報の多くがWorld Wide Web (WWW) を通して得られるようになりました。スマートフォンやタブレットデバイスの登場により，今後は情報を単に提示するだけのWebサイトではなく，さまざまなスクリーンサイズに適応し，動きや対話的要素をもつWebサイトが一層重要になってきます。 本書は，本格的なWebサイト制作の前段階として基礎を学ぶための教科書です。多様なスクリーンサイズで動作するWebサイトやWebアプリケーション制作に必要な技術を取り上げました。サイトマップやデザインカンプ作成などのワークフロー，Webサイトを構成するパーツ，HTML，HTML5，CSS，JavaScript，jQuery，Ajaxといった要素技術，さらには簡単なサーバー通信を実装するPHP やCookie などについて，基本的な部分のみを厳選し，コンパクトにまとめました。 豊富な例題から学ぶ演習形式で，実際に講義を受けているような感覚で自然と知識や技術が身に付くような構成となっています。各章に章末問題を設け，効率的に学習内容を復習できるようにしました。 Chapter 1 Web サイト・Web アプリケーション概論 1.1 WWW の構成要素と動作 1.2 Web ページの集合体としてのWeb サイト 1.3 動的なWeb ページ 1.4 Web アプリケーション 1.5 モバイルデバイスとアプリケーション配信
Chapter 2 Web サイト制作の基礎 2.1 Web サイトに必要なもの 2.2 Web ページのレイアウト 2.3 サイトマップ・ワイヤーフレーム・デザインカンプ 2.4 HTML/CSS/JavaScript
Chapter 3 GIMP による写真補整 3.1 画像の基本 3.2 GIMP の基本 3.3 傾き補正とトリミング 3.4 色調補正
Chapter 4 Web 用パーツの制作 4.1 Web 用のボタンとは 4.2 PowerPoint によるボタンの作成 4.3 状態ごとのボタン作成
Chapter 5 HTML の基礎 5.1 HTML の記述方法 5.2 HTML 要素 5.3 リンクと画像の埋め込み
Chapter 6 CSS の基礎 6.1 CSS とは 6.2 セレクタ 6.3 CSS によるレイアウト 6.4 CSS によるレイアウト設定 6.5 CSS3 の記述
Chapter 7 JavaScript の導入 7.1 JavaScript とは 7.2 マウスクリックに伴うイベント処理 7.3 機能の追加
Chapter 8 jQuery による機能の追加 8.1 jQuery とは 8.2 jQuery の実装 8.3 jQuery プラグインの利用
Chapter 9 Web サイト制作 9.1 Web サイト制作の前に 9.2 HTML ファイルの作成とコーディング 9.3 CSS ファイルの作成と適用 9.4 ページの複製と編集 9.5 jQuery による機能の追加
Chapter 10 JavaScript の基礎 10.1 JavaScript の文法 10.2 ドラッグ＆ドロップ
Chapter 11 HTML5 の基礎 11.1 従来のHTML との比較 11.2 アウトライン構造 11.3 HTML5 の要素
Chapter 12 サーバーとのデータ交換 12.1 HTTP プロトコル入門 12.2 フォームデータ送信とPHP によるサーバー処理 12.3 JavaScript を用いた動的データ受信 12.4 Cookie によるページ間連携
索引
判型：単行本
JavaScriptとは
JavaScriptはWebページの表示を操作したり、ユーザーの操作に反応して画面を変えたりするための代表的な言語です。ブラウザ上だけでなくサーバー側でも使えるため、同じ言語で体験から仕組みまで一貫して学べます。
こんな人向け：HTMLとCSSの基本が読める人向けです。コードを少しずつ実行し、結果を確認しながら進める姿勢があると定着しやすくなります。
独学ロードマップでの位置
このトピックは、文法の土台を作ってから、画面制御やデータの流れを段階的に広げるのが自然な順序です。最初から高度なライブラリへ飛ぶより、基礎と実装の橋をつくる順番が独習でも分かりやすさを高めます。
- 文法の核（変数・条件・繰り返し・関数）を理解するために、小さなサンプルを毎回動かして確かめる。
- ブラウザの要素を操作するDOMとイベントの考え方を、フォームやボタンで簡単な挙動を作って体験する。
- 非同期処理と通信の流れを学び、データ取得と画面更新のタイミングを言葉で説明できる状態にする。
- 例外や入力エラー、処理の順番を扱えるようにし、保守しやすい書き方に少しずつ寄せる。
- 実務に近い構成での分割・再利用・テストの発想を取り入れ、学んだ知識を長く使える形にまとめる。
独学で足りる？体系的に学ぶ選択肢
独学では、説明を読むだけでなく“自分で再現できるか”で判断するのが重要です。具体例があり、読み終わったあとに同種の課題を再作成させる構成の教材は選びやすいです。難所は1つずつ短く整理し、自分の言葉で解説できるまでページを往復すると定着しやすくなります。
独学で継続が不安な人や、期限を意識して進めたい人には、計画化と進捗確認が組み込まれた体系学習が有効です。テーマを細かく分けて、実装課題で検証しながら進められる環境を使うと、脱落しにくくなります。 ▶ 給付でいくら戻るか試算
よくある質問
Q. 最初に覚えるべき中心テーマは何ですか。
最初は言語の土台です。変数、条件分岐、関数、オブジェクトといった考え方を、毎回実行結果とセットで確認すると理解の地盤が固まります。
Q. 書籍は何冊同時に読むのが良いですか。
最初は1冊を主軸にするのが安全です。教材が違うと用語や進め方がぶれやすいので、短期的な理解は遅れやすくなります。必要なら後から補助資料として追加すると効率が良いです。
Q. フレームワーク学習は早く始めた方がよいですか。
基礎の読み書きができる状態のあとで始めるのが無理がありません。基礎を通さずに進むと挙動の根拠が見えにくく、応用で迷いやすくなります。まずは小さな実装を自力で追えることを目安にすると迷いにくいです。
次の一冊：次は、JavaScriptの標準機能を深めるカテゴリとしてブラウザAPIやHTTP通信、非同期設計をまとめている書籍へ進むと自然です。並行して開発手順やチーム作業の基礎（版管理、デバッグ、簡易テスト）を扱う内容を読めば、学びが実作業へ繋がりやすくなります。
