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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 作りながら学ぶ、Webサイト制作の標準技術 本書は、Webサイトを作るために必須の「HTML」と「CSS」が学べる学習書です。各レッスンに沿ってサンプルサイトを作っていく学習形式で、解説を読んで理解するだけでなく、実際に手を動かしながら学ぶことができます。レッスンは初歩的な文法学習から始めて、実務と同じ流れでの本格的なサイト制作までをカバー。 1冊を通した学習で、初心者でもHTMLとCSSの実践的な考え方と書き方が身に付きます。また、新規格「HTML5」と「CSS3」の解説も掲載しているので、次世代Webサイトの動向も学ぶことができます。Webサイト制作の最初の学習書として、ぜひオススメの1冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 ゼロから学べるWeb制作学習書がHTML5とCSS3に完全対応！ わかりやすいと好評のWeb制作入門書が、現在の標準規格である「HTML5」と「CSS3」に完全対応して登場です。HTML5とCSS3の初歩的な文法学習から始めて、本格的なサイト制作までの流れを通して学ぶことで、初心者でも正しいマークアップの作法が身に付きます。用語や考え方を解説する講義パートと、実際にサンプルページを制作していく実習パートからなるレッスンを順に進めて、ステップアップしながら学んでいけます。サンプルソースはダウンロードが可能。Web制作をこれから始める人に最適の1冊です！ ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ゼロからしっかり学べる、本格Webデザイン。 本書は「わかりやすさ」と「内容の充実度」で、 大好評だった入門書の全面改訂版です。 基本文法から、正しいマークアップの作法、 最新のCSSレイアウト、レスポンシブ対応の 画面設計とコーディングまで、しっかり学べます。 考え方や知識を得るための「講義」パートと、 実際に作りながらスキルを身につける「実習」パートからなる、 合計30のLESSONを順番にステップアップしながら学んでいけます。 実習のためのサンプルソースはWebからダウンロードできます。 さらにステップアップするための特典PDFも提供しています。 まさにWeb制作をこれから始める人に最適の1冊です！ 〈本書の特長〉 □レッスン形式なのでマイペースで学習を進められる □「講義」と「実習」で考え方と作り方をまとめて学べる □学習用サンプルを使ってすぐに、効率よく学べる ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【制作フェーズに応じたプロの使い方がわかる！ Adobe XDの入門書】 Webサイトやモバイルアプリの分野で広く使われてるデザイン・プロトタイピングツールであるAdobe XDの入門書。 制作現場でXDを「初めて使うこと」を想定し、XDの画面構成や基本操作からプロの実践的な使い方までを、6章構成で解説したものです。 XDの特徴は、デザイン制作の機能だけでなく、プロトタイピング機能や共有機能が一体となっている点です。その特定性が十分に発揮されるのが、チームで協力し合いながらプロジェクトを進めていく場面。 そのため、本書では、ディレクター、デザイナー、エンジニア、それぞれの立場でのXDの使い方、チームでの連携という切り口で解説しています。 1・2章で基本的な知識や画面の見方を学んだあと、3・4・5章ではお弁当の販売サイトを題材に、ワイヤーフレーム作成（ディレクター）、デザイン作成（デザイナー）、コーディング（エンジニア）の実践演習を進めて行く流れになっています。 分業化が進む現在の制作現場では、チームでのコラボレーションが必須なだけでなく、自分の「お隣さん」の仕事を理解しておく必要があります。 そうした場面でAdobe XDを中心に据えた制作・開発の“お供”になる1冊です。 〈本書の特長〉 ・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・第一線で活躍する現役のプロがかみ砕いてわかりやすく解説している 〈こんな方にオススメ〉 ・Adobe XDを初めて操作する方 ・制作フローと連携させた活用法を知りたい方 ・制作現場の一段深いノウハウを習得したい方 〈本書の内容〉 ■Lesson1　制作のワークフローとAdobe XD ■Lesson2　Adobe XDの基本 ■Lesson3　ディレクター視点で使う ■Lesson4　デザイナー視点で使う ■Lesson5　エンジニア視点で使う ■Lesson6　さらに便利な機能＆知識

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【プロを目指すなら最初に選ぶ本。基本から最短コースで身につきます！】 WebデザインやWeb制作の「プロ」を目指す人が、最初に選ぶ定番ロングセラーの改訂2版。「1日30分からはじめる」をテーマに、Webデザイン・制作の基本知識やHTML・CSSのコーディング技術を、やさしくしっかり解説しています。 本書の解説では実制作のフローに沿い、Webデザインの概論と制作に必要なツールや素材について学んだあと、HTML・CSSの基礎とサイト制作の実践を習得し、公開や運用に関する知識を学びます。初学者の方がプロの制作者を目指す上で必要となる一連の知識と技術を体系的に学べる内容です。 実践パートで学習用サンプルとして制作するのは、シングルページのシンプルなお店のサイトと、レスポンシブWebデザインを取り入れたサイトの2つです。手順に沿ってやってみるチャレンジパートもあるほか、学習用サンプルはダウンロードデータとして提供。 本書では各記事ごとに学習時間の目安を記載しており、授業や独習で学習教材として活用しやすい構成を目指しました。 “ちゃんとしたプロ”のWebデザイナー、マークアップエンジニアとしてスタート地点に立つための知識と技術が、最短コースで身につきます！ 〈本書の特長〉 ・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる ・節ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・大学や専門学校で教えている現役の先生たちが、かみ砕いて解説している 〈こんな方にオススメ〉 ・初心者からプロのWebデザイナーやマークアップエンジニアを目指す方 ・Webデザイン・Web制作やHTML・CSSの基本知識を身につけたい方 ・HTMLやCSSを学び、ご自身でWebサイトを作成してみたい方 〈本書の構成〉 ■Lesson1　Webサイトの成り立ち ■Lesson2　Webサイトの枠組みを知る ■Lesson3　Webデザインの特性を知る ■Lesson4　Webデザインに必要な素材 ■Lesson5　HTMLをマスターする ■Lesson6　CSSをマスターする ■Lesson7　シングルページのサイトを作る ■Lesson8　レスポンシブ対応サイトを作る ■Lesson9　Webサイトを公開してみよう ■Lesson10　Webサイトを運用する ■チャレンジしてみよう！

【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を取り入れる

【プロとして「独り立ち」するために、1日30分からはじめる！】 本書は、Webサイトをイチから作ることで、HTML+CSSの基本から応用までを習得していく教科書です。「1日30分からはじめる」をテーマに、Web制作にかかわる知識や技術を解説した「ちゃんとしたプロになる」シリーズの2冊目となります。 本書で学べることは、主に次の3つです。 1つめは、「いま」のWebデザインと現場での実制作の流れ。いま主流のレイアウトや表現手法、制作技術やツールといった、現場でプロとして活躍するためにベースとなる知識を習得できます。 2つめは、HTMLとCSSの基礎。HTML・CSSのごく初歩的な書き方から解説しており、本格的なソースコードを書くのは初めてという方にもわかりやすい内容になっています。 そして、3つめが実際にWebサイトを作るノウハウ。1つのHTMLファイルで完結するシンプルなWebページから、モバイルファーストで設計しFlexboxやCSS Gridといった流行りの手法を取り入れたものまで。タイプや難易度の異なる5つのサイトを作りながら、表現の幅を広げていきます。 本書を通じて、プロとして「独り立ち」するために礎となる力が身につくはずです。 〈こんな方にオススメ〉 ・HTML+CSSを本格的に学んでみたい方 ・Webデザイナーやマークアップエンジニアを目指す方 ・Webサイトを自分の手で作り上げてみたい方 〈本書の特長〉 ・作りながら覚えることで、学んだことをすぐに実践できる ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・大学や専門学校で教えている現役の先生たちが、ていねいに解説している 〈本書の内容〉 ■Lesson 1 Webデザインの“いま” ■Lesson 2 Webサイトを制作する準備 ■Lesson 3 HTMLとCSSの基礎 ■Lesson 4 HTMLとCSSの応用 ■Lesson 5 シンプルなWebページを作る ■Lesson 6 シングルページのサイトを作る ■Lesson 7 Flexboxを使ったサイトを作る ■Lesson 8 CSS Gridを取り入れる ■Lesson 9 レスポンシブ対応サイトを作る

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【Figmaを使うなら最初に読む本！ 基本から実践までしっかり解説】 インターフェイスデザインツール「Figma」の基本操作から制作現場での実践的な活用ノウハウまでを伝える本。 これからFigmaの学習をスタートする方や、Adobe XDと合わせてFigmaも本格的に使ってみたいという方に向け、しっかりとていねいに解説しています。 全7章構成で、前半部ではFigmaの特徴・基礎知識や画面構成を学んだあと、アプリやWebサイトを試作するためのプロトタイピング機能、作成したデータや制作過程そのものを共有するためのコミュニケーション機能を解説。 後半部では実践パートとして、Figmaを使ってWebサイトとモバイルアプリのUIをデザインしてみます。 Figmaはさまざまな職種のメンバーと「協業」しながら、チームでデザインを作り上げる過程で真価を発揮するツールです。 開発・制作の中心にFigmaを据えることで、自分だけでなくチーム全体のパフォーマンスも向上させることができます。 本書はデザイナーやディレクター、エンジニアはもちろん、制作職以外のFigmaを使う場面のある方々にも役立つ内容となっています。 学習の場や制作の現場で、ぜひご活用ください！ 〈本書の特長〉 ・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・第一線で活躍する現役のプロがかみ砕いてわかりやすく解説している 〈こんな方にオススメ〉 ・事業会社や制作会社のWebデザイナー／UIデザイナー ・制作職以外でもFigmaを操作する機会のある方 ・基本から現場の一段深いノウハウまでを習得したい方 〈本書の章構成〉 ■Lesson1　Figmaの基本とワークフロー ■Lesson2　デザインするための機能 ■Lesson3　Figmaのプロトタイピング機能 ■Lesson4　コミュニケーションのための機能 ■Lesson5　Webサイトをデザインする ■Lesson6　モバイルアプリをデザインする ■Lesson7　外部のデザインツールとの連携 〈プロフィール〉 相原 典佳（あいはら・のりよし） 1984年群馬県生まれ。2006年よりDTP、Web制作に携わる。Webアシスタントディレクター業務を経たのち、2010年にフリーランスとして独立。また、デジタルハリウッドなどでWeb制作の講師としても活躍。デザインからフロントエンド構築まで、一貫したWebサイト制作を提供している。 沖 良矢（おき・よしや） 1981年愛媛県生まれ。インタラクションデザイナー。2003年よりWeb制作に携わる。2008年にフリーランスとして独立後、2019年に合同会社世路庵（せろあん）を設立。ビジネスとクリエイティブの両立を強みとして、戦略立案、UI/UX設計、デザイン、フロントエンド開発に携わる。現場で培った知見をもとに講演、執筆、コミュニティ運営にも取り組んでいる。長岡造形大学デザイン学科非常勤講師、WebクリエイティブコミュニティDIST代表、Vue.js-jpコアスタッフ。 倉又 美樹（くらまた・みき） 1985年新潟県生まれ。Web／UI／DTPデザイナー。2014年にフリーランスとして独立。女子美術大学デザイン・工芸学科プロダクトデザイン専攻および横浜芸術高等専修学校非常勤講師。「駆け出しデザイナーを一人にしない」をミッションにするコミュニティ「まるみデザインファーム」を運営している。Adobe MAX 2021登壇。 岡部 千幸（おかべ・ちゆき） GUIデザイナー／UXデザイナー。法政大学デザイン工学研究科システムデザイン専攻卒業後、事業会社に入社。既存サービスのグロース、ゲーム開発などを経験。2018年ベンチャー企業に入社後は、GUIデザインを軸足にプロジェクトの進行を支援。その後、独立。個人事業主として多くのプロダクト開発を経験後、株式会社cencoを設立。2022年より女子美術大学非常勤講師。

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【コーディングの練習を繰り返して、腕前グングンUP！】 HTML・CSSの基本は覚えたけれど、デザインカンプから情報を読み取って、イチからコーディングするのはまだ無理……。 初心者を脱して、コーダー／マークアップエンジニアとして制作現場でバリバリ活躍する力をつけたい。 本書はそんな方に向けたものです。 初心者の方が、制作現場で通用する“コーディング力”を強化するには、豊富なパターンの実践練習を繰り返すのが、遠いようで一番の近道。そのために、本書は150通り以上のサンプルを使って、HTML+CSSのコーディング練習を積み重ねるスタイルとなっています。 6章構成で、基礎固めをしながら、できるだけ効率よく実務レベルの知識やスキルを身につけられるよう、小さな単位のサンプルを数多く盛り込みました。小さな課題をたくさんこなす中で、現場の実務で遭遇するような“少し難しい課題”も自力で解決する力がつくよう構成しています。 また、各章で学んだことをアウトプットできるよう、章末に各自で取り組むための練習問題（EXERCISE）も用意しています。 本書を通して、実際に手を動かしながら課題に取り組むことで、“コーディング力”が確実にアップしますので、ぜひチャレンジしてみてください！ 〈こんな方にオススメ〉 ○コーディングの初心者から中級者にレベルアップしたい方 ○自力でイチからコーディングする力をつけたい方 ○Web制作の現場で働きはじめて間もない、実践経験の少ない方 〈本書の内容〉 ■INTRODUCTION　事前準備と前提知識 ■CHAPTER 1　基本レイアウト ■CHAPTER 2　応用レイアウト ■CHAPTER 3　表組み・フォーム ■CHAPTER 4　CSS設計 ■CHAPTER 5　マークアップ ■CHAPTER 6　総合演習 〈本書の特長〉 ○150通り以上のサンプルを使って実践練習を繰り返す。 ○HTML・CSSのコーディングに特化して強化する。 ○実務でよく遭遇する課題を自力で解決する力がつく。