インターネットが普及し,必要とする情報の多くが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 によるページ間連携
索引
本書は好評を博したセミナーのテキストをもとに大幅に手を加えたものです。
Webアプリ関連技術の進化は驚くほど速く、カバーすべき範囲も増える一方です。キャッチアップするのは容易ではありません。ブラウザ上で実行されるフロントエンドだけでなく、通信プロトコル、サーバサイドでの処理、データベースと関連技術の範囲は多岐にわたります。最近はクラウド上のサービスを活用するケースも増えています。どこからどう着手すればよいのかわからず、茫然としてしまう人も多いでしょう。
本書を執筆する上で以下のような点に留意しました。
・例や図を用いてわかりやすく説明すること。
・技術の歴史的な背景や、その流れに言及すること。
・手を動かしながら理解を深められること。
対象読者としては、プログラミングの勉強を始めた新社会人や学生の方を想定しています。サンプルはJavaScript とPython、HTML/CSSで記述しています。JavaScript やPython などの若干の知識・経験があると、より内容を深く理解できます。
本書は、Webサイトの企画から設計、デザイン・レイアウト、管理・運用などについて、それに関わる一般の担当者が基礎知識としてぜひとも知っておくべき項目を分類・整理し、1ページ1項目の形式で200のルール・定石として解説したものである。取り上げる項目の選択にあたっては、次の2つの目的に役立つ内容となることを念頭に置いた。まず、実際にWebサイトを構築・運用する人にとって、レイアウトやデザイン上の注意すべきポイントを理解しやすく、日々の仕事の参考になること。そして、外部の専門業者に委託して作成する人にとっては、専門業者の提案する企画・設計の善し悪しを判断したり、構築されたWebサイトの完成度をチェックしたり、運用体制を評価するなど、最低限押さえるべきポイントを知るために役に立つ内容となることである。その結果、掲載する項目は、Webサイト作成の基本ポイントにはじまり、Webページの視覚的なデザインの勘所、利用者を引き付けて何度も訪問してもらうための設計テクニック、そして各種運用基準やセキュリティといったWebサイトの維持管理の基本まで、非常に多岐にわたるものになった。
ネットワーク上で動作することを前提にしたシステム(Webアプリ)の開発は、もはや完全に一般化したが、技術分野が多岐にわたり全体像をつかみにくい。また、個別の要素技術についての解説は敷居が高い。本書は、基本的な知識を習得したい・仕組みについて理解したいという人に向けて、幅広く実用的な情報を提供する。
【本書の特長】
1.Web技術の全体像を俯瞰することができる
2.Webアプリケーションの仕組みがわかる
3.アーキテクチャを理解することができる
【主な対象読者】
・幅広いWeb技術をひととおり理解したいソフトウェア技術者および営業・企画職、管理職、学生など。
・IT業界の新入社員〜中堅
・ユーザ企業の情報システム部門の担当者
はじめに
第1章 Webを取り巻く技術とは
Web技術の背景
クラウドコンピューティング
UX
マーケティング
セキュリティ
セマンティクス
標準化
第2章 記述言語
HTML5
HTML構文
セマンティックと構造
WebアプリケーションAPI
第3章 視覚要素の表現
CSS
CSSの構文
セレクタ
メディアクエリ
@ルール
CSSの利用
ボックスモデル
値の単位
色の指定
位置決定スキーム
プロパティインデックス
第4章 処理言語
ECMAScript
式と演算子
リテラル
予約語
文
関数
第5章 Webサービスの設計思想
RESTとHTTP
RESTの概念
URI
HTTP/1.1
HTTP/2
第6章 データ交換と表現
メディアタイプ
JSON
第7章 Webセキュリティ
セキュリティの三大要素
脆弱性への対策
Webアプリケーションの脆弱性
暗号化
メッセージダイジェスト
PKI
改ざんの防止
認証
CAPTCHA
第8章 通信規約
インターネット・プロトコル
アプリケーション層
トランスポート層
インターネット層
ICMP
OSI参照モデル
付録
リファレンス
IT活用の優劣が企業の命運を左右する現在、システム開発プロジェクトの成功率は、およそ53%という厳しい現実がある。では、成否を分けるポイントは一体どこにあるのかーー。
本書では、経営者が身につけておくべきIT導入プロジェクトの基本的知識をわかりやすく解説。また陥りやすい失敗とその回避法を網羅するほか、著者の豊富な経験をもとに、表には出てきにくい業界特有の仕組みや実態などを明らかにする。
「開発会社の選定」における、費用の仕組みや妥当性の評価、能力の見極め方の秘訣をはじめ、「依頼するには敷居が高い」と思われがちなITコンサルタントについて、実は雇ったほうが低コストになる理由など、必読の情報が満載。
「だから失敗するのか」を知り、「こうすれば効果を最大化できるのか」を知り、読後には前向きに取り組む意欲が湧いてくる。リソースが少なく、ビジネス環境の打撃を受けやすい中小企業にとって、IT導入を成功させ、経営の安定と事業の飛躍を実現するための、頼もしい手引きとなる一冊。経営者の不安や悩みを分け持ち、ともに汗を流して成功へと導いてきた著者ならではの、温かい視線が感じられる。
一人企業の経営法、クライアントの発掘の仕方ー身をもって獲得してきたノウハウを余さず公開!
レイアウト・ナビゲーション・カルーセル・フォーム、レスポンシブではこうする。レスポンシブWebデザインでどのように構築していくか、基本的なレイアウトから各パーツの作り方まで、現場で本当に使われている手法を解説。WAI-AREAにも対応したこれからのスタンダードです。
本書は、「現代のWebブラウザが備えていてアプリケーション開発者にも理解が求められる多様なセキュリティ機構」について、一つひとつ丁寧に整理して解説するものです。 そもそもどんな脅威に対抗するためのセキュリティ機構なのか、現在の形でWebブラウザに導入されているのはなぜか、攻撃者がさらに対抗してくる可能性はないのか、リファレンスなどを通じて使い方を調べるだけでは理解しにくい背景まで掘り下げて説明しています。
攻撃者とWebブラウザ開発者たちとのせめぎ合いの歴史から、Webセキュリティについての理解を深める一冊です。
序文
本書を読み進める前に
本書を読むにあたって
サンプルコードと動作環境を手に入れる
開発者ツールに慣れ親しむ
第1章 WebとWebセキュリティ
1.1 Webを構成する基本の3つのコンポーネント
1.2 プラットフォームとしてのWeb
1.3 Webセキュリティ
1.4 サーバーサイドWebシステムのセキュリティ
1.5 クライアントサイドWebシステムのセキュリティ
1.6 まとめ
第2章 Origin を境界とした基本的な機構
2.1 Webリソース間の論理的な隔離にむけて
2.2 OriginとSame-Origin Policy(SOP)
2.3 CORS(Cross-Origin Resource Sharing)
2.4 CORSを用いないSOPの緩和方法
2.5 SOPの天敵、XSS(Cross-Site Scripting)
2.6 CSP(Content Security Policy)
2.7 Trusted Types
2.8 まとめ
第3章 Webブラウザのプロセス分離によるセキュリティ
3.1 Webブラウザが単一のプロセスで動作することの問題
3.2 プロセスを分離した場合の問題
3.3 Process-per-Browsing-Instanceモデルに対する攻撃
3.4 Process-per-Site-Instanceモデルとその補助機能
3.5 まとめ
第4章 Cookie に関連した機構
4.1 Cookieの導入の動機
4.2 属性によるCookieの保護
4.3 Cookieの性質が引き起こす問題とCookieの今後
4.4 まとめ
第5章 リソースの完全性と機密性に関連する機構
5.1 問題と脅威の整理
5.2 HTTPSとHSTS
5.3 Mixed Contentと安全でないリクエストのアップグレード
5.4 Webブラウザが受け取るデータの完全性とSRI
5.5 Secure Context
5.6 まとめ
第6章 攻撃手法の発展
6.1 3種類の攻撃手法
6.2 CSP下でのXSS
6.3 Scriptless Attack
6.4 サイドチャネル攻撃
6.5 まとめ
あとがき
参考文献
索引
アクセス解析の基本、コーポレートサイト、ECサービスサイト、携帯サイトに特化したアクセスデータの読み方、そして伝え方までをわかりやすく説いた実践的ノウハウ集。アクセス解析を中心としたPDCAサイクルを回せるかどうかで、マーケティング・営業・ブランディングといった企業のマーケティング活動の成否が決まります。読み終わった後に、解析データが「宝の山」に見えてきます。
「戦後70年」の2015年は、「植民地解放後70年」でもあります。朝鮮人・台湾人は、日本による植民地支配を背景に、「慰安婦」をはじめ、日本の侵略戦争に動員されました。しかし安倍談話では、「植民地支配」のフレーズに朝鮮も台湾も出てきません。「慰安婦」への言及もありませんでした。本書では、安倍談話をはじめ、新しさを装った歴史修正主義による植民地支配責任の否認、わい曲、免罪の動きに対し、各分野の専門家らがQ&A形式でわかりやすく答えます。歴史的責任を果たすための必読書!
『Web業界発注制作の教科書』(レクシスネクシス・ジャパン株式会社、平成27年)が装いを新たに再刊!Web制作の現場を熟知したWebディレクターとIT企業の法律問題を専門とする弁護士が、実際に起こったトラブル事例を挙げつつ法的問題を分かりやすく解説する。要点が短時間でつかめる。
本書では、Webの発注担当者を、「エンドクライアント」「元請け」「代理店」の三種類に分類し、それぞれ起きがちな業界特有の問題を、法的な論点ベースではなく、リアリティのある事例をベースに解説を展開するとともに、現場に起こりがちなWeb業界における発注トラブルを全20章に区分。現場で活きる「現実的な」対応ノウハウをトラブルの「理由」と「防御」に関する法的アドバイスの両面で解説した、Web制作の発注業務に悩むすべての担当者必携の一冊。 同時刊行の『24の事例から学ぶ 法律と現場のプロが教える Web制作「受注」契約時の現場トラブル回避術』とあわせて読むことで、さらに理解が深まる。
「軽快な動作」と「直感的な操作」。各デバイスでの最適な「UI/UX」をデザイン!「Photoshop」や「Illustrator」などとスムーズに連携!
画像づくりが苦手でも、ホームページはおしゃれにしたい!ぱぱっと動く便利コード&スマホにも対応したHTML+CSSページテンプレートも収録!