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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「リサイズに柔軟に対応できる」「書き出し時に解像度を自由にコントロールできる」などマルチデバイス時代に最適なベクターデータを「効率的に作る」ためのプロの考え方を徹底解説！「デバイスに合わせてアイテムを150％拡大したい」「Webだけでなく紙媒体でも使えるものにしたい」「Sketch 3の使いどころは？」「SVGのことをちゃんと勉強したい」そんな人のバイブルになるのが、この本です。Illustratorで制作に取りかかる前の準備・設定から、「ピクトグラム」「ロゴデザイン」「Webデザイン」のワークフロー、グラフィックデータを効率よく書き出す方法までを丁寧に解説。また、注目されはじめた「Sketch 3」や「SVG」についても説明します。

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

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

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。 【非同期型のチームワークで最大限の成果を上げる！】 Web制作の現場で長く支持されるロングセラーの改訂第3版。現在・近い将来、WebサイトやWebサービスの制作現場で実務にかかわる方に向け、「普遍的なディレクションの考え方やノウハウ」と最新トピックをまとめたものです。「企画」「設計」「制作・進行管理」「運用・改善」のフェーズに沿い、「新しい情報」と「ディレクションの常道」をバランスよく交えて解説しています。 今回の改訂第3版では、リモートワークなどの非同期型コミュニケーションが当たり前になった環境下で、新たな「標準」となるトピックや情報を追加しました。GDPR（EU一般データ保護規則）や改正個人情報保護法など、プライバシー規制の潮流にも詳しく触れています。 いわゆる制作・進行管理だけをディレクションと捉えず上流工程に重きを置いている点や、必要と感じた知識から効率的に吸収してもらえるよう、トピックス形式で簡潔にまとめている点も、本書の特長です。 プロジェクトマネジメント、システム開発、マーケティング、Web運営……と各分野の第一線で活躍する著者陣が、実際のプロジェクトで培ってきた知識とノウハウが詰まっています！ 〈こんな場合にオススメ〉 ・ディレクションが機能せず、プロジェクトが思うように進まない ・リモート環境下でチーム内のコミュニケーションが上手くいかない ・Webのトレンドや最新ツールに関する情報が知りたい ・制作フェーズで「手戻り」が頻繁に発生してしまう 〈本書の特長〉 ・普遍的なWebディレクションの考え方とノウハウを伝えます。 ・トピックス形式で必要と感じたところから知識を吸収できます。 ・実際のプロジェクトを通じて培った実用的なノウハウが載っています。 〈本書の章構成〉 ■CHAPTER 1　ディレクションの「いま」 ■CHAPTER 2　企画 ■CHAPTER 3　設計 ■CHAPTER 4　制作・進行管理 ■CHAPTER 5　運用・改善

【最小限のリソースで、最大限の効果を上げる！ Webディレクションの新・標準ルール　改訂第2版が登場】 WebサイトやWebサービスの制作ディレクションに関する最新のトピックやノウハウを解説した書籍。制作現場で支持されてきたロングセラーの改訂版となります。昨今の「ワークフローとマネジメント手法の変化」を下敷きにしながら、「企画」「設計」「制作・進行管理」「運用・改善」のフェーズに沿って、ディレクションに携わる方に必ず知っていただきたい内容を掲載しています。 本書の特長は大きく2つ。1つ目は、現在・近い将来、現場で実務にかかわる方に向けて、「新しい情報」と「ディレクションの常道」をバランスよく交えて解説している点。必要と感じた知識から効率的に吸収してもらえるよう、トピックス形式で簡潔にまとめた記事構成としています。 そして2つ目は、上流工程に重きを置いている点。言うまでもなく、制作進行管理だけがディレクションではありません。プロジェクトが進むにつれて曖昧になりがちな点を上流工程でどのように固めるか、後工程で当初の目的からブレ出したときや遅れが発生したとき、どうやって軌道修正していくか、そこに多くのボリュームを割きました。 掲載しているノウハウは机上の空論ではなく、著者陣が実際のプロジェクトで培ってきた実践的・具体的なものです。いま・これからWebのプロジェクトにかかわるすべての方に読んでいただきたい内容になっています。 〈こんな方にオススメ〉 ・Webのトレンドや最新ツールに関する情報が知りたい ・ディレクションが機能せず、プロジェクトが思うように進まない ・チーム内でメンバー同士のコミュニケーションが上手くいかない ・制作フェーズで「手戻り」が頻繁に発生してしまう 〈本書の特長〉 ・Web業界の第一線で活躍する著者陣がそれぞれの得意分野を執筆しています ・実際のプロジェクトを通じて培った具体的なノウハウが載っています ・制作現場で活用できる実用的な手法や最新のツールを紹介しています 〈本書の内容〉 ■CHAPTER 1　ディレクションの「いま」 ■CHAPTER 2　企画 ■CHAPTER 3　設計 ■CHAPTER 4　制作・進行管理 ■CHAPTER 5　運用・改善

【限られた時間で最大限の効果を出すノウハウがわかる！】 本書はWebサイトのディレクションに関する最新のトピックやノウハウを解説した書籍です。最近のWeb制作における「ワークフローとマネジメント手法の変化」を下敷きにしながら、「企画」「設計」「制作・進行管理」「運用・改善」のフェーズに沿って、ディレクションを担う方に必ず知っていただきたい内容を掲載しています。 本書の特長は2つ。1つ目は、Web業界の第一線で活躍するバラエティに富んだ著者陣が執筆している点。掲載しているノウハウは机上の空論ではなく、著者のみなさんが実際のプロジェクトで培ってきた実践的・具体的なものです。2つ目は、上流工程に重きを置いている点。制作フェーズの進行管理だけがディレクションではありません。プロジェクトが進むにつれて曖昧になりがちな点を上流工程でどのように固めるか、後工程で目的からブレ出したときや遅れが発生したときに、どうやって軌道修正していくか、そこに多くのボリュームを割きました。 ディレクションを行う方だけではなく自社サイトを運営するWebマスターの方など、Webのプロジェクトにかかわるすべての方に読んでいただきたい内容になっています。 〈こんな場合にオススメ〉 ・Webのトレンドや最新ツールに関する情報がほしい ・ディレクションが機能せず、プロジェクトが思うように進まない ・チーム内でメンバー同士のコミュニケーションが上手くいかない ・制作フェーズで「手戻り」が頻繁に発生してしまう ・PDCAサイクルがPlan→Do→Planの繰り返しになってしまう 〈こんな方にオススメ〉 ・Web制作のディレクションを担当する方 ・Webサイトの企画提案・設計・デザインを行う方 ・自社サイトを運営するWebマスター 〈本書の章構成〉 CHAPTER 1 ディレクションの目的と役割 CHAPTER 2 企画 CHAPTER 3 設計 CHAPTER 4 制作・進行管理 CHAPTER 5 運用・改善

【リスクやトラブルを減らすための基本知識が身につく！】 Webサイト・Webサービスのディレクションや運営にかかわる方でも、「システム側のことはよくわからない」と身構えてしまう方は多いのではないでしょうか？　 本書は、システム設計・システム開発の基本的な知識と、開発をディレクションするうえでのノウハウを、エンジニアやプログラマーではない方にも理解いただけるよう平易な文章で解説したものです。システム開発の基本的なフローを説明したあと、「与件整理」「要件定義」「設計・開発・テスト」「リリース・運用・改善」のフェーズごとにわかりやすく解説しています。 また本書では、発注側・受注側（開発ベンダー）、両方の視点からシステム開発のプロセスとマネジメントのノウハウを、ワークフローに沿ったトピックス別に解説しています。本書の解説内容を通じて、開発プロセスを分解・整理・再構築でき、エンジニアや開発ベンダーの方でなくとも「システムディレクション」を担えるようになるはずです。 エンジニア同士では当然のように使われている特有の専門用語や基本的な事項についても、巻末の「基本用語集」などを通じて、なるべくていねいに補足しているのも本書の特長のひとつです。 〈こんな方にオススメ〉 ○Webサイト・Webサービスの制作をディレクションする方 ○Webサイト・Webサービスの制作を発注する側のシステム担当者 ○エンジニアと上手にコミュニケーションがとれず、お悩みの方 〈本書の特長〉 ○システム開発の第一線で活躍するディレクター、エンジニアが執筆 ○実際の開発プロジェクトを通じて培った「いま」のノウハウを掲載 ○解説中に出てくるシステム開発の専門用語をなるべくかみ砕いて説明 〈本書の章構成〉 CHAPTER 1　システム開発の基本とフロー CHAPTER 2　「与件」を整理する CHAPTER 3　「要件」を定義する CHAPTER 4　設計・開発・テスト CHAPTER 5　リリース・運用・改善 巻末付録　システム開発の基本用語集、用語索引

セマンティック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冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 スマートフォン最適化とは? 現場で活きる「基礎知識」と「デザイン手法」 今、急速に普及しているスマートフォン。「Webサイトはスマホからしか閲覧しない」というユーザーも増加し、スマホサイトの制作技術は現場の必須スキルとなりつつあります。今後はさらに「スマホの特性に合った機能的なデザイン」が求められるでしょう。 本書は、数多くのスマホサイト制作を手がけている著者が、スマホ最適化のための具体的なデザイン手法や知識を解説した1冊です。デザイン・設計の基本的な考え方はもちろん、HTML5&CSS3による制作手法をサンプルを使って解説。さらには現場で求められがちなデザインや動きの実装方法、軽量化のテクニックなど、現場で活きるテクニックも多数も解説しています。 はじめてスマホサイトを手がける方はもちろん、より機能的なデザインを目指す現場のプロにも役立つ1冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。 【読んで・見てわかる創造性×生産性の高め方！】 仕事の「はかどり（捗り）」をテーマにした本。 仕事の生産性・創造性を向上させ、ひいてはあなた自身やチーム・組織を「成長させる」ことを、本書では「はかどり」と呼んでいます。 個人視点での業務改善や仕事の取り組み方、チーム視点でのパフォーマンスの上げ方を見直す過程で、あなた自身やチーム・組織に「小さな変革」を起こしてもらうことが、本書の目的です。 そのためのさまざまなヒントを詰め込みました。 本書は全4章で構成しています。 Chapter1では、「はかどり」の目的や取り入れる場面について解説しています。 Chapter2では、一人から始められることを、Chapter3ではチームで取り入れられることを中心に、多角的なトピックスを取り上げています。 Chapter4では、実際にチームや組織で「小さな変革」を試みる際の、思考や行動の流れと大切な考え方を、具体例を交えて伝えます。 「はかどり」や「小さな変革」は、今目の前にある状況や事象を虫の目、鳥の目、魚の目で観察し、探索していくことが最初の一歩になります。 そのためのガイドとして、プレイヤー層、マネージャー層、双方に役立つ内容です。 〈こんな方にオススメ〉 ○仕事の生産性や創造性を向上させたい方 ○自身やチームを成長させる方法を模索中の方 ○チームのパフォーマンスを高めたいマネジメント層 〈本書の特長〉 ○個人／チームの両方で活用できる ○絵や図を取り入れながら、わかりやすく伝える ○具体例を織り交ぜながら実践的に解説している 〈本書の内容〉 ■Chapter1　「はかどり」を考える ■Chapter2　ワタシの「はかどり」 ■Chapter3　チームの「はかどり」 ■Chapter4　「はかどり」を生み出そう

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

【予算・時間・人手がなくても、成果を上げるノウハウ！】 Webサイトを運営する方に向け、コンバージョンアップにつながるWebマーケティングの知識やノウハウを集めた書籍。 Webマーケティングとひと口に言っても、SEO、アクセス解析、経路改善、コンテンツマーケティング、リスティング広告、SNSマーケティング……など、テーマが多岐に渡るうえ、Webサイトの運営者・担当者のみなさんは「Webマーケティングだけ」に多くの時間は避けないのが現状ではないでしょうか。 本書では、Webサイトを運営するみなさんが多忙な業務の間に、サイトの“小さな改善”を積み重ねられるようなノウハウとTIPSを集めました。「コンバージョンを上げるための基本」「ユーザーを集めるための施策」「ユーザーにできるだけ長く留まってもらうための施策」「ユーザーに再訪問してもらうための施策」の4章構成になっています。 「どうしたら成果が出るのか、コンバージョン数が伸びるのか」というテーマは、多くのWebサイトにとって永遠の課題です。一方で、Webマーケティングで「絶対に成功する」という方法論はありません。本書を通じて、すぐに着手できるところから改善してみませんか？ 〈こんな方にオススメ〉 ○企業のWebサイト運営者・担当者 ○ECサイトのマーケティング担当者 ○サイトを改善しようにも、どこから着手すればいいのか悩んでいる方 〈本書の章構成〉 Chapter 1　コンバージョンを上げる基本 Chapter 2　ユーザーを集める施策 Chapter 3　ユーザーを楽しませる施策 Chapter 4　再訪問してもらうための施策

【ビジネスフレームワークをワークショップ感覚で楽しく学べる本】 既存の型を埋めてみる段階は、フレームワークの初歩に過ぎません。本来の楽しみは、型を自己流にアレンジしたり、新しい型を生み出すことにあります。 フレームワークは使い方次第で“魔法の杖”になる道具ですが、一方で、取り扱いを間違えると、せっかくのアイデアや思考の広がりを阻害してしまうことにもなりかねません。 本書は「知る→守る→破る→離れる」の流れで構成されています。フレームワークの基本形にとどまらず、型をカスタマイズする、複数のフレームワークを組み合わせて活用する、新しい型を生み出す、といった実践的な使い方にも踏み込んで解説しました。 フレームワークの“本当の使い方”をマスターすれば、企画立案や問題解決、業務改善など、あなたの明日の仕事にも活かせるはずです。 〈本書の内容〉 ■Chapter 1　知る─フレームワークは思考の「型」 ■Chapter 2　守る─「型」通りに考えてみる ■Chapter 3　破る─「型」をカスタマイズする ■Chapter 4　離れる─新しい「型」を編み出す 〈本書で扱うフレームワーク〉 ○情報整理：ロジックツリー／MECE／As is/To be ほか ○事業分析：3C/4C／PEST分析／VRIO分析 ほか ○顧客理解：ペルソナ／共感マップ／カスタマージャーニーマップ ほか ○発想法：Yes, And／マンダラート／レゴ(R)シリアスプレイ(R) ほか ○体験設計：PASONAの法則／ストーリーボード／シナリオ・プランニング ほか ○戦略設計：バリュープロポジションキャンバス／ビジネスモデルキャンバス ほか ○自己理解：ジョハリの窓／Being Doing Having ほか ○目標設定：OKR／未来思考 ほか ○ふりかえり：KPT／YWT／Fun Done Learn ○サイクル：OODA Loop／コルブの経験学習サイクル ほか ○思考法：ロジカル思考／デザイン思考／ゴールデンサークル ほか 〈本書の特長〉 ・「守破離」の流れで、基本から実践までを解説しています ・イラストや図版を豊富に用いており、直感的に理解できます ・型を埋めるだけではない、“本当の使い方”がわかります 〈こんな場面で活用できる〉 ・説得力のある企画書を作成する ・顧客やユーザーが「本当に求めているもの」を可視化する ・無理やムダが多い業務のプロセスや課題を洗い出す ・自社や他社の事業をロジカルに捉え、分析する　...など 〈こんな方にオススメ〉 ・頭の中に散らばるアイデアを整理したい方 ・既存のやり方に捉われず、自由に発想を広げたい方 ・チームや組織が抱える課題を解決する糸口がほしい方 ・部門を横断する業務の効率化を図りたい方　...など

【どうすれば崩れないか、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冊です。

【UIをデザイナーだけが作るのは、もう古い！】 WebサービスやアプリのUIを、チームで協業して作り上げ、改善していくための仕組みや手法を解説した本。 ユーザーのニーズが多様かつ複雑で、移り変わりも早い今のような時代は、ユーザーの声やデータに潜むニーズから潜在的に求めているものを分析し、さらにプロトタイプやミニマムな完成品を作って改善を繰り返すといった、スピーディーな開発プロセスが求められています。「UIをデザインするプロセス」がデザイナーにしか見えないような従来のやり方では、こうしたスピーディーな開発プロセスを実現することが難しくなってきました。 本書では、UIの「デザインプロセス」そのものをプロジェクトチーム全体で共有しながら開発を進めていく手法の具体的な中身と、どのようにして現場で取り入れていけばよいのかを、事例も交えながら、できるだけわかりやすく伝えています。 デザイナーやエンジニアだけではなく、マーケティング部門や営業部門、ときには経営層も加わる「チーム」の中で、UIデザイナーが主導すべき役割や、ビジネス視点でサービス開発を捉えたときに「デザインでは解決できないこと」なども解説しています。 〈こんな方にオススメ〉 ・UIデザインに携わっている方 ・Webサービスやアプリの開発にかかわっている方 ・UIデザインやUXデザインに興味をお持ちの方 〈本書の章構成〉 CHAPTER 1　Webサービスの“カイゼン”と運用 CHAPTER 2　UIデザイナーは何をどうデザインする？ CHAPTER 3　「ビジネス視点」でサービスを成長させる CHAPTER 4　「ユーザーリサーチ」でサービスを改善する CHAPTER 5　「デザインシステム」を作り育てよう CHAPTER 6　デザインワークをチームで協業する

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