本書は好評を博したセミナーのテキストをもとに大幅に手を加えたものです。
Webアプリ関連技術の進化は驚くほど速く、カバーすべき範囲も増える一方です。キャッチアップするのは容易ではありません。ブラウザ上で実行されるフロントエンドだけでなく、通信プロトコル、サーバサイドでの処理、データベースと関連技術の範囲は多岐にわたります。最近はクラウド上のサービスを活用するケースも増えています。どこからどう着手すればよいのかわからず、茫然としてしまう人も多いでしょう。
本書を執筆する上で以下のような点に留意しました。
・例や図を用いてわかりやすく説明すること。
・技術の歴史的な背景や、その流れに言及すること。
・手を動かしながら理解を深められること。
対象読者としては、プログラミングの勉強を始めた新社会人や学生の方を想定しています。サンプルはJavaScript とPython、HTML/CSSで記述しています。JavaScript やPython などの若干の知識・経験があると、より内容を深く理解できます。
「サイトを印象付ける基本の動き」+「世界観を作る動き」を集めた現場で使える実践サンプル集!
「サイトの印象を決定付ける動き」をこの1冊が丸ごとカバーします!
本書は、好評の「動くWebデザイン アイディア帳」の姉妹本です。「動くWebデザイン アイディア帳」がWebデザインで使われる基本的な「動き」を解説していたのに対して、本書では実際にWebサイトの印象を決定付けることができる動きについて解説しています。 前書と同様に、専用サイトから簡単にコードをコピー&ペーストして利用することも可能です!
「大好き」が止まらない♥新たな美少女、登場!!
天文学的大ヒットを飛ばした天才高校生作家・上松勇太。その勇太への恋心に今さら気付いた幼馴染・みちる。覚悟を決めて告白をする事にしたが…。そして、勇太の最新作が出版前から超話題に!!?あっという間にアニメ化が決定し、勢いはチート級!!カバーのイラストレーター候補に挙がったのは…VTuberで超絶美少女!?超絶可愛い娘ばかり登場「神作家」争奪ラブコメ、第3幕。
インターネットが普及し,必要とする情報の多くが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集客をお教えます。
Webサイトを作ってみたい!
SNSを始めたけど、集客につながらない…といった方におすすめです。
Web集客というと、難しそうっと敷居の高いイメージがありますが、
この本で紹介する方法であれば、パソコンが苦手な方でも大丈夫!
集客とは、あなたの商品・サービスを求めているお客さまを集めて、
信頼関係を築いて、大切にお届けすることです。
集客のテクニックと実際の画面の操作の方法も合わせて解説しているので、
すぐに実践して頂けます。
1章 Web集客の基本
2章 商品やサービスを販売するWebサイトをつくろう
3章 魅せる画像やテキストでアピールしよう
4章 SNSをビジネスで活用しよう
5章 Web集客の導線を整えよう
6章 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参照モデル
付録
リファレンス
本書は、「現代の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 まとめ
あとがき
参考文献
索引
本書は、Webサイトの企画から設計、デザイン・レイアウト、管理・運用などについて、それに関わる一般の担当者が基礎知識としてぜひとも知っておくべき項目を分類・整理し、1ページ1項目の形式で200のルール・定石として解説したものである。取り上げる項目の選択にあたっては、次の2つの目的に役立つ内容となることを念頭に置いた。まず、実際にWebサイトを構築・運用する人にとって、レイアウトやデザイン上の注意すべきポイントを理解しやすく、日々の仕事の参考になること。そして、外部の専門業者に委託して作成する人にとっては、専門業者の提案する企画・設計の善し悪しを判断したり、構築されたWebサイトの完成度をチェックしたり、運用体制を評価するなど、最低限押さえるべきポイントを知るために役に立つ内容となることである。その結果、掲載する項目は、Webサイト作成の基本ポイントにはじまり、Webページの視覚的なデザインの勘所、利用者を引き付けて何度も訪問してもらうための設計テクニック、そして各種運用基準やセキュリティといったWebサイトの維持管理の基本まで、非常に多岐にわたるものになった。
アクセス解析の基本、コーポレートサイト、ECサービスサイト、携帯サイトに特化したアクセスデータの読み方、そして伝え方までをわかりやすく説いた実践的ノウハウ集。アクセス解析を中心としたPDCAサイクルを回せるかどうかで、マーケティング・営業・ブランディングといった企業のマーケティング活動の成否が決まります。読み終わった後に、解析データが「宝の山」に見えてきます。
一人企業の経営法、クライアントの発掘の仕方ー身をもって獲得してきたノウハウを余さず公開!
レイアウト・ナビゲーション・カルーセル・フォーム、レスポンシブではこうする。レスポンシブWebデザインでどのように構築していくか、基本的なレイアウトから各パーツの作り方まで、現場で本当に使われている手法を解説。WAI-AREAにも対応したこれからのスタンダードです。
普通の勉強法より、
「3倍」速く身につけられる勉強法を、
たくさんのマンガとイラストで、
楽しくわかりやすく説明。
3倍しんどい思いをしてでも、叶えたい夢がある。
そんな人のための勉強法です。
大学入試はもちろん、
国家資格試験や、公務員試験などにも応用できます!
「 頑張れ、今の頑張りは一生の宝になる! 」
【著者紹介】
玉先生(たませんせい)
WEB玉塾塾長
熊本県玉名市で生まれ、中学・高校の理科の先生になるも、
そのとき、経済的な事情が原因で塾に通えず、進学や将来の夢を諦める子どもを目の当たりにして、
誰もが学べる環境を作ることを決意。
平成22年2月22日、28歳のときに無料のインターネット塾として、合同会社WEB玉塾を設立する。
WEB玉塾では、中学・高校の教科だけでなく、医療系や就職・ビジネス系のアニメも公開。
ムカつく可愛さのイラストと寒いおやじギャグを売りにしたはずなのに、
なぜかYouTubeのチャンネル登録者数は9万人、総再生回数は2500万回を超え、
著書『のほほん解剖生理学』(永岡書店)は10万部を突破。
最近ウサギを飼いはじめた。好物はお寿司。
インターネットの大海原から必要な情報・文献を探しだす! 看護研究や日々の臨床で必要な情報・文献の探し方、情報とのつきあい方をまとめた1冊。医療現場において情報活用能力を身につけるための基礎知識、欲しい情報にすばやくたどりつくための方法、医中誌やPubMedなどのさまざまなデータベースの検索方法と文献入手までの流れを、実際の検索画面を用いて具体的に解説。
『Web業界発注制作の教科書』(レクシスネクシス・ジャパン株式会社、平成27年)が装いを新たに再刊!Web制作の現場を熟知したWebディレクターとIT企業の法律問題を専門とする弁護士が、実際に起こったトラブル事例を挙げつつ法的問題を分かりやすく解説する。要点が短時間でつかめる。
本書では、Webの発注担当者を、「エンドクライアント」「元請け」「代理店」の三種類に分類し、それぞれ起きがちな業界特有の問題を、法的な論点ベースではなく、リアリティのある事例をベースに解説を展開するとともに、現場に起こりがちなWeb業界における発注トラブルを全20章に区分。現場で活きる「現実的な」対応ノウハウをトラブルの「理由」と「防御」に関する法的アドバイスの両面で解説した、Web制作の発注業務に悩むすべての担当者必携の一冊。 同時刊行の『24の事例から学ぶ 法律と現場のプロが教える Web制作「受注」契約時の現場トラブル回避術』とあわせて読むことで、さらに理解が深まる。
「軽快な動作」と「直感的な操作」。各デバイスでの最適な「UI/UX」をデザイン!「Photoshop」や「Illustrator」などとスムーズに連携!
「戦後70年」の2015年は、「植民地解放後70年」でもあります。朝鮮人・台湾人は、日本による植民地支配を背景に、「慰安婦」をはじめ、日本の侵略戦争に動員されました。しかし安倍談話では、「植民地支配」のフレーズに朝鮮も台湾も出てきません。「慰安婦」への言及もありませんでした。本書では、安倍談話をはじめ、新しさを装った歴史修正主義による植民地支配責任の否認、わい曲、免罪の動きに対し、各分野の専門家らがQ&A形式でわかりやすく答えます。歴史的責任を果たすための必読書!