※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Ver2.5対応！ 速習入門＋リファレンスで試験範囲を効果的に習得！ 本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル2 Ver2.5」（2021年4月改訂版）に合格するための知識を身につけるための書籍です。 レベル2の試験範囲ではJavaScriptが大きなウェイトを占めます。 よって本書は大きく「速習入門」（Chapter1）と「リファレンス」（Chapter2～4）の2部構成となっています。 Chapter1では、HTML/CSSは書けるけれども、これまでプログラミングに触れたことがない方、または一度は学習したけれども挫折したといった人に向けて、「JavaScriptがどんなものか」「ウェブ制作の現場においてどのように使われているか」をじっくり学べるように構成されています。 Chapter2～4は、「HTML5プロフェッショナル認定試験 レベル2」の出題範囲を対象として、網羅的・体系的にまとめてあります。「JavaScriptの文法」ではJavaScriptの文法を簡潔にまとめ、「WebブラウザーにおけるJavaScript API」ではイベント、DOM、ウィンドウオブジェクト、Selectors APIなどのトピックを、「さまざまなHTML5関連API」ではグラフィックス・アニメーション、マルチメディア、ストレージ、通信、デバイスアクセス、パフォーマンスなどのトピックを扱っています。 Ver2.5では、出題範囲としてES6（ECMAScript2015）以降の新機能が追加されています。ES6の新機能自体は多くのものがありますが、本書では出題範囲として明記されているものを中心にカバーしました。 「リファレンス」（Chapter2～4）でES6以降の新機能に対応したのはもちろん、「速習入門」（Chapter1）もES6時代のJavaScript入門として大幅に改訂しました。 「HTML5プロフェッショナル認定試験 レベル2 Ver2.5」の合格を目指す方にも、Webのプロフェッショナルを目指してHTMLのAPIとJavaScriptの知識をしっかり固めたい方にもぴったりの1冊です。 Chapter1 速習JavaScript入門 Chapter2 JavaScriptの文法 Chapter3 WebブラウザーにおけるJavaScript API Chapter4 さまざまなHTML関連API 右寺 隆信（みぎてら たかのぶ） グロースデザイナー・フロントエンドエンジニア・ボードゲームデザイナー。 過去に複数のウェブ技術系ベンチャー企業でディレクター・デザイナー・フロントエンドエンジニア・グロース担当など様々な職務を経験する。 2016年11月よりフリーランスとして独立。複数の企業のデータ分析・数値改善に携わる一方、フロントエンド開発もおこなう。 2019年10月より合同会社MIGIを設立し、代表社員として活動中。 サイト: <a href="https://migi.tech">https://migi.tech</a> 立川 敬行（たちかわ たかゆき） NTTテクノクロス株式会社主幹エンジニア、工学博士。1998年入社。 サーバサイドJavaからモバイルJavaまで幅広くJava関連の開発業務に従事。Ajax関連の技術を業務に利用し、Web2.0に触れることにより、HTMLを含めたWeb全般の技術に興味を持つようになる。2010年よりHTML5関連の業務に従事し、HTML5推進室にてプロジェクトへの技術支援や技術者育成に力を注ぐ。現在は、Web技術全般を利用したプロジェクトの技術支援を行っている。 石井 博幸（いしい ひろゆき） NTTテクノクロス株式会社 アシスタントマネージャ。2005年入社。 2010年から2014年にかけて、W3C CSS Working Groupに所属し、電子書籍関連の仕様に携わる。 現在はHTML5関連技術における社内への技術支援と共に、自社製品開発に従事している。

【Vue.js 3.x対応！ 本物のエンジニアを目指す“次の一歩”】 いまのWebアプリケーションの構築には、フレームワークの採用が当たり前になっています。なかでもVue.jsはUIの構築に特化した機能を備えており、既存のWebサイト等にも段階的に取り入れやすい設計になっています。本書は、HTML・CSS・JavaScriptの基本的な知識をもっている方向けに、いま学んでおくべきVue.jsの基本を解説していきます。 本書は3部構成に分かれています。“基本”のパートでは、ToDoアプリケーションを作成しながら、Vue.jsの基礎をじっくりと身につけていきます。次の“実践”のパートでは、モーダルやカルーセル、リスト抽出にクイズコンテンツと、よくあるUIや機能を実際にVue.jsでWebサイトへ組み込む方法を解説。最後のパートとなる“最前線”では、Nuxt.jsとHeadless CMSを利用したJamstackによるサイト構築の最新ワークフローを身につけます。 Vue 3.xに対応しており、掲載コードはダウンロードできます。実際に手を動かしながら現場でのVue.jsの使い方が身につく、これから本格的に学びたい人に最適の1冊です。 〈こんな方にオススメ〉 ・エンジニアとしてステップアップしたい ・jQueryでは難しい、本格的なWebアプリケーションを作りたい ・現場で役立つスキルを身につけたい 〈本書の特長〉 ・基本→実践→最前線の3ステップで身につく ・掲載コードをダウンロードして手を動かしながら学べる ・Jamstackなどの最新の開発手法も学べる 〈本書の内容〉 ■PART1　Vue.jsの基本を学ぶ Vue.jsとは？／Vue.jsの第一歩／v-modelでフォームの使い勝手を向上／フォームの操作／コンポーネント ■PART2　Vue.jsをWebサイトに組み込む モーダルを作ってみよう／カルーセルを作ってみよう／アコーディオンを作ってみよう／商品一覧表示&検索を作ってみよう／クイズを作ってみよう ■PART3　Jamstackで静的サイトを作る Nuxt.jsの準備をする／Nuxt.jsで静的なページを作る／部分的にCMS化する／Netlifyへデプロイする

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 JavaScriptライブラリReact＋Atomic Designの導入によるコンポーネントの設計から実装まで。現場で使える、実務に役立つ知識とノウハウを習得したいエンジニアのための、React実践書です。 Reactはフロントエンド開発に革新的な影響を与えました。従来のJavaScriptライブラリと比較して、構築へのアプローチが変わり、今後のUI開発に対する大きなヒントとなり得ます。本書はそうした視点から、Reactを解説していきます。 Chapter01「Web開発の動向」は品質、コスト、スケジュールの観点から、プロジェクト成功における設計の重要性を明らかにします。 Chapter02「Reactの基本」は、Reactの概要、環境構築、記述方法、JSXを解説します。 Chapter03「Atomic Design」では、注目度の高いUIデザインの設計手法、Atomic Designを解説します。 Chapter04「ソースコードのビルド」ではビルド作業の実際を解説します。 Chapter05「コンポーネントの実装」では、UI開発の基本であるコンポーネントの実装方法を解説します。 Chapter06「CSSの実装」では、UI構築において重要なCSSによるスタイリングについて、構造化設計に沿った実装方法を紹介します。 Chapter07「ロジックの実装」では、UIロジックの根幹の状態管理に焦点を定め、Reduxアーキテクチャを例に組み込み方法を解説します。 Chapter08「プロダクトの品質」では、品質向上や品質維持に繋がる手法と実現するツールを紹介します。

高性能・高機能CSSフレームワークとして高い人気を誇る「Bootstrap」がバージョン5になり，レガシーなIE対応やjQueryコードの完全排除，コンポーネントやフォームの刷新，CSS Grid対応などが行われた，より洗練されたモダンなフレームワークへと生まれ変わりました。本書は，Bootstrap 5の基本から，CSSクラスを利用したスタイリング，コンポーネントやJavaScriptを利用したUI実装などを解説，後半ではWebページのモックアップの実装方法やオリジナルフレームワークを作るためのカスタマイズ方法などもていねいに解説しているので，1冊でBootstrap 5の基礎から活用方法まで，すべて身に付く内容になっています。

　本書では、Vue.jsのコードの書き方だけなくモダン開発に必要となる現場のノウハウを紹介しています。 　本書では、CHAPTER 01で導入/おさらい、CHAPTER 02で1つのシンプルな静的なWebサイト制作について解説しています。CHAPTER 03とCHAPTER 04は基本的に順番は関係ないので、CHAPTER 02のWebサイトをベースに興味のある章へ進んでください。 　本書は下記のような読者を対象としています。 ・HTML/CSS、TypeScript（JavaScript）の基本的な知識をお持ちの方 ・公式ガイドやVue.js初級入門書などを読み終えたVue.js中級者の方 ・Vue.jsを用いて実際のWebサイトがどのように作られているか知りたい方 ・Vue.jsをベースにさまざまな技術の実装概念が知りたいディレクターの方

【ユーティリティクラスという「契約」の力】 本書はTailwind CSSの実践的な入門書です。フロントエンドエンジニア、マークアップエンジニア、そしてデザインシステムの構築に興味があるデザイナーを対象に、Tailwind CSSの中核的な思想である「ユーティリティファースト」の理解へといざないます。Tailwind CSSの基本的な使い方や、デフォルトテーマによって提供されるクラスの紹介はもちろん、テーマのカスタマイズやプラグインの作成によってデザインシステムを作るための実践的なノウハウも詳説します。 ■こんな方におすすめ ・フロントエンドエンジニア、マークアップエンジニア ・デザインシステムの構築に興味があるデザイナー ・HTML+CSSはすでに身についているが、Tailwind CSSは使ったことがない方 ・Tailwind CSSをすでに使っているが、より良い使い方を求めている方 ・既存環境から移行やデザインシステムの構築に関心がある方 ■目次 ●第1章 ユーティリティファーストとは何か 　　1.1 ユーティリティファーストによるマークアップの基本 　　1.2 ユーティリティファーストのメリット 　　1.3 CSS設計の変化の歴史 　　1.4 既存のCSS設計から学べる教訓 　　1.5 なぜ今ユーティリティファーストなのか ●第2章 Tailwind CSSはどういうフレームワークか 　　2.1 Tailwind CSSが何を提供しているか 　　2.2 Tailwind CSSが何をやっていないか 　　2.3 まとめ ●第3章 Tailwind CSSを導入する 　　3.1 Tailwind CSSをインストールする 　　3.2 設定ファイルを書く──セットアップに必要な設定 　　3.3 設定ファイルを書く──テーマをカスタマイズする 　　3.4 開発用に確認する 　　3.5 エディタをセットアップする ●第4章 Tailwind CSSでマークアップする 　　4.1 Tailwind CSSにおけるマークアップ 　　4.2 基本的なユーティリティ 　　4.3 基本的なモディファイア 　　4.4 特殊な記法 　　4.5 公式プラグインを便利に使う ●第5章 Tailwind CSSの背後にあるコンセプトを理解する 　　5.1 プラガブルなCSSフレームワークであること 　　5.2 JITとは何か 　　5.3 関数とディレクティブ 　　5.4 Preflight 　　5.5 ダークモード ●第6章 Tailwind CSSでコンポーネントを設計する 　　6.1 CSSにとって抽象とは何か 　　6.2 コンポーネントの責務とインタフェース 　　6.3 コンポーネントに閉じないスタイルを前提に設計する 　　6.4 Tailwind CSSを補完するライブラリ群 ●第7章 Tailwind CSSをカスタマイズする 　　7.1 設定ファイルの高度な利用 　　7.2 presetを配布・利用する 　　7.3 JavaScript APIを利用する 　　7.4 独自のプラグインを作成する ●第8章 Tailwind CSSを既存のプロジェクトに導入する 　　8.1 なぜ既存のプロジェクトにTailwind CSSを導入するのか 　　8.2 既存CSSとの衝突を避けるために気を付けること 　　8.3 まとめ ●第9章 ユーティリティファーストでデザインシステムを構築する 　　9.1 デザインシステムとは何か 　　9.2 デザイントークンを定義する 　　9.3 デザインシステムを継続的に運用する 　　9.4 Tailwind CSSだけでは担保できないデザインシステムの領域 ■著者プロフィール 工藤智祥：1991年生まれ。名古屋大学大学院情報科学研究科を経て、2016年ピクシブ株式会社に新卒入社。フロントエンドを中心にWebエンジニアとしてクリエイター向けプラットフォームの開発に携わる。2020年よりピクシブ社内のデザインシステム「charcoal」の開発に関わり、Tailwind CSSを基盤技術の一つに選択。2022年にOSS化した。著書（共著）に『入門GUI──Webブラウザで作る本格インタラクション』（インプレスR＆D）がある。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 HTML 業界の第一人者達による書き下ろし! 新しい技術が日々登場するWebの世界で、今やHTML5関連は欠かすことのできない技術となりました。どんな職種であれWebプロフェッショナルを目指すには、HTML5に関する知識と技術の修得が必須となっています。「HTML5プロフェッショナル認定資格」は、LPICでおなじみの特定非営利活動法人エルピーアイジャパン(LPI-Japan)が、HTML5、CSS3、JavaScriptなど、最新のマークアップに関する技術力と知識を、公平かつ厳正に中立的な立場で認定する認定資格です。本認定制度には「レベル1」と「レベル2(策定中)」の2つのレベルがあり、本書は「レベル1」に対応した試験対策書です。 学習しやすい構成×狙われやすい項目が一目瞭然! 本書はHTML5 Professional Certification Level.1の出題範囲を完全網羅しつつも、最速で試験に合格することを目指せる構成となっています。狙われやすい項目を3段階の「重要度」で示しているため、メリハリを利かせた学習が可能です。 問題集は不要、この1冊で合格までOK! 本書は各節末に出題ポイントをついた練習問題を掲載し、さらに読者特典として本番試験を想定した模擬試験問題をWebからダウンロードできます。この1冊で合格できる質と量の問題を十分に掲載しています。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ※この電子書籍は紙版書籍のページデザインで制作した固定レイアウトです。 ノンエンジニアでもわかる！　やさしいVue.js入門書 Web デザイナー・Web 担当者・初級のフロントエンジニアなど、「Web の見た目」を作る人に向けたVue.js の入門書です。 ノンエンジニアでもむりなく読み進められるように、難しいことは極力省いて、図を用いながらできるだけ平易に解説していきます。 Vue.jsは、使いこなせればさまざまなことが実現できます。しかし本書では、Vue.js のおおまかな仕組みと、最低限の動かしかたを理解することを目的とします。まずは使ってみて、手を動かしながら感覚を掴んでいく、というイメージです。 「Vue.jsのガイドを読んでみたけれど、うまくイメージできなかった」「他の書籍を読んでみたけれど、高度でついていけなかった」という方におすすめです。 必要とする前提知識は、HTML とCSS のみです。なるべくやさしい表現と図を用いて、Vue.js とはなにか、どう役に立つのかを明確にしたのち、JavaScript の基礎知識、Vue.js の作法を丁寧に解説します。 JavaScriptはコピペでしか触ったことがない、という方でも安心して読み進めてください。 ＜Vue.js とは？＞ JavaScript フレームワークのひとつ。JavaScript 自体のコードを書かなくても、HTML やCSS の基礎的な知識があれば低い学習コストでさまざまな機能が実装できます。ノンエンジニアでも導入しやすいことから、Web デザインの現場で使われ始めています。 ＜本書の特徴＞ ・フロントエンド開発の未経験者や初級者を想定して、基礎的なところから平易に解説していきます。 ・HTML、CSS、JavaScriptのファイルのみで即実行できるサンプルを多数掲載します。初級エンジニアの入門にも最適です。 Chapter 1　スタートアップ　～なぜVue.js が必要なのか？～ Chapter 2　Vue.jsのためのJavaScriptの基礎 Chapter 3　Vue.js デザインのキホン Chapter 4　簡単なUIを作ってみよう Chapter 5　現場で使えるUIデザインレシピ集

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ◇スクレイピング・テクニックの基礎と実践を学べる。Webからデータを収集、適切なデータセットを作成しよう！―本書では、HTTP／HTML／CSSといった基本技術の仕組み、フォーム／ログイン／Cookie／JavaScriptへの対応、クローラーの開発、ベストプラクティスを解説。データサイエンス指向の15のサンプルも収録。Pythonの各種ライブラリを活用！［requests、Beautiful Soup、Selenium、records、matplotlib、pandas、scikit-learn … etc.］◇Webページから情報を取得するスクレイピングは、データサイエンスに必須の技術です。本書では、Pythonを使ったスクレイピングの基本と実践を解説。有用なツール、ベストプラクティス、実用サンプルについても説明。本当に興味深いプロジェクトは、情報という宝の山を探索することから始まります。本書を携えて探索の旅を進めていきましょう。◇本書は『Practical Web Scraping for Data Science: Best Practices and Examples with Python』の翻訳書です。◇Pythonプログラミングの基礎を理解していることを前提に解説しています。

CSS設計は多くの現場で導入されていますが、いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。 そこで本書は、CSSのさまざまな設計手法を紹介しつつ、考え方や実践のポイントを明確化します。そのうえでボタン、ラベル、カード、テーブル…といったウェブの定番的なモジュールを網羅的に取り上げ、さらにはそれらの組み合わせ方まで、実践的なコードを紹介します。 代表的な設計手法である「BEM」と、著者が開発した設計手法「PRECSS」によって対比的な解説を加えており、思考をなぞることで最適解が炙り出されることでしょう。 駆け出しのウェブ開発者、フロントエンドエンジニアの方に、ぜひ読んでいただきたい1冊です。

現在のWebデザイン，およびWebフロントエンド開発の現場では，CSSフレームワークの理解と習熟が必須となっています。本書は，高性能・高機能CSSフレームワークとして高い人気を誇る「Bootstrap」の本格的な解説書です。最新のBootstrap 4に完全対応し，CSSフレームワークの基本から，CSSクラスを利用したスタイリング，コンポーネントやJavaScriptを利用したUI実装，オリジナルテーマによるカスタマイズ方法まで，Bootstrap 4の全機能が身に付く内容になっています。一歩先を目指すWebデザイナー＆Webフロントエンドエンジニアにお勧めの一冊です！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「HTML5プロフェッショナル認定試験 レベル1」の対策テキストなら鉄板のこの1冊！ 本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル1 Ver2.5」（2022年2月改訂版）に合格するための知識を身につけるための書籍です。 ※「HTML5プロフェッショナル認定試験」は、HTML5やCSS3、JavaScriptなど、最新のマークアップに関する技術力と知識を認定するための資格試験です。デザイン、Web、開発に関わる幅広い職種を対象としています。試験名には「HTML5」が使われていますが、最新の標準仕様であるHTML Living Standardに基づいて作成されており、本書もそれに基づき執筆・制作されています。 本書は、LPI-Japanによって公開されている出題範囲をしっかりと押さえつつ、関連する知識も含めて、読みやすく、覚えやすい形でまとめています。 紙面では、「用語解説」や「注意するポイント」「補足説明」などを適切に切り分けて掲載し、重要な点がスムーズに学べるよう配慮しています。 また、各章の最後には問題集を用意しています。これにより、学習した内容の理解度を確認するとともに、しっかりと定着させていくことができます。 今回の改訂版では、新しい試験範囲と仕様の変更に沿って、HTML、CSSの解説を全面的に見直し、ブラッシュアップしています。 出題範囲の改訂にあわせて項目の追加や削除、内容の修正、順番の入れ替えなどを行い、より読みやすく、理解しやすい内容になっています。 Chapter1　HTML Chapter2　CSS Chapter3　レスポンシブWebデザイン Chapter4　API概要 Chapter5　Web関連の規格と技術 大藤 幹（おおふじ みき） 1級ウェブデザイン技能士。ウェブデザイン技能検定特別委員、若年者ものづくり競技大会ウェブデザイン職種競技委員。現在の主な業務は、コンピュータ・IT関連書籍の執筆のほか、全国各地での講演・セミナー講師など。 著書は『プロを目指す人のHTML&amp;CSSの教科書』（マイナビ出版）、『今すぐ使えるかんたんEx HTML&amp;CSS 逆引き事典』（技術評論社）、『詳解HTML&amp;CSS&amp;JavaScript辞典』（秀和システム）など60冊を超え、HTML5プロフェッショナル認定試験の公式サイトにおけるサンプル問題も多数提供している。 Chapter 1～2、Appendix担当。 鈴木 雅貴（すずき まさたか） NTTテクノクロス株式会社 主任エンジニア。 学生時代にインターネットの世界に出会い、表現場所としての可能性を感じるとともにこの世界に関わりたいと考え、1999年入社。2010年よりHTML関連の業務に従事し、Web技術を中心とした技術支援や技術者育成に力を注ぐ。アヒルが好き。 Chapter 3～5担当。

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。 【Laravel 9の最新環境でWebアプリケーションを構築！】 PHPでWebアプリケーションを構築する際、第一候補として挙がるのがLaravelでしょう。本書は、最新バージョンであるLaravel 9に対応した、プロを目指す方のためのLaravel入門書です。 本書ではまず、ローカルのパソコン上にDockerとLaravel Sailの開発環境を構築します。そのうえで、Laravelを利用してつぶやき投稿アプリを構築し、さまざまな機能を実装しながら、現場で必須となるテスト・デプロイまでの工程を体験できます。 作成するつぶやき投稿アプリは、CRUDと呼ばれる一般的なWebアプリケーションのベースとなる機能に加え、ログイン機能、画像投稿機能、メール送信機能など、広く使われる機能を加えた実践的なものです。同梱のCSS・JavaScriptフレームワークを利用した、フロントエンドの構築方法も学べます。 また、本書に掲載されているコードはテキストおよびPHPファイル等でダウンロードできます。エラーが発生した際には正しいコードと比較したり、部分的にコピー＆ペーストして正しい状態に修正したりできるので、学習もつまずきません。「PHPはひととおりわかったから、これからLaravelを始めたい！」という方にぜひお読みいただきたい一冊です。 〈こんな方にオススメ〉 ・これからLaravel 9を学習したい方 ・Docker＋Laravel Sailを利用した構築方法を学びたい方 ・Laravelの標準的な構築を学びたい方 ・GitHubを利用したテスト・デプロイの自動化を知りたい方 〈本書の内容〉 ■CHAPTER1　Laravelを始める準備 ■CHAPTER2　アプリケーションの基本構造を作る ■CHAPTER3　アプリケーションを完成させる ■CHAPTER4　Laravelのさまざまな機能を使う ■CHAPTER5　アプリケーションのテスト＆デプロイ 〈本書の特長〉 ・汎用性の高いWebアプリケーションの構築方法を学べる ・Docker＋Laravel Sailの最新の開発環境で学習できる ・部分的な掲載コードやターミナル上の実行コマンドもコピペできる ・テスト・デプロイなどの構築後の工程も詳説

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書では、SharePoint Online(Office 365)およびSharePoint Server 2016のサイトカスタマイズとアプリ/アドイン/Webパーツの開発方法を豊富な画面でわかりやすく解説しています。 WebブラウザーやVisual Studio、PowerApps、FlowでJavaScriptやCSS、SharePoint Frameworkなどを使用して、サイトのデザイン変更や機能追加、メニューコマンドの追加や表示/非表示、ワークフローの作成、アプリ/アドイン/Webパーツの開発を行う方法について説明します。 初めてSharePointのカスタマイズ/開発を行う方でも、画面を見ながら手順に従って操作するだけで目的の作業を行うことができます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「難しい」と敬遠していたCSSグリッドがきちんと身につく。 CSSグリッドを用いてWebサイトをデザインするための実践的な知識をまとめました。 より深く理解し身に着けるために、HTML & CSSの歴史から振り返り、CSSグリッドの立ち位置や基本を見直した上で、 実践的なパーツやUIを構築し、力がつく一冊になっています。 「CSSグリッドってなんだか難しい」と距離を置いていた方も、きっと使える知識が身につきます。 Chapter 1　Web標準のレイアウトシステム Chapter 2　CSSグリッドの誕生とその特徴 Chapter 3　基本のグリッド Chapter 4　CSSグリッドのロジック Chapter 5　グリッドレイアウト実践 エビスコム ebisu.com/ Webと出版を中心にフロントエンド開発・制作・デザインを行っています。 HTML/CSS、WordPress、 GatsbyJS、 Next.js、 Astro、 Docusaurus、Figma、 etc. 主な編著書： 『作って学ぶ WordPress ブロックテーマ』マイナビ出版刊 『作って学ぶ Next.js/React Webサイト構築』マイナビ出版刊 『作って学ぶ HTML＆CSSモダンコーディング』同上 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『WordPressノート クラシックテーマにおけるtheme.jsonの影響と対策 2023』エビスコム電子書籍出版部刊 『Astro v2とTinaCMSでシンプルに作るブログサイト』同上 『HTML&CSS コーディング・プラクティスブック 1～8』同上 ほか多数 ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これからのWordPressテーマ作成の標準、ブロックテーマをきちんとマスターする！ 制作環境が大きく変わりつつあるWordPress。サイトエディターを中心としたブロックテーマの制作環境が整い、ノーコードでのテーマ制作やサイトの構築が一気に形になってきました。それに合わせるようにWordPress の開発も、ブロックテーマを前提としたものへと変化を始めています。 新しいテーマ作成手法である「ブロックテーマ」を習得することは、クラシックテーマやハイブリッドテーマを作る上でも役立ちます。 本書はブロックテーマを作成する過程を通して、 ・ブロックテーマの作成の流れ ・サイトエディターの使い方 ・theme.json の作成方法とその目的 ・theme.json を中心とした、これからのWordPress のスタイリング がしっかり理解できる内容となっています。 これからのWordPressテーマ制作に、ぜひ活用してください。 エビスコム さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 主な編著書： 『作って学ぶ　Next.js/React　Webサイト構築』マイナビ出版刊 『作って学ぶ HTML&amp;CSSモダンコーディング』同上 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『CSSグリッドレイアウト デザインブック』同上 『WordPressレッスンブック 5.x対応版』ソシム刊 『フレキシブルボックスで作るHTML5&amp;CSS3レッスンブック』同上 『CSSグリッドで作るHTML5&amp;CSS3レッスンブック』同上 『HTML&amp;CSS コーディング・プラクティスブック 1～7』エビスコム電子書籍出版部刊 『グーテンベルク時代のWordPressノート テーマの作り方（入門編）』同上 『グーテンベルク時代のWordPressノート テーマの作り方（ランディング＆ワンカラムサイト編）』同上

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ステップバイステップでマスターする、Next.jsによる「これからの」Web制作 Reactベースのフレームワーク、Next.jsによるWeb構築の基本と実践を、ステップバイステップで学べる本。 本書は、これまでHTML&amp;CSSを使ってきたものの、Reactにはちょっと手を出せなかった方を対象に、実際にブログを作成しながら、Next.jsを使ってサイトを構築できるようになることを目指しています。 Next.jsはReactの環境が簡単に整い、サイトも構築でき、静的生成やサーバーサイドレンダリングも試せます。学ぶ環境としても、経験を積む環境としても、そして実務のための環境としてもバランスよく整っているといえます。 Next.jsの基本的な機能が理解できることはもちろん、Reactの基本やReactでのCSSの扱いもしっかり解説しています。 ●構成 Chpater1　ReactとJSX Chpater2　コンポーネント Chapter3　CSS Modulesとスタイル Chpater4　レイアウトのスタイル Chapter5　画像とアイコン Chapter6　メタデータ Chapter7　外部データの利用 Chapter8　記事データの表示 Chapter9　動的なルーティング Chapter10　React Hooks（フック） ●本書で制作するサンプルサイトについて 本書ではNext.jsを使用して、ブログサイトをステップ・バイ・ステップで構築していきます。Next.js、React、JavaScript、CSS Modules、styled-jsxの活用方法や設定をわかりやすく見ていくため、ミニマルでシンプルなデザインにしてあります。Figma のデザインデータとして、デザインシステム（コンポーネント＆デザイントークン）もセットで用意していますので、実装時の参考にしてください。記事データの管理にはヘッドレスCMSのmicroCMSを利用します。 Chpater1　ReactとJSX Chpater2　コンポーネント Chapter3　CSS Modulesとスタイル Chpater4　レイアウトのスタイル Chapter5　画像とアイコン Chapter6　メタデータ Chapter7　外部データの利用 Chapter8　記事データの表示 Chapter9　動的なルーティング Chapter10　React Hooks（フック） エビスコム さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 主な編著書： 『作って学ぶ HTML&amp;CSSモダンコーディング』マイナビ出版刊 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『CSSグリッドレイアウト デザインブック』同上 『WordPressレッスンブック 5.x対応版』ソシム刊 『フレキシブルボックスで作るHTML5&amp;CSS3レッスンブック』同上 『CSSグリッドで作るHTML5&amp;CSS3レッスンブック』同上 『HTML&amp;CSS コーディング・プラクティスブック 1～7』エビスコム電子書籍出版部刊 『グーテンベルク時代のWordPressノート テーマの作り方（入門編）』同上 『グーテンベルク時代のWordPressノート テーマの作り方（ランディング＆ワンカラムサイト編）』同上

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「高速化＆最適化」「メタデータ対応」「SPAやPWAへの対応」など、これからのWebサイトに求められる要素に対応するための、静的サイトジェネレーターの活用書。本書は「GatsbyJS（Gatsby）」を使って、「ReactやJavaScript（ECMAScript）に自信が無くても、実用レベルのWebサイトを構築できるようになる」ことを目標にしています。サンプルサイトを制作しながら、ステップ・バイ・ステップで解説していきます。Gatsbyへのアプローチ方法は色々と考えられますが、本書ではHTML&CSSで作成したベースとなるページを元に、サンプルのサイトを作成していきます。書籍の構成として、大きく2部構成になっています。「イントロダクション」では、今どきのWebサイトに求められることや、静的サイトジェネレータの解説、Gatsbyについてまで解説しています。「第1部　基本的なWebサイトの構築」では、トップページとアバウトページを作成し、基本的なWebサイトを構築します。それぞれベースとなるページを元に形にしていき、画像の最適化、高速化、メタデータの設定、PWA化などの設定を行います。「第２部　ブログの構築」では、ブログを構築して、第１部で作成したサイトに記事ページと記事一覧ページを追加します。各ページはベースとなるページを元に、外部からコンテンツデータを読み込んで形にしていきます。第１部と同様に画像の最適化などの設定も行います。巻末の「APPENDIX」では、gatsby-imageを簡単に扱えるようにする方法、Googleアナリティクスの設定、gatsby-p

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Microsoftの標準Web開発プラットフォーム、ASP.NET MVCを初めて学ぶ人のための本です。C#を最低限理解できている人を対象に、ASP.NET MVCプログラミングのための環境構築、大まかな開発の流れ、ASP.NET MVCを構成する基本要素Model/View/Controllerそれぞれの開発テクニック、ルーティング、JavaScript/CSSによるクライアントサイド開発、単体テスト、認証のノウハウを解説します。Java、PHP、Rubyの経験者にもオススメ！

Tailwind CSSは保守性や拡張性の高さなどから注目されているCSSフレームワークです。ただ、とっつきにくさがあるのも事実です。 そこで、本書ではそのハードルを少しでも下げるべく、Tailwind CSSの導入（CHAPTER 01）から、実践的な利用方法（CHAPTER 11～12）を紹介します。手を動かしながら学べる内容になっているので、初学者の方はぜひ実践していただければと思います。 　また、CHAPTER 02～10ではよく使われるTailwind CSSのクラスを紹介しています。これはTailwind CSSの公式Webサイトに記載のあるものをまとめた形です。Webの情報は検索性、保守性に優れており、目的の最新情報に簡単にたどり着けるのが特徴です。

■本書の概要 現在、多くのHTML/CSSに関する入門書が出版されています。 しかし、入門書を読んで基本的な知識を身につけるだけでは、実際にWebサイトを作ることはできません。 思い通りのデザインを作るには様々なテクニックが必要です。 本書では、HTML/CSSを使いこなすにあたって欠かせないテクニックを解説しています。 ■本書対象となる読者 本書は、入門書だけではカバーできない中級者向けの内容です。 入門書を読んではみたものの、いざWebサイトを作ろうとするとうまく表現できない方や 入門書の次に読んでステップアップしたい方におすすめです。 ●書いていること ・CSSを使ったテクニック ・入門書では紹介されないCSSプロパティ ・テクニックのメリットとデメリット ●書いていないこと ・HTML/CSSの開発環境構築 ・CSSの基本的な知識 ・Sass/Lessを用いたソースコード

　本書はWebアプリ用のPythonを使って会員制サイトを作る入門書です。Pythonで会員制サイトを作ると聞くと「どうせDjangoやFlaskを使うんでしょう？」と思われるかもしれませんが、本書は追加パッケージをまったく使わずにPythonの標準モジュールだけを使って会員制サイトのシンプルなゲームSNSを開発します。 　Pythonと一緒にインストールされた標準モジュールだけを使う理由は、リーズナブルなレンタルサーバーはPythonに機能追加するpipが使えないからです。つまりDjangoやFlaskが使えないからです。 　本書では、まず、「HTML5＋JavaScript＋CSS＋jQuery」でミニゲームを開発したり、各Webページの作成などを解説しています。その後は、作成したWebページをもとに、PythonでWebページを書き出したり、データベース「SQLite3」の利用方法などを解説しています。

簡単に説明すると、CSS組版とはWebページの技術を使って本を作ることで、Vivliostyleはそれを実現するためのソフトウェアです。本書も（カバーを除いて）すべてVivliostyleで制作しています。 本書ではVivliostyle（ビブリオスタイル）を使ったCSS組版について、環境の構築から基本的な内容のハンズオン、実践的なテクニックまで丁寧に解説しています。 Markdown（マークダウン）の書き方やCSS組版のテクニック集、実際に印刷所への入稿データを作る際の注意点など、現場のノウハウが満載の1冊です。

本書は、電子書籍を［InDesign］から書き出して完成させる手順を詳細に解説した、初心者・素人にも分かる［Epub3］手引書。［Word］からテキスト抽出する場合の注意点、テキスト編集の仕方、エディタ［Mery］のマクロの使い方、［InDesign］におけるドキュメントの設定方法、［段落スタイル］［文字スタイル］の使い方、目次機能の使い方、［Epub3］書き出しの具体的なやり方、［Epub3］解体と編集の具体例による修正の仕方、［opf］［css］などの修正方法、［EPUB-Check］の仕方、ビューアーでの点検方法などの電子書籍を書き出す手順のすべてを、具体例を示して解説した実践のための手引書。電子書籍作成の初心者にわかるように、［DTP］編集者の目線で徹底的に解説。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【クライアントワークで必須のWordPressスキルが身につく！】 本書は、WordPressを使ってWebサイトを制作・運用するうえで必須の知識を基本から解説した学習書です。WordPress 6.xに対応。 書籍の前半では、HTML/CSSで作られた静的なWebサイトにWordPressを適切に組み込み、オリジナルのWordPressテーマを作成する手順をわかりやすく解説します。また、「カスタム投稿タイプ」「カスタムフィールド」「カスタムタクソノミー」といった機能の使い方も紹介。 書籍の後半では、管理画面のカスタマイズ、SEO対策、マルチサイト機能、セキュリティ、高速化など、WordPressの運用・管理に関するさまざまなノウハウを取り上げています。サイトの制作・運用・管理にオススメの各種プラグインについても、設定手順や利用のポイントを丁寧に解説しており、クライアントワークでWordPressを使いこなすためのスキルがしっかり身につきます。 ■目次 ■CHAPTER 1 WordPressの準備と基本設定 　　1-01 WordPress をインストールする 　　1-02 管理画面の使い方と初期設定 　　1-03 投稿する 　　1-04 新規ユーザーの登録とWordPressの権限 ■CHAPTER 2 基本的なテーマを作成する 　　2-01 WordPressのテーマ 　　2-02 テンプレートファイルとテンプレート階層 　　2-03 WordPressのテンプレートタグ 　　2-04 テンプレートを分割する 　　2-05 分割したテンプレートを作り込む 　　2-06 WordPressループを作成する 　　2-07 個別投稿ページを作成する 　　2-08 投稿の一覧ページを作成する 　　2-09 固定ページを作成する 　　2-10 グローバルナビゲーションを作成する 　　2-11 テーマを完成させる ■CHAPTER 3 プラグインを利用する 　　3-01 プラグインで機能を拡張する 　　3-02 パンくずリストを作成する 　　3-03 メールフォームを作成する 　　3-04 投稿一覧のページナビゲーションを作成する ■CHAPTER 4 Webサイトを拡張する 　　4-01 投稿一覧をコントロールする 　　4-02 投稿の詳細ページにコメント欄を追加する 　　4-03 独自の固定ページを作成する 　　4-04 パスワード保護されたページを作成する ■CHAPTER 5 投稿タイプ・フィールド・タクソノミーをカスタマイズする 　　5-01 カスタム投稿タイプで投稿できる種類を増やす 　　5-02 カスタムフィールドで記事の入力項目を増やす 　　5-03 カスタムタクソノミーで独自のカテゴリーやタグを作成する 　　5-04 メインビジュアルを更新できるようにする ■CHAPTER 6 WordPressのブロックエディター 　　6-01 ブロックエディターの基礎 　　6-02 ブロックエディターの実践的な使い方 　　6-03 ブロックエディターをカスタマイズする 　　6-04 theme.jsonでブロックエディターの設定を定義する ■CHAPTER 7 管理画面をカスタマイズする 　　7-01 管理画面の一覧画面をカスタマイズする 　　7-02 メインナビゲーションメニューを使いやすくする 　　7-03 権限に応じて管理画面をカスタマイズする ■CHAPTER 8 高度な機能を活用する 　　8-01 SEO対策をする 　　8-02 REST APIを利用する 　　8-03 マルチサイト機能で複数のサイトを作成する 　　8-04 子テーマを作成する ■CHAPTER 9 WordPressを効率的に運用する 　　9-01 WordPressを専用ディレクトリにインストールする 　　9-02 公開サーバー上でWordPressを運用する 　　9-03 プラグインを使って効率的に運用する 　　9-04 Webサイトのセキュリティを高める 　　9-05 Webサイトを高速化する ■著者プロフィール 中島真洋（なかしままさひろ）：HTML、CSS、JavaScriptなどフロントエンドから、PHPやサーバー構築などサーバーサイドまでWebサイト制作業務全般に携わる。Webサイト制作を中心に行う株式会社FlipClap 代表取締役。ミャンマー現地法人 Innovasia MJ Co.,Ltd. 所属。

この1冊で合格！！次世代Web言語の証を最短でつかめ！ 本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル1 Ver2.5」試験の合格を目指す方に向けた実践的な問題集です。 【本書の特徴】 ・試験主催者であるLPI-Japanの厳正な審査を通った認定教材 ・出題範囲を完全網羅した試験対策問題集 ・解くだけでみるみる合格力がつく良問を多数掲載 ・HTML5アカデミック認定校の講師陣による書き下ろし ・充実した練習問題に加え、巻末に模擬試験を提供 ・問題に重要度が付与されており、網羅的な学習から効率的な学習まで自由自在 【本書の構成】 第1章　Webの基礎知識（50問） 第2章　CSS（71問） 第3章　要素（71問） 第4章　レスポンシブWebデザイン（27問） 第5章　APIの基礎知識（28問） 第6章　模擬試験（60問） 【HTML5プロフェッショナル認定試験とは】 ・HTML5を活用したWebページやWebアプリケーションなどのデザイン、 設計、構築に関する体系だった知識とスキルを認定する認定試験。 ・Webデザイナー、Webプログラマー、Webシステム開発者、スマートフォンアプリ開発者、サーバ技術者、組込みエンジニア、グラフィックデザイナーなどの、Web開発プロジェクトやWebサービスに関わるあらゆるプロフェッショナルが対象。 ・レベル1とレベル2の2つのレベルがある。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

Webパフォーマンスの基礎知識から最適化テクニックまで！ 本書はWebパフォーマンスの実践書『Web Performance in Action』の日本語版です。Webサイトをより速くするためのテクニックを網羅的に、かつ丁寧に解説した一冊です。 Webパフォーマンスの基礎知識から、CSSの最適化、クリティカルCSS、画像のレスポンシブ化・最適化、フォント、JavaScriptの高速化、サービスワーカーを使ったパフォーマンス向上、データ転送の効率化、HTTP/2、gulpを使った自動化まで、Webページ・サイトのスピードをアップするために知っておくべき知識とテクニックを徹底的に解説しています。 【本書の特徴】 ○Webパフォーマンスを向上するためのテクニックやツールを全般的・体系的に学べる ○パフォーマンス向上テクニック、画像・フォントの最適化、HTTP/2と最適化フローを解説 【前提知識】 ○Web開発の基礎知識（HTML/CSS/JavaScript） ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は大きくCSSとSassについて学ぶChapter1～3と、サンプルサイトの制作プロセスを通じて現場で使えるスキルを養うChapter4の2部構成となっています。 Chpater01　CSSの基本と設計 CSSとはなにか、という話から、CSSの書き方、CSS設計まで解説します。CSS設計ではOOCSS（オーオーシーエスエス）、BEM(ベム)、SMACSS (スマックス)といった手法を解説します。 Chpater02　CSSの基礎知識 CSSを使いこなすために知っておいたいセレクタ、カスケードと継承、詳細度、ボックスモデル、マージンの相殺、デフォルトスタイルシートとリセットCSSなどの事項を取り上げ、解説していきます。 Chapter03　CSSを効率的に書くSass CSSを管理・運用するのに使われるCSSプリプロセッサの1つ、Sassについて解説します。 Chpater04　サンプルで学ぶCSSコーディング ここからはサンプルサイトを実際に設計しながら、コーディングのテクニックを学んでいきます。 コーディングガイドラインを考え、サイトの仕様を確認し、サイトで共通で使える部分を検討します。 それが終わったら、レイアウト作成、エレメント作成、コンポーネント作成、と順次デザイン・制作を進めていきます。 ----- 本書はなるべく実際に案件に近い形でサンプルコードを作成し、 制作時に抑えておきたいポイントをまとめています。 Web業界の技術のスピード感は早いと言われますが一度スピードに乗ってしまえば、技術のキャッチアップもスムーズに行えるようになります。 本書を読むことで早い段階で「現場で使えるスキル」が身につき、さらにステップアップができるでしょう。 この本が、コーダーを目指す皆様の道しるべとなりますよう、願ってやみません。 （著者まえがきより）

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 フロントエンドエンジニアはじめ、Web制作に関わっている人のためのHTML5／CSS3ガイドブックです。 HTMLとCSSの最新仕様を整理するとともに、主要ブラウザの対応状況など、現時点でどのポイントに留意して制作を進めていけばよいか、現場で必要不可欠な情報を解説しています。 また、フレキシブルボックスレイアウトやグリッドレイアウトなど、現在知っておくべきHTML+CSSレイアウトの手法についても、詳細に解説しています。 ----- HTMLは標準仕様がW3C の手を離れ、WHATWG の「HTML Living Standard」に一本化されたことから、ブラウザ開発者目線での変更が直接反映される世界になっています。その影響は、JavaScript とセットになって活きてくるものが増えてきたことからも見て取れます。 CSSも、各種機能の追加や主要ブラウザでの対応が進んでいます。新しいEdge の登場により、IE が主要ブラウザから外れたのも大きいと言えるでしょう。使える便利な機能が増えていることで、Web のデザインやレイアウトの手法は大きく変わろうとしています。 そこで、本書では最新のHTMLとCSSを現状に即して１冊にまとめました。 （著者はじめにより） ----- 【内容】 Chapter 1　HTML Chapter 2　Webページの作成とメタデータ Chapter 3　コンテンツのマークアップ Chapter 4　CSSの適用 Chapter 5　ボックスのレイアウト Chapter 6　フレキシブルボックスレイアウト Chapter 7　グリッドレイアウト Chapter 8　テーブル Chapter 9　テキスト Chapter 10 エンベディッド・コンテンツ Chapter 11 フォーム Chapter 12 特殊効果 簡潔にして詳細な、制作現場に必携の1冊となっています。 【特典付き】 ・書籍内で解説に使用したサンプルソースコード ・特典PDF 　　（HTMLのブラウザ対応一覧、CSSのブラウザ対応一覧、アニメーション補足解説）

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTML&CSSで実現する、柔軟でレスポンシブなWebデザイン 本書は「CSSグリッドで実現できることは何なのか」をテーマにした一冊です。 これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必要でした。 それを解決する方法として注目を浴びているのが、CSSグリッドを使ったレイアウトです。 本書ではCSSグリッドによるWebデザインを、作成制作を通して解説していきます。次のようなステップで、デザインを組み立てていきます。 　1　作例ごとに、レイアウトソフトを利用して完成見本（デザインカンプ）を用意 　2　完成見本からパーツを抽出し、HTMLと文書構造を組み立て 　3　CSSグリッドを作成し、パーツを配置 　4　レスポンシブの設定を行い、デザインを仕上げる 作例はそれぞれ、PC、タブレット、スマートフォンで問題なく表示されるように仕上げていきます。 用意された作例は以下になります。 　・縦横に均等に分割したグリッドによる「雑誌風レイアウト」 　・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」 　・画像とテキストの重ね合わせによる「画像メインのレイアウト」 　・「左右対称/非対称のレイアウト」 　・上部や左部にナビゲーションを配置 巻末には「CSSグリッド」リファレンスも付属。 本書を通して、CSSグリッドがWebデザインにもたらす表現力と自由さを体験してください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 SassとCompassの開発メンバー自身が解説 Sassは、CSSメタ言語の標準で、コーディングの効率化やプロジェクト型の開発に役立つことから、開発者やフロントエンジニアと呼ばれる人々の関心を集めています。Compassは、CSSのベストプラクティスを可能にする定番のオーサリングフレームワークです。ベンダープレフィックスを自動で追加してくれる機能など、便利な拡張機能がたくさんセットされています。 本書は、SassとCompassの基本と活用テクニックを、SassとCompassの開発メンバー自身が解説する、信頼度ナンバー1のガイドブックです。「フレームワークで効率を上げたいWebデザイナー」から「CSSのスキルアップを目指すフロントエンジニア」また「ときどきCSSも書くようなエンジニア」や「プロジェクト型の開発者」まで、CSSコーディングに関わるあらゆる人にお勧めです。 *本書解説用のサンプルは翔泳社の専用サイトからダウンロードできます。 *監修者による特典として「現場で陥りやすい落とし穴」が入っています。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 WordPress全ユーザー待望の<バージョン3.x対応>逆引き事典 ブログやCMSのツールとして世界一位のシェアにあるWordPress。本書は、そのWordPressの新バージョン3.1をベースにした、目的別のリファレンスです。 インストールや環境設定、管理画面の基本操作だけでなく、CSSやテンプレートタグを使ったブログのカスタマイズ方法、さらに他のブログからの移行やCMSツールとしての運用管理法、さまざまなプラグインの活用法や代表的なAPIサービスの利用法など、あらゆる目的を網羅しています。勉強中の人でも、現場ですぐ使いたい人でも、知りたいことをすぐに教えてくれる便利な一冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。

Web制作者の圧倒的な支持を集めたNo.1入門書がついに改訂。HTML/CSSの知識をベースに、jQueryの基本的な使い方から、タブパネル、スライドギャラリー、カルーセルパネルなど商用サイトでおなじみのUIの作り方まで、100本超のサンプルでしっかり解説。改訂版ではjQuery 1.9とHTML5に対応し、スマートフォンやタブレット向けサイトのサンプルも追加しました。全サンプル商用利用可能・可変自由・著作権表示不要なので、業務でもすぐに活用できます。

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【コーディングの練習を繰り返して、腕前グングン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のコーディングに特化して強化する。 ○実務でよく遭遇する課題を自力で解決する力がつく。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ●本書の構成 本書はトピックごとに分かれた短い24の章で構成されています。 第1回　CSSを書くということについて 第2回　CSS設計が無いと困ること 第3回　とりあえずBEM 第4回　BEMのB = Block 第5回　BEMのE = Element 第6回　BEMのM = Modifier 第7回　BEMその他 第8回　SMACSS: Baseルール 第9回　SMACSS: Layoutルール 第10回　SMACSS: Themeルール 第11回　ユーティリティクラス 第12回　名前空間的接頭辞 第13回　Block間の余白の設計: 前編 第14回　Block間の余白の設計: 中編 第15回　Block間の余白の設計: 後編 第16回　プロジェクトの中でうまく立ち回る 第17回　スタイルガイドのススメ 第18回　ビルドしてCSSを作る: 書いたCSSはそのまま使わない 第19回　ビルドしてCSSを作る: Sass 第20回　ビルドしてCSSを作る: Autoprefixer 第21回　ビルドしてCSSを作る: PostCSS 第22回　もっとコンポーネント: 汎用的なBlock、限定的なBlock 第23回　もっとコンポーネント: Blockの入れ子 第24回　ユーティリティファースト ●対象とする読者 「この本の読者として想定したのは、フロントまわりの実装を主業務とする会社に入ってきた、新しいメンバーである。新しいメンバーと言っても、すでに高いスキルを持っているような人物は想定していない。まだWebの技術にそこまで詳しくはなく、これから開発のスキルを高めていこうと考えているような人物を想定している。そのような人に対し、実務で覚えろ、経験だと丸投げするわけにはいかない。 この能力は単純に何かを暗記したり、仕組みを理解するだけでは成り立たない部分がある。なので、とりあえず参考書としてこの本を読んで下さい。そう言って渡したい内容をまとめたのがこの本である。 ・こういうことを知っていてくれたら、仕事を頼む側としてはすごい助かる ・こういうことを知っていたら、きっとあなたはCSS設計を行う役割として、周りと適切にコミュニケーションをとっていける そんな内容にしたいと考えた。」（著者「はじめに」より） 長らくWebサイト制作／アプリケーション開発の現場に身を置いてきた著者が、その経験を踏まえてまとめた本書を、ぜひご活用ください！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書では、モバイルファースト＆レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。 サイトはパーツ単位で作成し、章ごとに1つのパーツを作成していきます。 Chpater1　ヘッダー Chpater2　ヒーロー Chapter3　画像とテキスト Chpater4　記事一覧 Chapter5　フッター Chapter6　記事 Chapter7　プラン＆フッター Chapter8　ナビゲーション それぞれのパーツの作成にあたっては、パーツのレイアウトを実現するCSSの選択肢を示し、場面に応じて適切なものを選択して、作成していきます。 章末には他の選択肢やそのバリエーションをまとめて解説していますので、デザインやレイアウトの技を幅広く身につけることができるでしょう。 HTMLは最新の「HTML Living Standard」に準拠し、CSSでは従来から活用されてきたメディアクエリの他、Flexbox、CSS Gridなどのレイアウトのコントロール、CSS関数を使いこなします。 「本書では、新しいHTML&amp;CSSに沿った形で『レスポンシブWebデザイン』を見直し、を作成しながらさまざまな選択肢を比較検討していきます。 サンプルのを作成するばかりでなく、を実現するためのバリエーションを増やして、これからのWeb 制作に活用していただければと思います。』（著者「はじめに」より） 演習用ファイルがダウンロードできますので、ぜひ本書で最新のHTML&amp;CSSコーディングを体感してください。 【特典付き】 ・特典PDF『HTML&amp;CSS　簡易リファレンス』 本書のサポートサイトから入手してください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTML5+CSS3で多様なデバイスに対応できるWebサイトを制作するために、これから必要とされるデザインの「スタンダード」手法をレシピ方式で徹底解説しました。 スマートフォンやタブレットの登場により、多様なデバイスに対応できるWebページが求められるようになっています。その中で、レスポンシブWebデザインをはじめとする考え方が生まれ、Webページに当然のように組み込まれる時代になってきました。その結果、多様なデバイスに対応したページを効率よく作成していくため、Webページ制作の現場ではワークフローの変化も起きています。 PCブラウザという1つの環境をターゲットに制作できた時代と異なり、現在は膨大な数のデバイスをターゲットに、さまざまな切り口で最大公約数を考えながらページを作成しなければなりません。従来のデザインカンプを再現する作り方では対応が難しく、ページを動かしながら作り込んでいく必要があります。そのような現状をふまえ、本書にはこれからのWebページ制作に必要なレシピをできるかぎり詰め込みました。 本書では、ベースとなるWebページにパーツを組み合わせて配置していくことで、オリジナルのページを作成できるように構成しています。≪Chapter1～6≫では、そのパーツの作成について解説します。ヘッダー、記事、メニュー、フッター、ボタン、フォーム、テーブル、段組みなどそれぞれのパーツと、そのパーツを組み合わせる際のデザインのレシピを、多数のTipsを交えて紹介していきます。≪Chapter7～9≫では、それらのパーツを使って実際にページを作成していく方法を解説しています。レスポンシブWebデザインをはじめとする考え方が当然のものとして扱われている現状に合わせて、CSSフレームワークを利用せずに作るのか、CSSフレームワークを利用して作るのかを選択できるようにしています。 CSSフレームワークとしてBootstrapとFoundationを利用する方法を解説しています。≪Chapter10≫では、本書収録のパーツとCSSフレームワークを組み合わせて使うことで、どのようなことができるのか、どのくらい作り込むことができるのかを、4例紹介しています。プロモーションサイト、プロモーションサイトのコンテンツページ、ビジネスサイト、ショップサイトの4例です。パーツやレシピのデータは本書サポートサイトからダウンロードできます。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 新標準となる「HTML5」。本書は、100本を超えるサンプルを1つ1つ確認しながら、HTML5、CSS、そしてJavaScriptの基本を徹底的に学習していく。最新のWebアプリケーション開発に必須となる基本要素をしっかりと理解して、自由自在に操れるようになろう。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 基礎の基礎から、サイトの公開まで。 美しいサイトを作り、魅せるための、不朽の力が身につく。 執筆にあたり、この本はとくに以下の3点に重きを置いています。 ●一つ一つの手順が「なんのために行うのか」がわかる ●実践的なソースコードをふんだんに解説 ●ウェブサイト制作で求められる必須知識についても解説 一つのウェブサイトを作り上げるために必要な過程について、総合的かつ網羅的に解説し、読みやすい構成をこころがけて執筆しています。ぜひ、お手にとって、読んでいただけたら幸いです。 （著者の「はじめに」より抜粋）

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 いちばんわかりやすいHTML＋CSSの教科書が、最新トピックをカバー！ ＊＊＊ すらすら読めて、「わかった」を積み重ねる。 「Webの知識がこれから必要」で、「将来にわたって長く使える基礎力をつけたい」人のためのHTML5+CSS3本。 ＊＊＊ 本書は、“楽しみながら学べる”HTMLとCSSの入門書です。2018/10現在で最新バージョンのHTML5.2（2017/12勧告）とCSS3をベースとした内容となっています。 本書では、読者が“楽しみながら学べる”ということを実現するために、本書の全体的な構成を工夫しています。先にHTMLを学習してからそれを前提としてCSSを学ぶ、という流れにしてしまうと、前半はHTMLのタグを覚えていくだけの退屈な内容になってしまうからです。 そこで本書では、HTMLをひととおり学習してからCSSへと進むという構成ではなく、HTMLとCSSを少しずつ同時進行させる構成にしてあります。このような進め方にすると、覚えた内容をすぐにブラウザでの表示結果として確認できるため、少しずつできるようになっていく感覚を積み重ねながら、退屈せずに学習を進めることができます。 “楽しみながら学べる”といっても、本書の解説は、表面的に「ページが作れればそれでいい」というものではありません。仕様にしっかりと準拠した使い方で、正しく、かつアクセシビリティに配慮したページを作れるように、サンプルを組み立てています。 まず1章、2章では、インターネットやHTML、CSSについての基本的な解説をしながら、少しだけHTML/CSSを使ってみて、これからの学習にむけての準備をします。 3章では、HTMLやCSSを正しく使うために必要な「カタい文法」の話を学習して、基礎を固めます。 4章からは、いよいよページを作っていきます。4章でページ全体の枠組みを作り、5章でテキストや色の指定について学びます。 6章ではセレクタについて詳しく学習し、CSSでの細かな指定ができるようにします。 7章では画像や動画、音声、背景といったページ内の構造について、8章ではナビゲーション、9章ではフォームやテーブルについての設定方法を学びます。 10章では、ここまで登場していない要素についての設定方法や、配置のテクニックを学びます。第3版では、スマートフォン（スマホ）画面への対応について、詳しい解説を追加しました。 11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました（第3版での変更）。これら2つレイアウト方法の基礎になる部分を身に付けられるようにやさしく解説します。 最後の12章では、それまで学習したことをベースに、1つのページを制作していきます。スマホ、タブレット、PCそれぞれのレイアウトの作り分けを行います（第3版での変更）。ページの制作を、流れで実際に行ってみることで、本書の学習の仕上げを行うことができます。 本書を、これからHTMLとCSSを覚える人が“楽しみながら学ぶ”ための入門書としてご活用いただけましたら幸いです。 ■第2版からの変更点 ・ 第2版は、2014年3月段階の情報に基づき執筆されました。第3版では、2018年9月段階での情報に基づいて執筆しています。 ・ 仕様の変化に応じて、解説やコードを追加・変更・削除しています。ただし、本書の解説の範囲から外れている仕様の内容については説明がないものもあります。 ・ HTMLは2017年12月に勧告されたHTML5.2に変更しています。 ・ CSSはCSS2.1およびCSS3より、現時点で安定して使用できると判断した内容を使っています。 ・ 10章にて、スマートフォンへの対応を解説する節を追加しました。 ・ 11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました。 ・ 12章にて、ページをスマートフォン、タブレット、PCそれぞれに対応させる内容に変更しました。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 スマホサイトでよく使う43種類のUIパーツをビジュアルで解説。名前から実際の使い方、HTML5/CSS3+jQueryで実装するためのソースコードまでを1冊にまとめました。打ち合わせやプロトタイピング、コーディングに役立つ便利な図鑑です。コピー&ペーストですぐに使えるサンプルファイルのダウンロード付き。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 現場の旬がわかる　デザイン×ワークフロー実践レシピ集 モバイル端末の普及にともない、CSS3は知識として理解するものから、現場で使うものへと急速に変化してきています。本書は現場でCSS3を実装している方に向けた実践的なレシピ集です。CSS3で実装する際に、具体的にどのプロパティをどのような用途で使えばよいのか、デザインへの落とし込みで悩むケースも多いものです。 本書では、ボタン、ナビゲーション、背景、イメージ、フォーム、インタラクションなどの旬なデザインアイデアを集め、実装のコツをサンプルコードとともに解説しています。さらには、メンテナンス性を高める記述方法、SassやLESSといったCSSプリプロセッサの導入、CSSのコンポーネント化、サイト効率化など、開発現場の実践ノウハウも逆引き形式でまとめています。「現場のトレンド」がわかる1冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 ハイクオリティなサイトが作れるビルダーテクニック集! 本書は、10月発売の『ホームページ・ビルダー19』に対応した、こだわりのサイト制作テクニック集です。他のビルダー解説書にはない、本書ならではの使いこなしスーパーテクニック136項目を掲載しています。フルCSSテンプレートやWordPressでのサイト制作、jQueryプラグインや地図・画像などの各種コンテンツの作り方、さらにVer.19で追加された「ホームページ・ビルダーSP」の基本操作など、詳細な手順と画面つきで解説しています。初心者でも中上級者でも活用できる、ビルダーユーザー必携のお役立ち書籍です! ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 ハタケ違いのプログラマがカッコイイUIを手に入れる方法 “Bootstrap”とは、ツイッター社が開発したウェブサイトやWebアプリケーションを作成するフリーソフトウェアツール集。 CSSやHTMLだけを使って、一般的なこれまでの作り方で構築すると、知識と時間を要求される動的な演出(タブの切り替えやメニューのロールオーバー時の色付け、アコーディオン形式のメニュー開閉などなど)を、おどろくほど簡単に実装できるテンプレートです。 バックロジックだけではなく、ユーザーインターフェースの面倒も見ることになってしまった不運なプログラマを対象に、労せずにクールなUIを簡便に作れるCSSフレームワークを手取り足取り伝授する1冊です。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 基礎固めに最適の定番入門書がさらにわかりやすく 本書は、解説→練習問題→理解度チェックという3つのステップで、JavaScriptの基本を習得できる入門書です。基礎知識・基本文法から、DOMやCSSの操作、Ajax/jQueryの活用方法まで、JavaScriptを利用したWebページ作成に必要な知識とテクニックがしっかり身につきます。第2版では、ECMAScript 5対応、jQueryの基礎テクニックの追加をはじめ、全体的にきめ細かな改訂を行ない、さらにわかりやすく、初心者に最適の入門書に仕上がっています。 「一からJavaScriptを学びたい」「きちんと基礎固めをしたい」「JavaScriptの基本・テクニックを身につけたい」という方におすすめの1冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 予算をかけずに本格的なECサイトが作れる Welcart(ウェルカート)は、WordPressにECサイト機能を実装するプラグインです。「日本初のWordPress専用ショッピングカート」としてリリース以来、ユーザーの声を取り入れながらアップデートを重ね、延べダウンロード数10万件を超えています。WordPress自体が、企業サイトを低廉に構築できるツールとして認知が高まっており、現在、WordPress+WelcartによるECサイトも増えてきています。 本書は、このWelcartの公式ガイドブックです。巻頭では、WordPress+Welcartによるショップサイトの事例を紹介します。本編は、ショップサイトを制作するために必要な準備からはじまり、Welcartの基本設定からカスタマイズ方法まで丁寧に解説します。さらに、巻末にはWelcartの機能一覧がついているので、読み終わってからも便利に使えます。WordPressを使うWeb制作者から、自前で作りたいショップオーナー、中小企業に勤める社内Web担当者まで、手元においてほしい一冊です。 *本書は、HTML・CSSに関する基礎知識を持ち、WordPressによるサイト制作の経験者が対象です。なお、本書の中の画面は、WordPress3.5、Welcart1.3を使って書かれているので、刊行後のバージョンアップによって、一部変更になる可能性があります。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 最新Web技術を活用したビルダーテクニック集 人気の『ホームページ・ビルダー スパテク』シリーズに、最新Ver.18対応版が登場。ビルダーの機能を使いこなすサイト制作TIPSを、詳細な手順と画面つきでわかりやすく解説します。定番のフルCSSテンプレートのカスタマイズや素材作成テクニックに加えて、最新Web技術のCSS3やjQueryを使った、見栄えのするコンテンツを簡単に作れるテクニックを新たに紹介。そのほかWordPressサイトの制作方法も解説します。 ビルダーをフル活用する本書のテクニックを使えば、サイトをぐっと魅力的にすることができます。企業・団体・個人サイト問わず、すべてのホームページ・ビルダーユーザーにおすすめの1冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 最新Ver.17対応　使いこなし実用テクニック集 ビルダーユーザー必携の『ホームページ・ビルダー スパテク』シリーズに、最新Ver.17対応版が登場です。注目の新機能「WordPressサイト」を詳しく解説。ホームページ・ビルダーを使ったWordPressサイトの作成・更新・デザインカスタマイズが、画面解説つきでかんたんにわかります。 そのほか定番のフルCSSテンプレートや素材作成テクニックに加えて、スマホサイト作成、SNS連携、ショッピングカートなどなど、充実の125テクニックを盛り込みました。ホームページ・ビルダーを使いこなすこの1冊で、企業サイトも個人サイトも、より魅力的に仕上げることができます。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 今すぐ使える　プロ並み最新テクニック集 キレイで魅力的なWebサイトをかんたんにつくりたい！そんな要望に応える定番『ホームページ・ビルダー スパテク』シリーズの最新版です。企業サイトでも個人サイトでも使える実用的なテクニックを1冊に盛り込みました。10月発売の最新バージョン16にいち早く対応し、スマートフォン用サイト制作やソーシャルネットワーク連携など、流行を押さえた新テクニックを掲載。そのほか「フルCSSテンプレート」のカスタマイズ、外部ブログのデザイン変更、高品質なデザインパーツの作成、ショップサイトのSEOなど、ホームページ・ビルダー16をフルに使いこなす上級技がたくさん入っています。手順ごとのわかりやすい画面解説つきで、誰でもかんたんに素敵なサイトをつくることができます。 【動作環境】 ●本書はホームページ・ビルダー V16の使用を想定して解説しています。 ●使用OSはWindows 7ですが、Windows Vista、Windows XP　SP2／SP3の環境にも対応しています。 ●Internet Explorerのバージョンは7を使用しています。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 HTML5+CSS3+JavaScriptで作るWebアニメーション HTML5+CSS3+JavaScriptによるアニメーション作成ツール「Adobe Edge Animate」。2012年10月に「Adobe Edge Tools&Services」のひとつとして正式リリースされ、2013年6月には最新バージョン「CC」の提供が開始されます。Web標準技術によるインタラクティブコンテンツ制作は、Flashの代替技術としても注目を集めており、今後ユーザーの増加が見込まれています。本書は、基本的な知識をまとめた「基礎編」、コンテンツを作りながら操作を学習できる「実践編」、書き出したコードの理解を深め、より実践的なコンテンツを作成する「応用編」の3部構成。ソフトに初めて触れる方はもちろん、現場でいち早く取り入れてみたいという方にも役立つ、総合的な内容となっています。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 最初からこうして教えてほしかった!サクサク学べる「動き」と「仕掛け」 jQueryは、HTML5ベースのWebサイトやスマートフォンサイトの制作に欠くことのできない、JavaScriptライブラリの定番として、Web制作者からプログラマまで幅広く活用されています。 本書は、jQueryを使いこなせるようになるための学習書です。仕組みから、プラグインの使い方、イベントの実装とカスタマイズの方法まで、わかりやすく丁寧に解説しています。Web制作の現場でよく使うセレクターやメソッドを厳選しているので、必要なところを効率よく学ぶことができます。また、手を動かしながら学んでいけるので、動きのあるリッチなUIの作り方が簡単に身に付きます。HTMLとCSSはわかるけどjQueryは苦手という人にもおすすめです。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 Webサイト制作の流れに沿って、やさしく学べる 本書は、JavaScriptライブラリ「jQuery」を使いこなすための学習書です。jQueryは、CSSにとても近い記述方法を採用しているため、プログラマはもちろん、Webデザイナーにとっても扱いやすく、JavaScriptの本命ライブラリとして、Webサイト制作の現場で活用されています。本書では、jQueryの導入や記述方法はもちろん、主要なライブラリやプラグインの使い方、各種イベントの実装やカスタマイズ方法をやさしく解説しています。プログラミングの知識がない人でも、手を動かしながら自分のペースで進めることができるので、確実に習得できます ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【コードをイチから書かなくてOK！ 超カンタンにWebサイトを動かす！】 Webサイト上で「動く」デザインパーツを集めたソースコード素材集。サンプルのソースコードをコピー＆ペーストすれば、そのまま使えます。 文字や画像がすぅーっと消えたり、ふわっ～と表れたり、要素が左右にスライドしたり……作るのが意外に難しく汎用性が高い「動く」パーツを豊富に収録しました。収録サンプルは完成データをダウンロードできます。 本書の構成は、まず基本形となるサンプルがあり、続くステップアップとしてカスタマイズ例を紹介する流れになっています。 基本形だけでも十分活用できますし、カスタマイズ例の部分は、ご自身でコードを変えてオリジナル要素をプラスする際のヒントとしても役立ちます。 7章構成で、ボタンアニメーションやテキストのエフェクトなどの簡単なものから、ナビゲーションメニューやコンテンツの今風の見せ方などのサイト全体に関するものまで収録。 ギャラリーやスライドショー、フォームやテーブル、SNSのアイコンなどいった細かなパーツのアイデアもまとめました。 Webサイトにちょっとした彩りを添えたいとき、動きを加えたいときなどに活用いただけます。 〈こんな方にオススメ〉 ○Webサイトに今風の“動き”を取り入れたい方 ○HTML・CSSのコーディング経験が浅い方 ○ソースコードをイチから書く手間を減らしたい方 〈本書の章構成〉 ■Chapter 1　ナビゲーション ■Chapter 2　ボタン ■Chapter 3　スライドショー／ギャラリー ■Chapter 4　背景／コンテンツ ■Chapter 5　テーブル／フォーム／リスト ■Chapter 6　テキスト ■Chapter 7　画像／動画／SNS 〈本書の特徴〉 ○アニメーションなどの動きを手軽に取り入れられる ○コーディングにかかる時間と手間を減らせる ○基本形＋カスタマイズでバリエーションが広がる

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 売上No,1ソフトでホームページが　丸ごと　誰でも　作れる 11年連続市場シェアナンバーワンのホームページ作成ソフト「ホームページ・ビルダー」。個人の趣味のためのホームページ作成だけでなく、個人商店や個人事務所、中小企業などでの利用も増えています。本書はこのホームページ・ビルダーの最新版に対応、操作方法を基本から応用まで詳細に解説します。 刷新されたインターフェースや、新機能「フルCSSプロフェッショナルテンプレート」や「瞬間デザインチェンジ」「かんたんアクセス解析サービス」「Flash作成機能」「iPhone、iPad対応」「ツイッター連携」「安心バックアップ・移行ツール」などに対応。初心者から上級者まで、ホームページ・ビルダーを学ぶ上で、まさにパーフェクトな1冊です。 『作っておしまい』ではなく、『作って』 『運用して』 『成果の出る』サイトに 手順通りに作って完成 実際のサンプルデータをもとにして、作成手順を紹介。はじめてホームページを作る方でもやさしく学べます。 オリジナルサイトもバッチリ 機能ごとに操作手順が詳細に解説されているので、オリジナリティあふれるホームページ作りが可能 仕事でも使えるワザ満載 テンプレートや、ネットショップ、SEO対策、携帯サイト作成など、ビジネスに使える機能もまるわかり。 注目機能もしっかり解説 フルCSSテンプレート / アクセス解析 / Flashタイトル作成 / iPhone、iPad対応 / twitter対応 本書はホームページビルダーの基本からハイレベルな操作方法まで、徹底的に解説する初級～中級者向けの解説書です。 用途に合わせた章構成 初心者の方は、chapter1からお読みになることをお勧めしますが、必ずしも頭から読み進めなくとも本書を利用できます。各章では用途や目的ごとにテクニックをまとめていますので、興味のある章から読むことも、知りたいテクニックや機能をピンポイントで読むこともできます。 高いリファレンス性で辞書としても利用可能 見やすい目次や充実の巻末索引をはじめ、関連機能の参照項目も用意されていますので、知りたい操作だけを引くリファレンスとしてもお使いいただけます。 3　読みやすい誌面構成 テクニックは手順に沿って解説されており、対応する画像にも番号が振られているため、迷うことなく操作できます。また、注意事項はもちろん、コラムやワンポイントアドバイスなども盛りだくさんで、さまざまな情報を楽しく学ぶことができます。 【動作環境】 本書をご利用になる際にはホームページ・ビルダー15と、Windows XP / Vista / 7 のいずれかを搭載したパソコンが必要となります。 操作や設定方法は、ホームページ・ビルダー15とWindows 7を用いて説明しています。 Windows XP / Vista では、画面の様子や手順が異なることもありますので、あらかじめご了承下さい。 詳細は立ち読みデータP6～7をご参照下さい。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTML&amp;CSSで表現するシンプルで使いやすいデザイン。 本書はWeb制作Tipsを一冊にまとめて、具体的な実装方法を解説した書籍です。「デザインを見ただけで必要なHTMLタグとCSSコードをイメージし、実装できるようになる」をテーマに、画像とともに詳しく解説します。 本書は、著者がこれまでに発信してきたWeb制作Tipsを一冊にまとめて、具体的な実装方法を解説した書籍です。 ・HTMLやCSSの基礎を学んできて、次のステップを踏みたい ・独学で学んできたので、他人のコードを見てみたい ・無駄なコードを省き、短縮化させたい ・よく見かけるあのデザイン、どう実装すればいいのか分からない このような方を対象として「デザインを見ただけで必要なHTMLタグとCSSコードをイメージし、実装できるようになる」をテーマに、Twitterでは紹介しきれなかったデザインアイデアを画像とともに詳しく解説するのが本書の役割です。 Web制作でよく使われる「背景・画像・写真装飾」「見出しやテキストの装飾」「レイアウト」「ボタンデザイン」と4つのデザインカテゴリーをメインに、お問い合わせフォームのUI、Google検索結果に反映する構造化データの書き方、デザインやコーディングを便利にするウェブサービスの紹介など、Web制作の現場で活用できる情報を詰め込んでいます。 ■本書の特徴 1．用途に合わせたデザインパターンを70種紹介 カテゴリーごとに豊富なデザインパターンを掲載しました。 シンプルで使いやすいデザインを網羅したので、現場ですぐに使えます。 2．デザインに合わせたコーディングが学べる デザインに合わせた最適なコードを本書では紹介しています。 コードの短縮化やモダンブラウザの新旧バージョンへの対応も解説しています。 3．サンプルコードですぐに実装できる 本書で紹介したコードはすべて購入者特典で配布します。 どなたでもすぐにデザインを実装できます。 ■本書の構成 Chapter1　背景・画像・写真装飾 Chapter2　見出しやテキストの装飾 Chapter3　レイアウト Chapter4　ボタンデザイン Chapter5　お問い合わせフォーム Chapter6　現場で使えるWebツールと素材配布サイト Chapter7　Google検索結果への対策 Chapter1　背景・画像・写真装飾 Chapter2　見出しやテキストの装飾 Chapter3　レイアウト Chapter4　ボタンデザイン Chapter5　お問い合わせフォーム Chapter6　現場で使えるWebツールと素材配布サイト Chapter7　Google検索結果への対策 ・小林 マサユキ サイト制作の現場で使えるTipsやアイデアをSNS上で発信しているWebデザイナー。 　URL : <a href="https://pulpxstyle.com/">https://pulpxstyle.com/</a> 　Twitter : <a href="https://twitter.com/pulpxstyle">https://twitter.com/pulpxstyle</a>

HTML5とCSS3によるWebサイト制作のためのおいしいレシピ集。制作の現場で使われる定番テクニックからプロ技まで余すところなく集めました。テキスト／リスト／リンク／画像／ボックス／テーブル／フォーム／ナビゲーション／レイアウト／レスポンシブWebデザイン…。テーマ別にレシピを整理。「あのデザインはどう作るんだろう？」が，スグにわかります。デザイナーからWebプログラマーまで，Web制作に携わるすべての方にお届けします。

本書は、Wordpress 初心者に向けてWordpress でWeb を作るための基礎知識を解説しています。 Web 制作新規ユーザーだけでなく、もっとも利用度が高いと思われる「固定HTML で作成していた既存のWeb サイトをWordPress へ載せ替えたいユーザー」を特に意識して執筆しています。固定HTML から乗り換えるにはテーブルレイアウト→CSS、ローカル生成→サーバー生成etc...発想の転換が必要です。

各種講座や書籍でHTML&CSSの学習を終えても，実際の現場では，求められるレベルの業務をこなせない人が少なくありません。デザイナーから渡されたデザインの全体を把握・解釈して，HTML&CSSで書き起こす力が弱い傾向にあります。 本書はWebページのデザインをHTML&CSSで作成するために必要なチカラを身につけて，これまでに学習してきた基礎知識を，Webデザインの現場で「使える力」にレベルアップします。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 言語の基本学習からサイト作成と管理までを1冊にまとめた入門書！ webサイト制作者を目指す人が必ず習得しなければならない言語「HTMLとCSS」の記述と，サイト制作の基礎知識から公開・管理方法までを15レッスンで解説。HTMLパートはコーディングの基本から画像とリンク，リストとナビゲーション，テーブルおよびフォームのマークアップ方法を，CSSパートでは文字のスタイリングからレイアウト手法までを丁寧に解説。ダウンロードした実習ファイルに記述することで，細かくステップ分けした各単元の内容を手を動かしながら学びます。 専門学校の教壇に立つ著者陣が実際の講義内容を体系立て，さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した，HTMLとCSSの教科書です。最新エディタ「Visual Studio Code」に対応の改訂版。

JavaScriptやHTMLといったWeb系の技術でデスクトップアプリケーションを作成でき，Atomエディタ，Slack，Visual Studio Codeなど，近年話題となったアプリケーションに利用されているElectron。本書は，インストールからアプリの開発，テスト，パッケージング，セキュリティ対策まで，ひととおりの開発の流れをまとめました。「チャットアプリ」「Markdownエディタ」「キャプチャアプリ」の作り方をとおして，はじめてアプリを開発する人にもわかりやすく解説しています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 モダンWebの制作現場へ、ようこそ！ 保守性・拡張性・再利用性を高めるモジュール設計の基本と実践。 SMACSS、BEM、モジュール設計、npm、Flexible Boxまで！ CSSのコーディングをしたことのある人であれば、「CSSを指定したら、 思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったら CSSが煩雑になった」「CSSファイルの肥大化して、どこを編集したらいいのか わからなくなった」といった経験が少なからずあるはずです。 本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで 解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の 方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルの Webサイト構築フローを追いながら、保守・運用までを考慮した破綻しないCSSを 設計・実装するまでの具体的なプロセスについて一冊で学べます。 実際にサイトデータをダウンロードして学べるから理解が深まります。 【本書の構成】 第1部「CSS設計の前提」 第2部「メンテナブルなCSS」 第3部「CSS設計のプロセス」 第4部「CSS設計の実践」 付録「Flexible Box Layout」 【本書の読者】 ・フロントエンド開発の作法を学びたいWebデザイナー&エンジニア ・Webアプリケーションを作りたいWebデザイナー ・フルスタックを目指すWebエンジニア ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これ1冊でWebプログラミングが一通り学べる！ まったくのプログラミング初心者に向けた、Webプログラミングの入門書です。「HTML+CSS」「JavaScript」「PHPによるサーバー開発」「Ajaxによる非同期通信」Webを使ったスマホアプリ作成」などを、猛スピードで全部学びましょう！Webプログラミングに必要なテーマの本は、それぞれ1冊になるくらいのボリュームですので、それを何冊も読むのは大変ですよね。本書では必要なものを全部つまみ食いして、一度にすべて使えるようになれます！「HTML＋JavaScriptのWeb作成」から一歩踏み出し、サーバー側の開発まで含めたプログラミングを学び、応用として、Web部分をそのままスマートフォンのアプリに組み込み、「サーバーと連携したスマホアプリ」までも取り上げています。ですので、「Webページ、サーバー、スマホアプリ」のすべてを体験できます。昨今、プログラミングの仕事というとWebプログラミングは避けて通れませんので、プログラマーになりたいあなたには必読です！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 webサイト制作者を目指す人が必ず習得しなければならない言語「HTMLとCSS」の記述と，サイト制作の基礎知識から公開・管理方法までを15レッスンで解説。HTMLパートはコーディングの基本から画像とリンク，リストとナビゲーション，テーブルおよびフォームのマークアップ方法を，CSSパートでは文字のスタイリングからレイアウト手法までを丁寧に解説。ダウンロードした実習ファイルに記述することで，細かくステップ分けした各単元の内容を手を動かしながら学びます。専門学校の教壇に立つ著者陣が実際の講義内容を体系立て，さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した，HTML5とCSS3の教科書です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 フロントエンドエンジニアから学ぶ制作現場の実践的なテクニック！ 本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。 現在主流なWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。 実際のWeb制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。 3つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。 駆け出しのフロントエンドエンジニアや、HTML/CSSコーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 イチからはじめてきちんと身に付く入門書! 本書は、いまやCMS(コンテンツ・マネジメント・システム)のスタンダードとなった「WordPress」でのWebサイト制作方法を、レッスン形式で一からしっかり学べるスタンダードな学習書です。 「HTMLとCSSは分かるけれど、WordPressは難しそうで……」という人でも大丈夫なように、HTMLとCSSで出来たサンプルページをもとに、WordPressの機能を1つずつ追加しながら、基本機能とサイト構築方法を解説していきます。オリジナルテーマ作りに必須のPHPやテンプレートタグ、便利なプラグイン、セキュリティ対策などもしっかり掲載。本書を通して、WordPressサイトを構築するための基本スキルが身につきます。 今どきのWeb制作には欠かせないWordPressがきちんと学べる、入門者にオススメの1冊です! ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 新技満載　一番使えるビルダー本がリニューアル プロに頼まないで見栄えのよい企業サイトを公開したい、フルCSSサイトがつくりたい、もっと集客したい、もっと突っ込んだ使い方をマスターしたい、そんなユーザーの役に立つ上級テクニックを集めました。 ホームページ・ビルダー15は、「フルCSSプロフェッショナルテンプレート」をはじめとした新機能を取り入れ、大幅なバージョンアップを行いました。毎年刊行で好評の本書も、それに合わせて全面リニューアル。テンプレートを自由自在にカスタムする方法や、さまざまなデザインパーツの作成方法、0からCSSサイトをつくる方法など、実用的な上級技が満載です。初心者向けソフトと思われがちなビルダーですが、本書を読むことで本格的なサイトをつくることができます。 実用的で役立つスーパーテクニックが、102個 ホームページ・ビルダーでサイトを作ったけど、なんだかあか抜けない。もっとプロみたいにしたいのに……。そんな人に最適なのが、本書です。 特徴1　他にはない上級技 普通のビルダー本には載っていない、ワンランク上の実用テクニックが満載です。 特徴2　本格的なスタイルシートに対応 テーブルレイアウトを卒業して、Web標準に対応したサイトが作れます。 特徴3　解説がわかりやすい 難しいテクニックも、丁寧な解説どおりに進めるだけで完成まで到達できます。 [テンプレート活用] [CSSレイアウト] [パーツ素材作成] [Webサービス連携] [ショップサイト開設] 脱初心者“プロ”みたいに作れる実用テクニック集　極め技 ショップやお店のサイトを開設したい デザインを洗練させたい Web用動画を作りたい 携帯サイトを作りたい アクセス数を伸ばして集客したい 本格的なスタイルシートに挑戦したい Twitterやブログをオリジナルに 【動作環境】 本書はホームページ・ビルダー V15とV14の使用を想定して解説しています。 使用OSはWindows 7ですが、Windows Vista、Windows XP　SP2/SP3の環境にも対応しています。 Internet Explorerのバージョンは7を使用しています。 ※詳細は立ち読みデータP6～7をご参照下さい。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。

はじめての自作テーマは これ1冊で大丈夫！ 作りながら学べる入門書です。 WordPressを使った案件で，オリジナルテーマを作りたい，作らなければならなくなった。そんな時，HTMLやCSSはわかるけど，PHPは…。そもそもテーマってどうやって作ればいいの？そんな皆さんのために，本書はサンプルファイルとステップ解説で，テーマの自作方法を丁寧に解説。あらかじめ用意されたHTMLファイルをPHPファイルへと落とし込み，CSSを適用。ブロックエディターに対応したテーマを作成します。これ1冊で，オリジナルテーマの作り方がしっかり学べます！

Webアプリケーション、Webサービスを開発・運用する エンジニアは、HTML/HTTPやWebサーバなどWeb技術の 仕組みや基礎的な知識をおさえておかなければなりません。 本書では、実サービスでの大規模なWebクローラーの 開発・運用経験をもとに、クローラーを支える、HTTP、 文字コード、HTML、認証、Ajax/JSONなど、Webエンジニアが おさえておくべきポイントやテクニックを学びます。 クローラーから見たWebサイトの仕組みとその実情に加えて、 現実に即した実践的かつ効率的なクローリングの方法論に ついても解説します。 ○実例をもとにHTTPやHTMLなどWebの仕組みを深く知ることができる ○大規模なクローラーの開発・運用ノウハウを知ることができる ○Webサイトの運営者（クロールされる側）もクローラーに関する知見を得ることができる 【対象読者】 本書はWebクローラーを題材としていますが、クローリングのために 必要なWeb技術の解説に重点を置いており、 主に次のような方々に読んでいただけるよう執筆しました。 ● 正しい知識を身につけたいWeb開発者 ● クローラビリティの高いWebサイトを作成したいWebサイト運営者 また、HTMLやCSSなど、Webサイトの作成に関わる最低限の知識、 およびサンプルコードを読解するためのプログラミングに関する基礎知識を 前提としています。サンプルコードはJavaで記述していますが、 Java固有のセマンティクスやプログラミングテクニックは可能な限り 避けていますので、Javaに対する深い理解は必要ありません。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 デザインからコーディングまで、“現在の”Webサイト制作全体を学ぶ1冊。 「コーディングしやすいデザインってどう作ればいいんだろう？」と思っているWebデザイナーさん。 「デザイナーにお願いするとき、どんな風に伝えればスムーズにいくんだろう？」と思っているマークアップエンジニアさん。 「とりあえず、Webサイトってどうやって作ればいいのか知りたい」と思っている勉強を始めたばかりの方。 本書はそんなみなさんの役に立つ1冊です。 昨今のWebサイト制作は、だんだんと複雑化してきています。Webサイトを1つ作ろうと思ったら、デザイン、HTML、CSSなど、たくさんのことを勉強しなくてはいけません。本書は、そのようなWeb制作に関する知識を横断的にまとめました。 Webデザインだけ、またはHTMLとCSSだけを学ぶ書籍はありますが、その部分だけの理解だと、困ることもあります。デザインを納品したけれど、コーダーさんにデータが使いにくいと言われてしまったり、逆にどんなデザインが欲しいのかを、うまくデザイナーさんに伝えられなかったり…。そのような「困る」を体験したことはないでしょうか。 本書は、Webサイトのデザインからコーディングまでを広く扱うことで、点ではなくつながった線として、Webサイト制作を学べるように構成されています。

「Electron」はWebページをデスクトップアプリにビルドして実行できるようにする技術です。 　「React」は世界的に人気のある「HTML5＋JavaScript＋CSS」のWebページを構築するためのフレームワークです。 　本書では「React」を使ってWebページを作成し、「Electron」を使ってWebページをデスクトップアプリにビルドして実行できるように解説します。 　紹介するサンプルは「ToDoリスト」「Web APIを使った画像検索ワード当てクイズ」「郵便番号CSV読み込みとハガキPDF書き出し」「データベースでToDoリスト」です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webエンジニアになりたい人にじっくり教えます！ 「Webエンジニアになりたい」、そんな風に思って学習を始めてみたはいいけれど、勉強すべき範囲が広くて困っている方、いませんか？ また、分からないことを調べてみても、用語の意味が分からなくてつまづいてしまった方、いませんか？ 本書は、そんな方のために、この広いWebエンジニア業界の中で使われている「用語」を解説しつつ、その技術が具体的にどういったものなのか、どう使えばいいのかを説明しています。 CONTENTS Chapter 1　Webエンジニアになろう！ Chapter 2　フロントエンドエンジニア初級編 Chapter 3　フロントエンドエンジニア中級編 「ちゃんとWeb」をコーポレートテーマに、「ちゃんと」作ることを目指したWeb制作会社。WordPressを利用したサイト制作や、スマートデバイス向けサイトの制作、PHPやJavaScriptによる開発を得意とする。 また、YouTubeやUdemyでの映像講義や著書などを通じ、クリエイターの育成にも力を入れている。 主な著書に『これからWebをはじめる人のHTML&CSS, JavaScriptのきほんのきほん』（マイナビ出版刊）や、『マンガでマスタープログラミング教室（監修）』（ポプラ社）など。 ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

【一冊でHTML/CSS/JavaScriptの開発技術が学べる！】 フロントエンド開発の範囲は広く、習得すべき技術は多種多様です。HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの、Webサイトを制作するのか、Webアプリケーションを開発するのか、その違いによって採用すべき技術は全く異なります。それは、Webの多様性に対して技術的な正解がひとつではないことを示しています。 本書はフロントエンドの技術を俯瞰し、「エンジニアが共通して知っておくべき技術はなにか」、「（多種多様なエンジニアにとって）どの分野にフォーカスしてスキルアップを目指すべきか」を示すことを目的としています。開発現場でのワークフローを疑似体験したり、各種技術の概要とコードに触れることで理解の促進を目指します。 「フロントエンド技術は移り変わりが激しい」と言われてきました。しかし、その状況は変わりつつあります。2010年代はHTML5やECMAScript 2015の過渡期にあり、フロントエンドの技術は大きく変化しました。現在は、ツールやフレームワークの変化はあれど、開発における基本的な考え方はそれほど変化していません。成熟したフロントエンドの技術を、本書を通してこのタイミングでキャッチアップしてほしいと考えています。 また、「未経験のエンジニアにとって、フロントエンド業界に入ったときに学んでほしいこと」をこの一冊で網羅できることを筆者は裏テーマとして設定しました。初心者の方も、すでに業界で取り組んでいるエンジニアの方にとっても、知識のボトムアップに繋がる一冊を目指します。 ■こんな方におすすめ ・フロントエンド開発にこれから携わりたい方 ・フロントエンド開発に携わって1～2年の方 ・Webサイト制作に携わっていて、フロントエンド全般について知りたい方 ・Webサイト制作、Webアプリケーション開発それぞれの知識や違いを知りたい方 ■目次 第1章 フロントエンド開発の全体像 　　1.1 フロントエンドとは何か 　　1.2 制作・開発の進め方 　　1.3 HTMLとCSSとJavaScript 第2章 フロントエンド開発環境を用意しよう 　　2.1 Node.jsの使い方 　　2.2 Node.jsの役割 　　2.3 エディタ・IDE 　　2.4 開発環境の導入方法 第3章 現場の開発を体験してみよう 　　3.1 実践！フロントエンド開発 第4章 標準仕様の動向 　　4.1 Web標準の仕様 　　4.2 ブラウザの互換性 第5章 より良い開発のための次の一歩 　　5.1 JavaScriptフレームワーク 　　5.2 CSSの周辺技術 　　5.3 CSSフレームワーク 　　5.4 TypeScript. 　　5.5 Web API 　　5.6 オールインワンなフレームワーク 　　5.7 WebGL 第6章 品質を向上させるための取り組み 　　6.1 デザインツールと画像形式 　　6.2 アクセシビリティ 　　6.3 Webブラウザの開発者ツール 　　6.4 Lighthouse 　　6.5 コード品質の向上 　　6.6 テスト 　　6.7 CI/CD 　　6.8 セキュリティ ■著者プロフィール 池田 泰延（いけだ やすのぶ）：株式会社ICS代表。筑波大学非常勤講師。ICS MEDIA編集長。テクニカルディレクターとして、ウェブのフロントエンドの開発を行う。得意分野はWebGLやデータビジュアライゼーション。X:https://twitter.com/clockmaker 西原 翼（にしはら つばさ）：株式会社ICSのインタラクションデザイナー。建築関係からスクールを経てWeb業界に転身する。企業のコーポレートサイトからWebアプリまで幅広く携わる。CSSでの表現の可能性を探っている。記事:https://ics.media/entry/staff/nishihara/ 松本 ゆき（まつもと ゆき）：株式会社ICS ICSフロントエンドエンジニア。SIerでのJava Webシステムの企画開発からUXコンサルタントを経て、フロントエンドエンジニアに転身。新しいアイデアを企画段階からプロトタイピングしていくことが得意。

Webサイトを【分解】→【組み立て】！ 本格的なWeb制作を追体験して、脱初心者を目指そう Webサイト制作を始めたばかりのHTML/CSS初心者の前には、 さまざまな壁が立ちはだかります。 「デザインを思い通りに再現できない」 「タグやプロパティの組み合わせ方がわからない」 「ページを組み立てる流れがイメージできない」 もしあなたがこんな課題を抱えていて、 コードを書く手が思うように進まない…と悩んでいるなら、 本書はぴったりの一冊です。 本書は、モックアップ（サイトのデザインラフ）をもとに、 サイトの構成要素を【ブロック分解】してから、 ひとつずつコーディングして【組み立てる】…という 本格的なWeb制作さながらのプロセスを、ハンズオンで学習します。 【分解】するから、 ・サイトデザインの細かな意図 ・デザイナーが配慮しているポイント　がわかります。 【組み立て】ながら、 ・Web制作の一連の流れ ・サイトの具体的な作り込みかた　がわかります。 ひとつのサイトを完成形まで作り込む流れを通じて、 デザインラフを的確に再現するための 実践的なコーディングテクニックが無理なく習得できます。 ■こんなあなたにおすすめ！ ・HTML/CSSの入門書を一冊読み終えた初級者 ・実践的なコーディングテクニックが知りたい、駆け出しのWeb系エンジニア ・オリジナルのWebサイトを作るための力をつけたい学習者、再入門者 ■目次 Ch01　モックアップをブロック分解 Ch02　ファイルの準備 Ch03　HTMLのコーディング準備 Ch04　HTMLのコーディング Ch05　CSSのコーディング準備 Ch06　CSSのコーディング Ch07　CSSでのレスポンシブ対応 Ch08　自分のプロフィールページへ ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが，本書は体系立てた文法学習よりも，まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介＆ネットショップサイトをチュートリアル形式で作成しながら，基本的なHTML要素／CSSの基本構造（セレクタ，プロパティ，値）を学ぶことができ，レイアウトのテクニックやデザイン（Webデザイン＆レスポンシブデザイン）の基本も身につきます。 ＜本書のポイント＞ チュートリアル学習では，PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます 定番となったflexbox，displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します 「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます 横スクロールするレイアウト，アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます 「動画コンテンツページ」「ネットショップページ」も制作します ＜綴じ込み特典つき＞ 付録①デザインのバリエーションが学べる！「レスポンシブデザインのネタ帖」 付録②インターン，就転職に役立つ！「ポートフォリオ用アレンジのネタ帖」

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

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 プロの現場で求められる サイト制作のノウハウを徹底詳解！ 第一線で活躍するプロが、実務で培った全知識・全ノウハウを具体的なデザイン案、コード例とともに詳解するスマートフォンサイト制作入門の決定版！ ・スマートフォンサイトに求められるデザインと制作手法 ・既存のPCサイトを元にしてスマートフォンサイトを制作する方法 ・スマートフォンでの閲覧に最適化したサイトを制作する方法 ・レスポンシブWebデザインの基本 断片的な知識や小手先のテクニックだけでは実現できない、スマートフォンに最適化されたサイト制作の基本と実践。 ■基礎知識 スマートフォンサイト制作に必要なHTML5とCSS3の基本コーディング ■デザイン スマートフォン向けのサイト設計と、ページデザインの勘所 ■ワークショップ ９つのデザイン制作で学ぶ、スマートフォンに最適化されたサイトの制作術 ※本書掲載のサンプルデータはすべてダウンロードできます。 さまざまなデバイスで適切に閲覧できる美しいスマートフォンサイトを制作する方法をこの一冊でしっかり習得できる！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 CS5の注目拡張機能｢HTML5 Pack｣も解説！Dreamweaver CS5ユーザー必携 大好評の逆引きデザイン事典が、さらに引きやすくなりました。本書は、DreamweaverユーザーがWeb製作の現場で遭遇する「あれ、これってどうするんだったっけ」という内容をサッと調べられる、実践的な逆引き事典です。 基本概念や従来の操作解説にプラスして、WordPressやMovableTypeとの連携やカスタムコードヒントの活用など、より現場に即した内容を盛り込みました。また、次世代Web規格｢HTML5｣と｢CSS3｣での制作を支援する｢HTML5 Pack｣を使った内容もいち早く解説。5大特典として「パネル早見表」「キーボードショートカット一覧」「サンプルファイルのダウンロード」に加えて、｢HTML5 Pack｣がサポートする注目の｢サポート要素一覧｣と「Dreamweaver拡張機能紹介」も掲載します。 初めてDreamweaverに触れる人から、すでに使いこなしている人まで、Dreamweaver CS5ユーザー必携の一冊です。 【動作環境】本書はCS5対応となっております。CS5以外のバージョンについては動作が未確認ですので、あらかじめ御了承下さい。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【プロを目指すなら最初に選ぶ本。基本から最短コースで身につきます！】 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サイトを運用する ■チャレンジしてみよう！

Microsoftが無償公開しているコードエディター「Visual Studio Code（VS Code）」は，豊富な拡張機能によるカスタマイズ性の高さからプログラマーに人気がありますが，最近ではWebライターやWebデザイナー／Webコーダーなどのノンプログラマーにも利用者が増えています。本書は，主にWeb制作に携わる非プログラマーの職種の方を対象に，Visual Studio Codeの基本操作と環境設定から，ドキュメント作成／編集の技，Markdown記法による構造化文書作成の技，HTML&CSS作成／編集の技，GitHubと連携したバージョン管理／コラボレーションの技までを幅広く紹介します。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザイナーとしてやっていくのに必要なすべてを網羅！ Webデザイナーを目指すなら、HTML／CSSの知識とスキルは不可欠です。でも、それだけではありません！ デザインするだけで仕事になるのは、Webデザイナーの中でもほんのひと握り。「Webサイトを作りたいんだけど……」とクライアントに言われて引き受けた案件を無事に納品するには、Webページをデザインする以外にもたくさんの仕事があります。 それを、仕事をしながらひとつずつ調べていくのは負担でしかありません。だから、仕事のすべてを先に学んでおきませんか？ 勉強するのがHTML／CSSだけでは足りません。Webデザイナーで食っていきたいなら、そのすべて学んでおきましょう！ 本書で学ぶのは、案件を引き受けた直後から、納品できる状態のWebサイトを構築するまで。最も最初の段階は、クライアントにヒアリングして要件を定義するところからです。クライアントが作りたいのはコーポレートサイトなのか、ランディングページなのか、オウンドメディアなのか、あるいは別のWebサイトか？正しくクライアントの意図を聞き出して要件を定義するのに、適切な方法を紹介します。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 あなたの仕事をずっと助ける、Webページ作りの「正しい」技術をマスター。 Webページ作りを基礎から習得し、コーポレートサイトを作成。基本文法から各種ボックスの配置法、テーブル、フォーム、シングルカラムレイアウト、段組レイアウト、レスポンシブまで、Webデザインの仕組みをサンプルとともに詳解。 ●こんな人に向けた本です １入門から次のステップに進みたい人 ２コーポレイトサイトを作ってみたい人 ３HTML/CSSの仕組みを学び、現場でワンランク上のアウトプットを目指したい人 ●こんな内容の本です １Webデザインの仕組みをサンプルとともにしっかりと解説しています。 ２HTML/CSSの仕様に基づいた解説で、デザインにプラスアルファの効果を与える正確なマークアップの知識が身につきます。 ３迷ったときに正しい技術を指し示してくれる教科書です。

WordPress入門書のベストセラー、エビスコムの「WordPressレッスンブック 3.x対応」が、最新版になって登場しました。 ・基本から応用テクニックまで、ステップバイステップ形式で実際に作りながらマスターできます。 ・サイトの拡張やカスタマイズ方法などの実践手法も網羅しました。 ・スマートフォンやタブレットに完全対応するためのテクニックも学べます。 はじめてWordPressを触る方でも、本書1冊でWebサイト構築が簡単に行えます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 現在の「Web技術」のきほんを、1冊でしっかり学ぼう！ 本書は、HTMLとCSS、JavaScriptの基本を1冊で学べる本です。 現在、HTMLとCSS、JavaScriptという「Web」を構成する技術は、WebサイトやWebアプリケーションをはじめとして、さまざまな環境で使われるようになっています。本書では、その3つの技術に焦点をあてて、1冊で「現在のWeb」の基本を総合的に学べるようにしました。 これからWebの仕事をしたいと考える方にとって、最初のスタートとして最適な1冊です。 HTML5.1/CSS3 対応。 ===（以下「はじめに」より編集・抜粋）=== 本書は、HTMLとCSS、JavaScriptすべてを1冊で紹介した欲張りな本です。 ただ、それは単に「お得」とか「色々なことをさらっと」というわけではありません。これから「Web」という技術を学んでいきたいという方に向けて、最初に必要となる知識をしっかりと身につけて欲しくて執筆しました。 HTMLといえば、最初に思いつくのは「Webサイト（ホームページ）制作」です。ただ、本書はWebサイト制作の入門ではないため、それに必要となる次のような知識については、あえて触れていません。 ・Webサイトの設計・画面設計手法 ・コンテンツの作成方法 ・Webサイトの公開方法やメンテナンス方法など これら、「Webサイト制作に必要な知識」は他の書籍にお任せし、本書は技術としてのHTML/CSS/JavaScriptの解説だけに絞りました。 「Web」の技術は、今やサイト制作だけでなく、スマートフォン向けのアプリケーション開発やPepper等のロボット開発、AIのインタフェース開発など、あらゆる分野で活用されています。そんなとき、これらの技術をまとめて解説する書籍があればと思い、執筆するに至りました。 Webサイト制作者になりたい方はもちろん、これまでJavaやPythonなどのプログラミング言語は学んできたものの、HTMLやJavaScriptについて学ぶ機会がなかったエンジニアの方、そしてこれからネット業界、AI業界を目指す学生の方など、幅広い方々に活用して頂ければありがたく思います。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ●本書の特色 CSSの設計からHTMLへの実装までが体系的に学べる 現場で実績のあるサンプルコードが手に入る ●こんな読者に向いています ・Webの専門学校を卒業し、制作会社に入社した人/Webエンジニア ・自分のWebサイト作成に限界を感じている人 ・HTML/CSSマークアップ力をもう一段高めたい人 ・最前線の現場でHTML/CSSがどう書かれているのかを知りたい人 ・CSS設計の理論と実践を学びたい人 デザインの変更に強く、再利用が容易なWebサイトを作ろう！ マルチデバイス対応や頻繁なデザイン変更など、Webサイトに対する要求の多様化により、将来の拡張やメンテナンスを視野に入れた「CSS設計」のニーズが開発の現場で高まっている。 本書では、仕事でWebサイト作る人に必須の知識となる、CSS設計の基礎的な概念からその実装方法を、サンプルページを通して体系的に解説。導入から設計の基礎、Webサイトへの実装までが学べる。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ゼロからしっかり学べる、本格Webサイト制作。 本書はWordPress5によるWebサイト制作が学べる入門書です。 WordPressは、Web制作の定番スキルとなっており、 かんたんなブログサイトから高機能なCMSサイトまで、 効率的に制作することができます。 制作環境や基本操作の解説はもちろん、 サイト設計の基本、WordPressに必要なPHP、 テーマファイルの仕組みといった欠かせない基礎知識、 また、最新のエディタ「Gutenberg」の基本操作、 さらにテンプレート作成、ウィジェット、カスタムメニュー、 プラグイン、セキュリティの配慮といった実践的なスキルまで、 しっかり学んでいきます。 本書は考え方や知識を得るための「講義」パートと、 実際に作りながらスキルを身につける「実習」パートからなる、 合計20のLESSONを順番にステップアップしながら学んでいけます。 実習のためのサンプルソースはWebからダウンロードできます。 まさにWeb制作をこれから始める人に最適の1冊です！ 〈本書の特長〉 □レッスン形式なのでマイペースで学習を進められる □「講義」と「実習」で考え方と作り方をまとめて学べる □学習用サンプルを使ってすぐに、効率よく学べる 〈こんな方にオススメ〉 □WordPressでブログや企業サイトの制作ができるようになりたい方 □Web業界へ進みたいと考えている方 □HTMLとCSSの基本はわかるけどWordPressやPHPには馴染みがない方 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ・最初の一歩が踏み出せる！　初心者に寄り添うやさしい解説 ・最新の技術が身につく！　今のJavaScriptの書き方・使い方 ・絶対に知っておきたい！　アニメーションとイベントの知識 ・プログラミングの基本から実装方法まですべて学べる Webクリエイターボックスの Manaが教えるプログラミング＆Webサイトの動かし方 この1冊で必要なことがすべて学べる！ プログラムもアニメーションも全部学べる！ サンプルデータはWebサイトよりダウンロードできます。 ●本書の対象読者 ・これからJavaScriptを学びはじめたい人 ・以前にJavaScriptの学習を試みたが挫折してしまった人 ・Webサイトに動きやイベントをつけてみたい人 ・HTMLとCSSの基礎を終え、次の目標を探している人 ・jQueryを卒業し、最新のJavaScriptを学び直したい人 ※カバー画像が異なる場合があります。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 正統派の入門書！HTML Living Standardにきちんと準拠したHTML＆CSSを学ぼう 本書は、HTMLとCSSの最新の仕様に準拠した、HTML＆CSSの入門書です。 ※特にHTMLは2020年4月現在の最新のHTML Living Standardの仕様書ですべて確認済みの内容となっています。 本書では、HTMLとCSSをゼロから少しずつ学んでいきます。読者がつまづかないようにHTMLとCSSの小さなサンプルを書きながら学習していき、最後の章で総合的なサンプルを作成するスタイルになっています。 1つのWeb全体を作ろうとすると手順が長くなり、何を学習しているのか分からなくなったり、どこで間違ったか分からなくなってしまったりしがちです。そこで本書では、小さなサンプルで学習することで、「できた」の喜びを感じながら、少しずつ知識を増やしていけるようになっています。 また、サンプルには登場していない属性やプロパティの値などについてもしっかり説明がありますので、サンプルを書き換えて試してさらに経験を積んでみたり、読了後に疑問に思ったことを、改めて調べたりする使い方もできます。 そして、本書の解説は、表面的に「Webが作れればそれでいい」というものではありません。仕様にしっかりと準拠した使い方で、正しく、読みやすいを作れるように、サンプルを組み立てています。 本書で学習することで、基本的なHTML＆CSSの使い方が身につくのはもちろんですが、「なぜそこに、そのHTML、CSSを使うのか」をきちんと説明できるような知識も、手に入れることができます。 また、本書は、すでにプロとしてWeb制作に関わる方が知識をブラッシュアップする際にもお勧めです。HTML 5.2がリリースされてから、すでに5年が経過しており、ふだん何気なく見ている一見普通のHTMLが、現在の最新の文法には合致していない旧式のものとなっている可能性もあります。本書ではそのような旧式となってしまった部分はすべて更新してあり、さらに巻末の特別付録として用意した「HTML全要素一覧」「HTMLの要素の分類」「HTMLの要素の配置のルール」は、中級以上の方にもご活用いただける内容となっています。 ※本書は、2018年11月発行の『よくわかるHTML5+CSS3の教科書【第3版】』をベースに、HTML Living Standardの仕様に合わせて多くの箇所を変更するとともに、最近のトレンドに沿って修正・加筆したものです。 ＜本書の構成＞ 第1章 はじめる準備 第2章 オリエンテーション 第3章 文法的なカタい話 第4章 全体の枠組み 第5章 テキスト 第6章 CSSの適用先の指定方法 第7章 内の構造 第8章 フレキシブルボックスとグリッド 第9章 ナビゲーション 第10章 フォームとテーブル 第11章 その他の機能とテクニック 第12章 をまるごと作ってみよう 付録 HTML全要素一覧／HTMLの要素の分類／HTMLの要素の配置のルール 第1章 はじめる準備 第2章 オリエンテーション 第3章 文法的なカタい話 第4章 全体の枠組み 第5章 テキスト 第6章 CSSの適用先の指定方法 第7章 内の構造 第8章 フレキシブルボックスとグリッド 第9章 ナビゲーション 第10章 フォームとテーブル 第11章 その他の機能とテクニック 第12章 をまるごと作ってみよう 付録 HTML全要素一覧／HTMLの要素の分類／HTMLの要素の配置のルール 大藤 幹（おおふじ みき） 1級ウェブデザイン技能士。大学卒業後、複数のソフトハウスに勤務し、CADアプリケーション、航空関連システム、医療関連システム、マルチメディアタイトルなどの開発に携わる。1996年よりWebデザインの基本技術に関する書籍の執筆を開始し、2000年に独立。 その後、ウェブコンテンツJIS（JIS X 8341-3）ワーキング・グループ主査、情報通信アクセス協議会・ウェブアクセシビリティ作業部会委員、ウェブデザイン技能検定特別委員、技能五輪全国大会ウェブデザイン職種競技委員、若年者ものづくり競技 大会ウェブデザイン職種競技委員などを務める。 現在の主な業務は、コンピュータ・IT関連書籍の執筆のほか、全国各地での講演・セミナー講師など。著書は『HTML5プロフェッショナル認定試験 レベル1 対策テキスト＆問題集 Ver2.0対応版』『よくわかるHTML5+CSS3の教科書』『自由自在に動画 が作れる高機能ソフト DaVinci Resolve入門』（マイナビ出版）、『今すぐ使えるかんたんEx HTML&amp;CSS 逆引き事典』（技術評論社）、『詳解HTML&amp;CSS&amp;JavaScript辞典』（秀和システム）など60冊を超える。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Bootstrapは、どんなデバイスでも見やすく表示する「レスポンシブデザイン」を強力にサポートするWeb開発用CSSフレームワークです。本書は、Bootstrap 4.0をベースに、レスポンシブデザインおよびBootstrapの基本レイアウト機能「グリッドデザイン」によるWebデザインについて解説します。オリジナルGUIコンポーネントの使い方、jQueryによるスクリプト制御の方法なども紹介します。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 最近のWeb開発ではフロントエンドの技術が必須です。とはいえ、HTMLに追加される新しい要素や属性、増えていくCSSプロパティやルール、年々アップデートされるJavaScriptなど、複雑かつ膨大な情報を整理するだけでも大変です。本書は、初級者向けにフロントエンド開発支援ツールの選び方や使いこなし方、効率的に開発をするための基礎知識が身につく入門書です。複数の支援ツールから「なぜそれを使うのか」選択する基準がわかります。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 脱・その場しのぎのコーディング！ 現場で迷わない実務レベルのテクニックを身につける HTML/CSSの知識をひと通り身につけて、デザインカンプ通りの実装ができるようになっても、実際の制作現場では、コーディングの選択肢に迷う場面が多々あります。 タグやプロパティについて「どうしてそれを選んだのか」と聞かれたとき、あなたは自信を持って答えることができるでしょうか？ レイアウト手法について、いつも手癖で慣れたものを採用していて、本当にこのアプローチが最適なのか、不安を感じることはありませんか？ 本書は、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説します。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。 Web制作には無数ともいえるアプローチがあり、ただなんとなく知識を蓄えているだけでは、実務で求められるコーディングの攻略は困難です。本書を読んで「ただ知っているだけの知識」を「現場で活かせるスキルと自信」に変えましょう。 ■解説トピック ・sectionとarticle、どのように使い分ける？ ・background-imageではなく、imgを使うべき画像とは？ ・カラムレイアウトに適しているのは、float・flex・gridのどれ？ ・Class名の位置はどのように判断すればいい？ ・運用しやすいコードを書くためには何に配慮する？　　…など ■本書のおすすめポイント ・実際の制作の流れに沿って工程ごとのポイントが理解できる ・キャラクターによるガイドでわかりやすく読み進められる ・「練習サンプル」で手を動かしながら理解できる ■対象読者 ・実務で通用するスキルを身につけたいWeb制作会社の新人 ・Web制作の仕事に就きたい学生、社会人 ・指示される通りのコーディングから脱して、よりよい書き方を知りたい初級者 ■目次 Lesson1　デザインカンプを正しく理解する Lesson2　プレーンなHTMLを作成する Lesson3　デザイン実装のための情報を追加する Lesson4　ページのレイアウトを実装する Lesson5　パーツのデザインを作り込む Lesson6　レスポンシブ対応する Lesson7　ワンランク上のコーディングを目指す ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

【プロとして「独り立ち」するために、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 レスポンシブ対応サイトを作る

Web関連技術の進歩は目覚ましく、とどまるところを知りません。CSS3になり、本来「デザイナーに画像を作ってもらう」ことでしか対応できなかった表現が、どんどんCSSで実現できるようになってきています。本書はCSSで様々な図形を作り、キャラクターを描き、あたかもRPGのボスキャラに挑むように学習をすすめることができるチュートリアルガイドです。

【読む×作る＝Webサイトをゼロから作る力が身につく！ 】 Webサイトのデザイン制作をはじめて学ぶ方に向けて、HTML+CSSとサイトの作り方をゼロから解説した書籍です。 サイトを作るうえで必要となる「道具」の説明やHTMLとCSSの基本から、シンプルなページ構成のWebサイトを制作する方法、制作したサイトに現場で実際に使われている技術を取り入れるところまでをカバーしました。 本書の大きな特長は2つです。 1つ目は、「座学」と「実践」の2通りを交えた構成になっている点。解説を読みながら、サンプルファイルを使ってソースコードを書いたり、Webブラウザに表示させたりすることで、サイトを作るノウハウがゼロから身につきます。 2つ目は、「いまの技術」に焦点を合わせていること。HTML、CSSの過去や未来の話ではなく、制作現場でいま使われている内容に絞って解説しています。 プロの目指す方の入門書としてはもちろん、自分でソースコードを書くことがなくてもディレクションする立場にある方、業務ではなく個人でHTML+CSSを習得したい・Webサイトを作りたい方などにも、活用いただける内容になっています。 〈本書の章構成〉 Introduction Webサイトを制作する前に Lesson 1 Webサイトを制作する準備 Lesson 2 HTMLとCSSの役割を理解する Lesson 3 HTMLでマークアップを行う Lesson 4 CSSで見た目を制御する Lesson 5 HTMLでWebページの構造を作る Lesson 6 CSSでレイアウトを制御する Lesson 7 実践：Webサイトを作る Lesson 8 実践：問い合わせフォームを作る Lesson 9 応用：現場の技術を取り入れる Lesson 10 応用：JavaScriptで動きを表現する Lesson 11 応用：SNSや他サービスとの連携

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 最初からこうして教えてほしかった!スタイルシートの定番と最新を、まるごと習得! CSS(Cascading Style Sheets)は、Webサイト制作のもっとも基本となる技術です。様々なブログツールやスマートフォン向けのサイトのデザインにも欠くことはできず、ますます活用の幅が広がっています。本書は、そのCSSを基礎から最新のCSS3活用まで、きっちり学びたい人のための本です。CSSの書式や基本要素はもちろん、ボックスによるレイアウトテクニック、リストによるナビゲーション、さらにCSS3の半透明・影付・角丸といった定番技から段組・変形・アニメーションといった上級技まで、一通り学ぶことができます。またCSSのためのHTMLも解説しているので初心者でも安心です。シリーズ同様、サンプルデータをWebからダウンロードできるので、実際に作りながら楽しくマスターできます。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。

【技術の進化に左右されない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　実践編：レスポンシブサイトをつくる

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

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【WordPressコーディングの定番解説書がバージョン6.xに対応！】 WordPressでサイトやブログを作成する際、PHPのコードの意味がよくわからず、「本当はこうしたいのに……」を諦めた経験のある方も多いことでしょう。 本書は、HTMLやCSSはひととおりわかるもののPHPは苦手という方のために、WordPressを活用するうえで避けて通れないPHPの知識を解説した入門書です。変数・配列・条件分岐・繰り返し・関数・オブジェクトといったPHPの基本文法から、テンプレートタグ・ループ・テンプレート階層・フックなどのWordPress特有の仕組みまで、テーマづくりに必要な知識が初心者でもやさしく身につきます。 さらに実際に動作するテーマに沿って、ヘッダー・ナビゲーション・ウィジェット・カスタムフィールド・アーカイブ・個別投稿・固定ページなどのコードを具体的に解説。ブロックテーマを組み入れたハイブリッドテーマの作成や子テーマの作り方、エラー対処法など、カスタマイズにあたってよく突き当たる課題も解消します。定番の解説書が待望の第4版、WordPressを本当に使いこなしたいユーザーに必携の1冊です。 〈こんな方にオススメ〉 ・コードをコピペしてもきちんと動かずあきらめたことがある ・テーマに簡単なアレンジをしたいがどこを触ればいいのかわからない ・自分でオリジナルのテーマをつくりたい ・ブロックテーマを取り入れたい ・WordPressの仕組みをきちんと知りたい 〈本書の内容〉 ■CHAPTER1　WordPress＋PHPの基礎知識 WordPressが動作する仕組み／WordPressの投稿タイプと機能／WordPressのテーマとは ■CHAPTER2　PHPの基本 PHPのコードを書く際のルール／変数／配列／条件判定／繰り返し処理／関数／オブジェクト ■CHAPTER3　WordPress特有のルール テンプレートタグ／WordPressのループ／条件分岐タグ／テンプレート階層／モジュールテンプレート／フック／セキュリティ ■CHAPTER4　WordPressで使われるコード解説 ヘッダー／ナビゲーション／アーカイブ／個別投稿・固定ページ／フッター／サブクエリ／カスタムフィールド／検索／functions.php ■CHAPTER5　進んだ使い方の解説 ブロックテーマ・ハイブリッドテーマ／theme.json／ブロックテンプレート／ブロックパターン／そのほかのコード／子テーマ／エラー対処法 〈本書の特長〉 ・WordPressユーザーに必要なPHPの基本をやさしく解説 ・WordPressだけの本、PHPだけの本のどちらにもない特有の知識が得られる ・実務に必須なテーマ制作の基礎を固められる 〈プロフィール〉 水野史土（みずの・ふみと） レスキューワーク株式会社代表。WordPressのwpdb::prepareメソッドのセキュリティチェック実装および警告メッセージを改善した実績により「PHP5セキュリティウィザード2015」に認定される。2016年にホームページ上で自動見積計算して見積書PDFを発行するウェブサービス「マイ見積」を開発し、中部経済新聞に掲載。著書に『徹底攻略PHP5技術者認定［上級］問題集』（共著・インプレス）がある。