演習で学ぶ Web サイト・ Web アプリケーション制作入門(エンシュウデマナブウェブサイトウェブアプリケーションセイサクニュウモン)
- 著者:
- 楠神 沙緒里/山内 雪路(クスガミ サオリ/ヤマウチ ユキジ)
- 出版社:
- 共立出版
- 出版日:
- 2014年04月07日頃
- ISBN:
- 9784320123618
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
インターネットが普及し,必要とする情報の多くが 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 によるページ間連携
索引
技書の森解説
HTML や CSS を「知識として知っている」ことと「手を動かして作れる」ことの間には、想像以上の溝があります。本書はその溝を演習で埋めることに特化した、大学の授業テキストとしても使われる実践型の入門書です。静的な Web ページの構築から始まり、 JavaScript によるインタラクション、サーバーサイドとの連携まで、制作工程を一通り体験できる構成になっています。
特徴的なのは、各章の内容が段階的な演習課題とセットになっている点です。講義を聞いて終わりではなく、自分の手で HTML を書き、 CSS でレイアウトを組み、動くものを完成させるプロセスを繰り返すことで、 Web 技術の全体像が体に入ります。プログラミング未経験でも取り組める難易度設計なので、情報系学部の 1 〜 2 年次や、独学で Web 制作の第一歩を踏み出したい方に向いています。
一方で、実務レベルのフレームワーク活用や大規模アプリケーション開発には踏み込みません。あくまで「 Web がどう動いているかを手で確かめる」ための入り口と位置づけ、ここで土台を固めてからフレームワーク系の学習に進むのが自然な流れです。
言及 Qiita 記事 (1 件)
関連記事
技術書を読む前に知っておきたい前提知識の調べ方
技術書を開いて「何が書いてあるかわからない」と感じたとき、足りない前提知識を効率的に補う方法を解説します。挫折を防ぐ事前準備のコツ。
技術書の挫折ポイント別攻略法 - 数式・抽象概念・分厚さを乗り越える
技術書で挫折する原因を「数式」「抽象概念」「分量」「前提知識不足」の 4 タイプに分類し、それぞれの具体的な攻略法を解説します。
技術書を Kindle で読むコツ - 電子書籍ならではの活用術
技術書を Kindle で効率的に読むための具体的なテクニックを紹介します。ハイライト、検索、フォントサイズの調整など、紙にはない電子書籍の強みを活かす方法。