【古くなった「知識」や「情報」を短時間でアップデート！】 「いま・これから」の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ホスティングサービス／アクセス解析・検索ログ解析／セキュリティ対策　ほか

【いまの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／セキュリティ／マーケティングの用語集

【1日30分からはじめる！ 制作現場の実践的コーティング】 本書は、HTML・CSSの基本をひと通り身につけた方を主な対象に、制作現場でプロとして活躍するために必要なWebコーディングの技術を解説したものです。 HTML・CSSのコーディング初心者を脱して間もないレベルと、制作現場の第一線で活躍できる技術レベルの間には、当然ですが大きなギャップがあります。本書は、このギャップを少しでも埋められるような内容を目指しました。 全7章構成の前半では、テキストエディターの設定、Node.jsやGulp、バージョン管理システムの導入といった効率的な開発環境を構築・整備する方法とともに、フロントエンド技術周辺の必要知識を解説。より効率的にコーディングするための環境を整えていきます。 後半では、デザインカンプやWebサイトを題材に、現場の実践的なコーディングを学んでいきます。Webページのレイアウトを「コンポーネント」単位で捉える視点を身につけ、事前のマークアップ設計やCSS設計を行った上でコーディングを進めるノウハウを習得できます。解説及びサンプルには、BEMやSass（SCSS記法）、初歩的なVue.jsを取り入れました。 〈こんな方にオススメ〉 ・制作現場のプロで活躍するコーディング技術を学びたい方 ・HTML・CSSの基本を習得したあと、ステップアップしたい方 ・フロンエンドの開発環境に関する知識を身につけたい方 〈本書の特長〉 ・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・作りながら覚えることで、学んだことをすぐに実践できる 〈本書の内容〉 ■Lesson 1　現場のコーディングとツール ■Lesson 2　フロントエンド技術の“いま” ■Lesson 3　開発環境の構築 ■Lesson 4　カンプからのコーディング設計 ■Lesson 5　BEMを使ったCSS設計 ■Lesson 6　Sass（SCSS）を取り入れる ■Lesson 7　Vue.jsを取り入れる