【古くなった「知識」や「情報」を短時間でアップデート！】 「いま・これから」のWeb制作の現場で必須となる情報を、キーワード別に解説した書籍。「Webデザイン・コーディング」「Webディレクション」「SEO・Webマーケティング」「システム・プログラミング」「制作ワークフロー」の5章構成で、制作領域以外にも幅広いジャンルの最新情報を解説しています。 また、キーワード解説のほか、各分野の第一線で活躍するクリエイターや識者が、WebやWebサイトにかかわる様々なテーマを選定し、独自の意見や見解を交えながら執筆した「オピニオンコラム」を豊富に掲載しました。 〈こんな方にオススメ〉 ・Webサイトのデザインやマークアップを担当する方 ・Webサイト制作のディレクションを担当する方 ・自社サイトを運営するWebマスター ・Webのトレンドや最新ツールに関する情報がほしい方 ■本書で解説しているキーワード例 モバイルファースト（コンテンツファースト、コンテキストファースト）／HTML／CSS4や新しいモジュール／SVGなどの画像形式／JavaScriptフレームワーク／ストーリーテリング／UIデザインツール／コンテンツマーケティング／SEOに配慮したサイト設計／AMPとInstant Articles／HTTPとHTTP/2／クラウドホスティングサーバー／スマートデバイスアプリ制作／Gitホスティングサービス／アクセス解析・検索ログ解析／セキュリティ対策　ほか

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐ Dart Sassに対応して大幅刷新 ‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐ CSSをより便利に効率的に書ける「Sass（サス）」の定番解説書を、最新のコーディング環境にあわせて7年ぶりに大幅刷新！ Sassは導入が面倒そう。はじめたいけどあと一歩が踏み出せない。CSSを今よりも効率的に書きたい。こうした方がSassを導入するきっかけとなり、ひと通りSassの機能を使いこなせるようになるのが本書の目標です。 CSSをHTMLの構造に合わせて入れ子で書いていく「ネスト」や、便利な「変数」や「演算」などのSassの基本機能はもちろん、筆者がプロの現場で実際に使っている実践的なテクニックまで、この一冊で網羅しています。 ●改訂3版のポイント ・［Dart Sass］に完全対応 ・［VS Codeの拡張機能やnpm-scripts］を使ったコンパイル方法 ・Sass独自のインポート方法［@use］と［@forword］の使い方 ・大きく変わった［関数の使い方］と［全関数解説］ ・［AIを活用した効率化］のアイデア など

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 CSSをより便利に、効率的に書ける「Sass（サス）」の解説書を、最新のコーディング環境にあわせて大幅刷新！Sassは導入が面倒そう。はじめたいけどあと一歩が踏み出せない。CSSを今よりも効率的に書きたい。こうした方がSassを導入するきっかけとなり、ひと通りSassの機能を使いこなせるようになるのが本書の目標です。CSSをHTMLの構造に合わせて入れ子で書いていく「ネスト」や、便利な「変数」や「演算」などのSassの基本機能はもちろん、筆者が実際に仕事の現場で使っている実践的なテクニックまで、この一冊で網羅しています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 強力なコード編集&拡張機能に「恋に落ちる」ユーザーが増加中♪　劇的にコーディング作業がはかどる最強のエディタの基本設定から特撰パッケージまでを、この一冊で完全網羅。筆者が実際にインストールしているおすすめパッケージも80本解説しています。バージョン3&2両対応、便利な対訳付きメニュー&ショートカット一覧付き。

プロが教える　知らないと恥ずかしいWeb制作の基本の「き」 本書は、Web制作におけるコンセプトワークと実装技術の基本を総合的に学ぶための教科書です。第一部では、Webマーケティング、ブランディング、情報アーキテクチャ、Webディレクション、アートディレクション、ソーシャルマーケティング、SEO、Web 解析、著作権、セキュリティなど、Web制作におけるコンセプトワークの基本を解説します。第二部では、HTML/HTML5、CSS/CSS3、JavaScript/DOM、プロトコル、サーバーサイドプログラミング、データベース、CMS、API、仮想化、クラウドなど、技術面での基本を網羅的に解説します。各分野のプロフェッショナルが、どんな人にでもわかるように、レクチャー形式でやさしく解説します。 Web制作の初学者からWebの新人担当者まで、Web制作に関わるあらゆる人の最初の一冊。特典「知らないと恥ずかしいWebの歴史&年表」付。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。【※本作品はブラウザビューアで閲覧すると表組みのレイアウトが崩れて表示されることがあります。予めご了承下さい。】

セマンティックWebやモバイルサイト開発に最適なプラットフォームとして、次世代のHTMLであるHTML5が注目されています。 本書は、Web制作者がこれからHTML5に移行するために、これだけはおさえておきたいHTML5のエッセンスを、Webデザインの現場のプロフェッショナルがやさしく解説。新しい要素・属性の使い方や、廃止される要素とその代替方法など、HTML5で変わった記述方法を、コンパクトにわかりやすくまとめました。 すべてのWebデザイナー必携の1冊！ HTML5によるWeb制作に役立つ特選サイト集付き。 Chapter　4のHTML4からHTML5への書き換え例を示すサンプルソースは、サイトから無料ダウンロードできます。

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【Web制作入門書のロングセラーが、最新仕様にアップデート！】 Webデザイン・Webサイト制作の「正しい基礎」を伝える入門書。 WWWやインターネットの仕組みをはじめ、サイト制作のワークフロー、HTML・CSSの技術解説、Webサイトを公開・運用するまでの基礎知識を、系統立てて解説しています。 改訂3版では、Web制作現場でマルチデバイス対応の必須化が進み、レスポンシブWebデザインやモバイルファーストなどの制作技法が主流化していることを踏まえ、内容を全面的にアップデート。FlexboxやCSS Grid Layoutといった、新しい技術仕様の解説も加えました。 本書の一番の特長は、基本知識や制作技術の解説とともに、「なぜ、そうするのか」といった「背景」や「理由」にも踏み込んで説明している点です。Web・Webデザインの根本的な仕組みや、技術の裏側にある背景を深く理解することで、ツールやテクニックの変化に左右されない「自分で考える力」や「ずっと役立つ応用力」を養うことを目的にしています。 プロのWebデザイナーを志望する方はもちろん、Webにかかわるすべての方に読んでいただきたい内容です。 〈本書の章構成〉 ■Lesson1　Webデザインの世界を知る ■Lesson2　Webサイトを設計する ■Lesson3　HTMLの役割とできること ■Lesson4　CSSの役割とできること ■Lesson5　Webサイトを構成する素材 ■Lesson6　Webサイトを表現する色 ■Lesson7　Webサイトを公開する ■Lesson8　Webサイトを運用する ■Lesson9　Webサイトを制作する 〈こんな方にオススメ〉 ・プロのWebデザイナーやマークアップエンジニアを目指す方 ・Webデザイン制作、HTMLやCSSを本格的に学びたい方 ・Webデザインやサイト制作の基本をもう一度学び直したい方 ・Webメディアのディレクションやプロデュースを担当する方 〈改訂した主な点〉 ・新しいCSS技術（Flexbox、CSS Grid Layout）の解説を追加 ・制作現場やHTML5・CSS3の現状を踏まえたアップデート ・実践パートを強化し、作成するサンプルを全面刷新 〈本書の特長〉 ・技術や作り方の裏側にある「背景」「仕組み」を伝える ・Webサイトをデザイン制作する上で「なぜ、そうするのか」がわかる ・「自分で考える力」「ずっと役立つ応用力」が身につく

【Web制作入門書のロングセラー。「背景」や「理由」を知ることで、一生役立つ応用力が身につく】 Webデザイン・Webサイト制作の「本当に必要な正しい基礎」を伝える入門書の改訂版。WWWやインターネットの仕組みをはじめ、サイト制作のワークフロー、HTML・CSSの技術的な解説、Webサイトを公開・運用するまでの基礎知識を、系統立てて解説しています。改訂版ではHTML5をベースにした内容に改変し、レスポンシブWebデザインに対応した簡単なサンプルサイトを制作する章を新たに加えたほか、SVGやサイトデータのバージョン管理に関する解説も追加しました。本書の一番の特長は基礎的な知識や技術解説とともに、「なぜ、そうするのか？」といった「背景」や「理由」にも踏み込んで説明している点です。最新の情報や技術手法を扱うだけではなく、根本的な仕組みや技術の裏側にある背景を含めて深く理解することで、「自分で考える力」や「ずっと役立つ応用力」を養うことを目的にしています。プロのWebデザイナーを目指す方はもちろん、Webにかかわるすべての方に知ってほしい内容を集約した1冊です。 〈本書の内容〉 Lesson 1　Webデザインの世界を知る Lesson 2　Webサイトを設計する Lesson 3　HTMLの役割とできること Lesson 4　CSSの役割とできること Lesson 5　Webサイトを構成する素材 Lesson 6　Webサイトを表現する色 Lesson 7　Webサイトを公開する Lesson 8　Webサイトを運用する Lesson 9　Webサイトを制作する（9章のサンプルデータはダウンロード可能）

【技術の進化に左右されないWebサイトの作り方がわかる！】 Web制作のプロを目指す方に向けて、HTML5+CSS3を使ったWebサイトの作り方を解説した入門書の改訂版。 12章構成で、インターネットとWebサイトの仕組みに始まり、サイト制作現場の基本的な作業フロー、HTMLによるマークアップ方法、CSSによる装飾・レイアウトの技法をていねいに解説しています。 最終章では、レスポンシブWebデザインに対応したサンプルサイトを題材に、実際の業務により近い形の制作方法を学ぶことができる実践的な内容です。 本書の一番の特長は、HTMLとCSSの使い方、サイトの作り方を説明するだけではなく、「なぜ、そのように作るのか？」といった「背景」や「理由」にも踏み込んで解説している点です。 スマートフォンやタブレットなどの普及により、Web制作の現場はこの数年で新たな転換期を迎えていますが、基本となる知識と技法をきちんと押さえておかなければ、いま・これからの新しい流れに対応することも、それを応用することもできません。 本書は、そうした新しい時代にも対応できるような基本知識と応用の効く制作技法を伝えることを目指した本です。 〈本書の章構成〉 Lesson 1　Webサイトの構造を理解する Lesson 2　制作に入る前の準備 Lesson 3　HTMLでページの骨格をつくる Lesson 4　HTML＆CSSの基本ルール Lesson 5　文字・見出し・段落の設計 Lesson 6　リンクと画像の設定 Lesson 7　リストとテーブルを組む Lesson 8　ナビゲーションをつくる Lesson 9　フォームをつくる Lesson 10　Webページをレイアウトする Lesson 11　HTML5+CSS3の新機能 Lesson 12　実践編：レスポンシブサイトをつくる

【HTML5＋CSS3の「正しい」使い方を知ることで、新しい時代に対応する応用力が身に付きます】 本書はHTML5＋CSS3を使ったWebサイト制作の基本を学ぶための入門書。12章構成で、HTMLによるマークアップ方法、CSSによる装飾・レイアウトの技法を、ゼロからやさしく解説しています。最終章では、実制作でよくある構成の企業サイトの作り方を扱った実践的な内容です。本書の一番の特長は、HTMLとCSSの使い方を説明するだけではなく、「なぜ、そう作るのか？」といった「背景」や「理由」にも踏み込んで解説している点です。技術や手法が新しくなっても、ずっと変わらずに役立つ「自分で考える力」が身に付きます。

【いまのWeb制作に乗り遅れないために。大好評ベストセラーの最新改訂版！】 ここ最近のWeb制作の状況を見ても、サポート切れによる古いInternet Explorerの淘汰とEdgeへの移行、ファブレットの普及によるタッチデバイス端末の画面サイズの多様化、モバイル対応の一般化、フラットデザインの定着など、様々な点で変化と進化を遂げています。 本書ではこのような状況を踏まえ、2014年に刊行してご好評をいただいた『現場のプロが教えるWeb制作の最新常識』を現在の状況にあわせてアップデートしました。「デザイン・レイアウト」「マルチデバイス対応」「HTML・CSS・JavaScript」「サイト構築・管理・運用」の4つの側面から、いまWeb制作に携わる方々が知っておくべき情報を網羅的に解説しています。いまのトレンドとそれらのメリット／デメリット、採用する際の前提や条件などにも触れていますので、実際の仕事で取り入れるかどうかを検討する際にも役立ちます。 「最近はどんなレイアウトが流行っている？」「モバイルフレンドリーテストにはどう対応すればよい？」といったよくぶつかる疑問を解消し、Web制作の「いまの常識」を体系的に理解できる一冊です。 〈本書の内容〉 ■CHAPTER1　デザイン・レイアウト Webデザインの潮流／情報設計の傾向／レイアウトのトレンド／プロモーションサイト／配色／脱ビットマップ画像／フラットデザインの注意点／Google Material Design／無料ツール／Webフォント／デザインガイドライン作成／Webリソース ■CHAPTER2　マルチデバイス対応 マルチデバイス対応／モバイルファースト／モックアップ作成とインブラウザデザイン／デザインガイドラインを参考に／スマートフォンサイトのレイアウト／レスポンシブの変化パターン／スマートフォン特有のコーディング／モバイルフレンドリーテストへの対応／iOSとAndroidの違い ■CHAPTER3　HTML・CSS・JavaScript ターゲットブラウザの決め方／CSS3の使い方／ベンダープレフィックス／リセットCSS／ブラウザ対応用ライブラリ／フォーム／アイコンフォント／CSSフレームワーク／CSSメタ言語／SassとCompass／ポストプロセッサー／CSS設計／フロントエンドでの軽量化／Emmet／エディタ／構造化マークアップ／Webアクセシビリティ／jQueryのバージョン／Node.js＆ツール／開発者ツールとシミュレーター ■CHAPTER4　サイト構築・管理・運用 プロジェクト管理／CMS／バックエンドでのサイト高速化／サーバの選び方／SEOの最新情勢／ソーシャル対応／Google Analytics／セキュリティ／マーケティングの用語集

【いまのWebデザインのトレンドがこの1冊でわかります。】 　HTML5やCSS3への移行、レスポンシブWebデザイン、フラットデザイン、モバイルファースト──近年のWebデザインで話題にのぼるこれらのキーワードは、一見ばらばらなように見えても、実は一本の線でつながっているといえます。それらは「PCで見るためのWebサイト制作」という従来の固定観念から離れ、スマートフォンやタブレットを含む多様なデバイスでの利用に耐えるWebサイトを、いかにユーザーフレンドリーに、かつ効率よく構築するかという視点から生まれたものといえるでしょう。 　本書はこのような潮流を踏まえ、続々と登場しているWebデザインの新しい技術と手法、ツールとトレンドを1冊にまとめて解説しました。実際に現場で役立つトピックを厳選しており、デザインやレイアウトの流行の手法から、コーディング、プロジェクト管理やSEOなどの運用面まで、Web制作に携わる方々が知っておくべき最新情報を網羅しています。「最近はどんなレイアウトが流行っている？」「HTML5とXHTMLのどちらで制作するべき？」といったよくぶつかる疑問を解消し、Web制作の「いまの常識」を体系的に理解できる1冊です。

【複数デバイス対応を効率化するフロー&ノウハウがわかる!】 本書は、Webサイトをマルチデバイス対応（レスポンシブWebデザイン対応）させる上での、設計の考え方とCSSフレームワーク（Bootstrap）を利用した実装方法を伝える解説書です。 前半（1～6章）では「コンポーネント」の概念を取り入れた新しいサイト設計の考え方、フレームワークの特徴などを丁寧に紹介しています。実践編となる後半（7～11章）では、代表的なフレームワークであるBootstrapを用いて作成したサンプルをもとに、マルチデバイス対応サイトを設計・制作する手法、BootstrapのSass（SCSS）を使ったカスタマイズ方法を解説。最終章では実装をより効率化・チューニングする手法も紹介しています。なお、本書のサンプルデータはダウンロードにて提供します。 WebサイトがPCだけで見るものではなくなった昨今、サイトのマルチデバイス対応は必須要件となりつつあります。その一方、実装に工数を費やす従来の制作フローでは、作業効率や時間的コストの面で対応し切れなくなっているのが制作現場の実状ではないでしょうか。このような現況やニーズに応えた、「これからの」複数デバイスの考え方・ノウハウを理解していただくための必読の1冊です。

【どうすれば崩れないか、Webページのパーツごとにわかる。】 スマートフォン、タブレット、PCなど、多様なデバイスでの表示に対応する手法として定着したレスポンシブWebデザイン。1つのサイトでさまざまな画面サイズに対応できる点が魅力ですが、しっかりと意識してつくらないとレイアウトが崩れたり、UIの機能が損なわれて使いづらくなったりと、問題が起こりがちです。 本書では最も基本となるレイアウトをはじめ、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルなどのパーツごとにレスポンシブに対応させる実装方法を解説しました。シンプルなわかりやすい作例をベースにステップ・バイ・ステップ形式で解説していますので、本質的な仕組みを理解できます。また、掲載コードをダウンロードでき、コピー＆ペーストなどでご利用いただけますので、ご自身のWebサイトに部分的に取り入れたり、ひな型として使用することも可能です。Googleマップなどの外部API、Webアイコンフォント、遅延読み込みといった周辺技術も取り上げていますので、スマートフォンに対応したサイト制作の傍らでお役立ていただける一冊です。 〈本書の内容〉 ■Chapter1　基本の確認 ■Chapter2　レイアウト ■Chapter3　ナビゲーション ■Chapter4　ギミック ■Chapter5　フォーム ■Chapter6　細かなテクニック ■Chapter7　API・外部サービスの活用

【現場で本当に必要になるWEB制作のルールの集大成！】 スマートフォンやタブレットをはじめとしたデバイスの多様化とWeb技術の進化により、Web制作の姿は大きく変貌しつつあります。現在求められているような、さまざまな環境での閲覧に耐えうるWebサイトを構築するためには、従来のWebデザインの作り方・考え方では通用しません。設計・レイアウト・装飾・コーディングといった制作場面のすべてにおいて、さまざまなスペックと操作感をもつデバイスが存在することを前提に、可能な限り順応性の高い手法を採用していくという視点が不可欠です。 本書では、このような“Webの現代”に通用するWebデザインの制作手法を網羅的に解説しています。「レイアウト」「配色」「サイト設計＆プロトタイピング」といったWebデザインの骨格をなす基本から、「デザイン＆パーツ制作」「HTML＋CSSコーディング」「リッチコンテンツ＆Webアプリケーション」などの実作業に関わる技術、「運用・分析・集客・リニューアル」といったマネージメントに関わる領域まで、プロとしての基礎知識と現在の潮流がわかります。プロのWebデザイナーから、これからWebデザイナーを目指す人まで、Webデザインに関わるすべての人に必携の1冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 スマートフォンでも見やすく、押しやすいデザインでメールマガジンのCTRを上げる! スマホ対応メルマガの設計からデザイン、コーディング、効果測定までを解説。画像軽量化、Retina対応、メディアクエリーの活用など、現場で役立つノウハウが満載。すぐに使える目的別メールテンプレート×3つき。