※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 自分だけのオリジナルなWebサイトやブログを作りたいと思ったことはありませんか？ 大丈夫です。WordPressを使えば、HTMLやCSSの知識はなくても、手順どおりに進めるだけで、あなたの望みはかないます。本書は、いますぐ自分でWebサイトやブログを立ち上げたい方向けに、最短の時間と手間で思い通りのページを作る手順を解説します。本書のとおりに進めて行けば、初心者でも自分だけの素晴らしいブログが作れます。

【Vue.jsとFirebaseを使って、はじめてのシングルページアプリケーションを作る！ボリューム増の改訂新版】 本書は、簡単なWebサイトを作った事があるWebフロントエンド初心者がSPA（シングルページアプリケーション）の基本を掴み、簡単なWebサービスが作れるようになることを目的としています。さらにこれを抑えた上で次の段階へステップアップするための足がかりになるような要素も掲載しています。 〈本書の対象読者〉 ・HTML,CSS,Javascriptを利用して、簡単なWebサイトを作ったことがある人 ・複数のページや状態管理をJavascript使って自力で行い、ごちゃついてしまい消耗している人 ・普段デザイナーとしてマークアップしており、フロントエンドの新しめな環境でのサイト構築を経験してみたい人 ・シングルページアプリーケーション、Vue.jsってものを触ってみたい、またはそれらの挫折経験がある人 ・FirebaseのWeb版を使ってみたい人、どんな事が出来るのか知りたい人 ・普段サーバーサイドやネイティブアプリを作っていて、Webフロントエンドをさらっと触ってみたい人

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【HTMLとCSSのタグの独学に最適な一冊】 好評いただいた「例題30＋演習問題70でしっかり学ぶ　HTML＋CSS標準テキスト」の改訂版です。本書は、HTMLの主要なタグの使い方を例題を通してわかりやすく紹介し、HTML＋CSSによるWebサイトの作成法から公開までを解説する書籍です。改訂で、HTMLのバージョンを「HTML Living Standard」に対応させ、Webのスマホ対応に必要なレスポンシブデザインの解説も追加しました。節末には実力アップのための演習問題も用意しています。例題＆演習問題で、習熟度の確認・弱点チェックができ、HTMLの基本をしっかり身に付けることができます。 ■目次 ●PART1 HTMLとは何か ──Lesson1 HTMLの定義 ──Lesson2 HTMLの歴史 ──Lesson3 HTMLのバージョン ──Lesson4 Webページが見える仕組みと公開手順 ●PART2 HTMLの基本構造 ──Lesson1 DOCTYPE宣言 ──Lesson2 html、head、bodyタグ ──Lesson3 メタタグ ──Lesson4 セクションタグ ●PART3 基本的なHTMLタグ ──Lesson1 ヘッダータグ ──Lesson2 段落と改行タグ ──Lesson3 強調タグ ──Lesson4 引用タグ ●PART4 リンクと画像 ──Lesson1 ハイパーリンク ──Lesson2 相対リンクと絶対リンク ──Lesson3 画像を利用するための準備 ──Lesson4 画像ファイルを用意する ──Lesson5 画像の表示 ●PART5 リストの作成 ──Lesson1 順序付きリスト ──Lesson2 順序なしリスト ──Lesson3 定義リスト ──Lesson4 ネストされたリスト ●PART6 テーブルの作成 ──Lesson1 テーブルタグ ──Lesson2 ヘッダーとデータセル ──Lesson3 行と列 ──Lesson4 セルの結合 ●PART7 フォームの作成 ──Lesson1 フォームタグ ──Lesson2 タイプ属性とテキストエリアタグ ──Lesson3 入力を補助する機能 ──Lesson4 バリデーション ●PART8 CSSとは何か ──Lesson1 CSSの定義 ──Lesson2 CSSの歴史 ──Lesson3 CSSをHTMLで読み込むには ●PART9 CSSセレクタとプロパティ ──Lesson1 CSSセレクタ ──Lesson2 プロパティと値 ──Lesson3 コメント ──Lesson4 カラー ●PART10 CSSレイアウト ──Lesson1 フロートとクリア ──Lesson2 フレックスボックス ──Lesson3 グリッドレイアウト ●PART11 レイアウトとポジショニング ──Lesson1 ボックスモデル ──Lesson3 ディスプレイプロパティ ──Lesson3 ポジショニング ●PART12 CSSアニメーション ──Lesson1 アニメーションの基本 ──Lesson2 トランジション ──Lesson3 アニメーションのパフォーマンス ●PART13 レスポンシブデザインの基本 ──Lesson1 メディアクエリ ──Lesson2 ビューポート ──Lesson3 フレキシブルな指定 付録1 Visual Studio Codeの導入方法 付録2 キーワードで指定できる色一覧 ■著者プロフィール 株式会社イー・スペース：1998年に「スタジオイー・スペース」として創業。インタラクティブコンテンツの制作から、広告やエデイトリアルなどの紙媒体のデザイン、執筆、店舗プロデュースなど、メディアの枠を超えた幅広い案件を手がける。2013年、事業承継を機に分社化。WEB制作部門は「ネットメディア運営のパートナーカンパニー」として事業領域を再定義し、長期にわたるWEB関連サポート業務に注力することで2018年からはフルリモートでのワークスタイルを実現。新型コロナウイルス感染症に際しても堅実に顧客サービスを提供し続けている。著書には、「Photoshopレッスンブック」「はじめてのDreamweaverドリル」「Web制作新人育成ガイド」など、初心者・入門者向けのものが多く、スクールの教材開発支援も行う。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【クライアントワークで必須の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. 所属。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は，コーダー，フロントエンジニアを目指す人のためのHTMLとCSSのコーディング独習書です。業界を目指すためにはコーディングは必須です。ホームページ時代のタグの記述方法ではなく，これからWeb業界を歩んで行く人たちに正しいコードの書き方，より現在の業界水準にあった正しいコードの書き方が求められています。実際にコードを書くことで刷り込むように覚えられます。サンプルはダウンロードして確認することができます。「基礎」「応用」「実践」の3部構成で，段階的にステップアップしながら学びます。

本書は、「今」使える技術やAPI をふんだんに使った、ブラウザで動くカメラアプリの作り方を通じて各種の技術をハンズオン形式で解説します。 Parcel や React、CSS Modules の設定に始まり、画面のスタイリング、 getUserMedia や applyConstraints、ImageCapture、 EXIF、 Geolocation、 WebAssembly、Web Worker、OffscreenCanvas、Shape Detection API、WebGL、PWA などの技術を、『広く浅く』学ぶことができる一冊です！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 FC2ブログのデザインを自分好みに変えてみよう 国内でも大人気のFC2 ブログ。カスタマイズの自由度は国内のブログでも群を抜いています。本書は、「公式テンプレートを自分なりに変えたい」と思っているFC2ブログユーザーに向けて、HTMLやCSS、さらにFC2ブログ独自の変数タグを使い、ブログデザインのカスタマイズ手法を解説する書籍です。 人気の公式テンプレートを元に、サイドバーやメニュー、記事の表示、そして人気外部サービスの追加など、ユーザーニーズを汲んだカスタマイズ手法を紹介します。「ここの見せ方を凝ってみたい」と考えているFC2ブログユーザーが、「これは使える」と納得する、そんな1冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

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に対する深い理解は必要ありません。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 A/Bテストやリダイレクトテストは、導入も運用もタイヘン……ではありません！ Googleオプティマイズは、無料でも使えるウェブテストツールです。ウェブサイトを訪れたユーザーを対象に、サイトデザイン、レイアウト、コンテンツなどを複数パターン用意して、どれが成果に結び付いたかというテストを実施できます。パーツが異なる複数のパターン（AとB、あるいは3つ以上）をランダムに比較する「A/Bテスト」のほかに、同じ内容で別個のウェブページを比較する「リダイレクトテスト」、複数のパーツが異なる「多変量テスト」を実施することが可能です。 こういったウェブテストは、従来は思いのほかコストも手間もかかかるものでしたが、Googleオプティマイズは、無料で使うことができ、簡単にパターンの作成から分析までを行える画期的なツールです。専門のデザイナーやエンジニアがいないチームや、HTMLやCSSに詳しくない担当者でも、ビジュアルエディタを使用してウェブブラウザ上でテストパターンを作成し、テストを実施することが可能です。 本書は、ウェブテストの説明からはじまり、Googleオプティマイズの使い方、キャッチコピーやテキスト、バナーやメインビジュアルといったコンテンツを効果的に作成する方法、ツールを連携させてデータを可視化する方法まで、Googleオプティマイズを活用している現場の担当者が経験に基づいて説明しています。さらに、GoogleアナリティクスやGoogleデータポータル、GoogleスプレッドシートなどのGoogleのツール群と連携することで、より深い分析やわかりやすい視覚化を実現するテクニックなども解説しています。 しかし、ウェブテストを行うことは「手段」であって「目的」ではありません。そこで、本書では、単にGoogleオプティマイズの使い方を説明するのではなく、正しいテストの行い方やテストに対する考え方を理解してから、テストを実施するという構成になっています。テストにおいてもっとも重要である「仮説を立てて設計する」「レポートをもとに判断する」といったことは、私たち人間が行わなければいけないからです。したがって、マーケティングの知識がない人でも活用できるように、その前提となるウェブマーケティングの基礎についても、事例を挙げながら説明しています。 近年のウェブサイトでは、やるべきことが増えてきています。特に少人数で運営しているウェブサイトでは、担当者の負担も増大しているでしょう。 そんな中でも、コンバージョンを最大化していくための強い武器となるのがウェブテストです。 本書を参考にしてGoogleオプティマイズを導入・活用し、サイト改善に役立ててください。 【構成】 Chapter1　データドリブンなウェブテストの基本 Chapter2　Googleオプティマイズを使ったテスト Chapter3　パターン作成の基本 Chapter4　テストの実施とレポートの作成 Chapter5　効果的なクリエイティブの作成 Chapter6　ウェブテストを支えるコンセプトと技術

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 今こそプログラミングを学ぶ好機！ プログラミングに関するスキルは、近年非エンジニアのビジネスパーソンにとっても急激にニーズが高まっています。ChatGPTのようなAIツールが発達したことで、プログラミングの学習環境も飛躍的に向上しています。 本書は、YouTube登録者数10万人超のインフルエンサーであり、現役エンジニアでもある著者が、効率的な学習法やコンピュータサイエンス、HTML、CSS、JavaScript、アプリケーション開発など、プログラミングにまつわるアレコレをわかりやすく解説しています。ChatGPTや、AI機能を有するIDEであるCursorなど、AIツールの取り入れ方も手厚くカバーしています。 プログラミング学習はインプットするだけでは不十分で、アウトプットの経験が大切です。本書は演習問題を豊富に用意しており、アウトプットの経験を積むこともできます。 プログラミングは限られた一部の方のためのものではなく、どなたでも役立てられるスキルです。プログラミングを活用するための一助として、本書をお役立ていただければ幸いです。

【すぐに使えるCSSデザインの多彩なアイデアを満載しました。】 「レイアウト」「デザインパーツ」「インターフェイス」の3テーマ別に、実際のウェブ制作でよく使用される表現に絞り込んで、スタイルシートのデザインアイデアを多数紹介しました。現在主流となっているデザインや技術、逆に主流でないデザインや技術といったものを明記し、デザイナーのみなさまの疑問を解消します。現在の実際のサイト制作でよく使われていて、なおかつ今風のサイトデザインにすることができるCSSのアイデアブックです。

【多彩なjQueryテクニックを大網羅！】 　jQueryの最大の特長は、通常のJavaScriptよりもシンプルなコードでWebサイトの動的な“ふるまい”を記述できる点です。CSSと同じセレクタが利用できるため、HTML＋CSSをひととおり理解していれば、文法や記述ルールはすぐに習得できることでしょう。 　とはいえ、「こう動かすにはどのようにjQueryのコードを書けばよいか」という目星をつける実践的な感覚を養うためには、実際のWebサイトで書かれているコードを理解して、さまざまな機能や表現の手法を自分の中に蓄積していく必要があります。 　本書では、このようなjQueryの“実践感覚”を身につけていただけるように、実用的な作例をベースにjQueryのコードをステップ・バイ・ステップ形式で解説しています。アコーディオンやタブパネル、ツールチップといった頻出の基礎技術から、背景全面動画、Masonry、パララックススクロールなどの最新手法まで、近年のWebサイトに利用されているjQueryのテクニックを網羅しました。jQueryは1.9以降の最新バージョンに対応、サンプルデータをダウンロードできるので、実際に解説内容を試しながら応用力を養えます。現場の制作メソッドがぎっしり詰まった必携の一冊です！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 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>

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

　本書では、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をベースにさまざまな技術の実装概念が知りたいディレクターの方

【jQueryでやりたいことが思い通りにすぐできる！】 使いやすいナビゲーションやユーザインターフェース、柔軟で利便性の高いレイアウト制御、モバイル対応、写真や動画、SNSとの連動など、Web制作の現場で絶対に必要な、ぜひ使いたい101個の機能を分かりやすいサンプルで紹介します。紙面では、各サンプルのブラウザ対応状況や、HTML、CSS、jQueryのコード、そしてカスタマイズのためのポイントを簡潔に解説。サンプルはすべてWebサイトからダウンロードできるので、いますぐあなたの仕事やブログに活用できます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「僕はXHTMLとCSSをマスターするには仕様書の全読は欠かせないと思う。しかし、まずは本書をマスターすること。それは間違いなくプロへの第一歩だ。」──森田 雄(株式会社ビジネス・アーキテクツ 取締役) 現場の最前線でWeb制作に携わる7人のプロ直伝の、「いま知っておくべき」XHTML+CSSの知識とテクニックを集成した1冊です。 ●本書の対象読者 ・これからWebサイト制作をはじめたい入門者 ・サイト制作をはじめて間もない初級者 ・CSSスキルをアップデートしたい中級者 (X)HTMLやCSSのスキルは、Webサイト制作のもっとも基本となる知識ですが、ノウハウがたくさん蓄積されているぶん、却って体系的に学ぶのが難しい状況にあります。また、ここ数年でCSSデザインがかなり複雑になったことで、ゼロから学ぶにはハードルが高くなってしまった面もあります。そこで本書は、本格的にXHTML+CSSによるWeb制作を習得したい方から、すでに習得しているけれども「現状の最新スキル」にアップデートしたい方までを対象にして、「現在制作現場で求められる最良のスキルを」「現場・実用からの目線で」「順序よく」「効率的に」習得できるように構成してあります。 ●本書の効能 ・XHTMLとCSSについて、「基本から」きっちりわかります。それが実際の制作や実務にどう関わってくるのかをともに知ることで、「生きた」知識として習得できます。 ・「現在必要な」最新かつ最良の知識と、実用なテクニックがわかります。CSSのファイル設計や効率的なスタイリング、レイアウトテクニック、トラブル解決などのベーシックな部分を、実務的な観点からもう一度振り返って考えたり、JavaScriptライブラリの活用法なども併せて解説することで、実戦力に直結するスキルが手に入ります。 ・「これから必要になる」Google Chromeなど最新ブラウザへの対応方法や、iPhoneなどPC以外のデバイス用のサイト制作に関する情報も充実しています。iPhone/iPod touch、Nintendo Wii、PlayStation Portableなど、ここ1～2年でPC以外のデバイスからWebを閲覧する人口が増えています。さまざまなデバイスにWebサイトを対応させるノウハウは、今後ますます必要とされるでしょう。また、ブラウザの新しいバージョンが次々とリリースされたり、Google Chromeなどの新しいブラウザが登場しています。そのような新しいブラウザを射程に入れることも、必要になってくるでしょう。 本書はそのように、「必ず知っておきたいこと」と「今後必要とされること」を現場からの目線で集約したカリキュラムとなっています。Webデザイナー、クリエイターであれば、必ず持っておきたい1冊です!

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は大きく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制作に乗り遅れないために。大好評ベストセラーの最新改訂版！】 ここ最近の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／セキュリティ／マーケティングの用語集

【新しい時代のHTMLとCSSの書き方、教えます。】 近年のWebコーディングはスマートフォンをはじめとする対応デバイスが劇的に増えたことから、非常に手間のかかる工程になりました。検証や最適化まで含めたすべてを手作業でこなすのは無理が生じてきており、さまざまな制作支援ツールやフレームワークを活用しながら進めるなど、従来のワークフローから大きく変化を遂げています。 本書では、このような“モダン”なHTML＋CSSコーディングのあり方と、作業の効率化＆適正化を図る手法・技術・ツールを網羅的に解説しました。「環境構築」→「HTMLコーディング」→「CSSコーディング」→「最適化・検証」とワークフローに沿って必要な情報を紹介していますので、タスクランナーやCSSメタ言語といった最近よく聞く技術がどの工程に関わり、どのような作業を楽にするものなのかが秩序立ててわかります。 もちろんツール類の解説だけにとどまらず、HTML5の新要素、CSSのセレクタ、CSS設計といった普遍的なトピックも盛り込んでいますので、さまざまな場面でお役立ていただけます。いまHTML＋CSSを書くうえで知っておかなければならない「現場の常識」が凝縮された必読の一冊です。

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

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

JavaScriptを使用したWebブラウザゲームの製作ノウハウを解説する入門書です。 Webページをまったく作ったことはないが、現在主流となっているブラウザゲームに興味があり、 「自分でもゲームプログラミングに挑戦してみたい！」と考えている初心者に最適です。 本書では「より面白く」「見栄え良く」をモットーに、11本のサンプルゲームを紹介しています。 ゲームを作りながら、JavaScriptだけでなくHTML5やCSSといったWeb技術の基本もしっかり学習できます。 また、あくまで「学習書」という位置付けであることから、最後まで読んでしっかり学習してもらうために、 「楽しさ」を感じられて「飽きさせない」ことを重視した構成になっています。 【本書のセールスポイント】 ［1］JavaScriptで「面白く」「見栄えの良い」Webブラウザゲームを「短いコード」で「簡単に」開発できる ［2］サンプルゲームはスマホにも対応 ［3］アクション系ゲームにも応用できる物理エンジン（衝突判定等）付き ［4］サンプルゲームのダウンロードサービス ［5］サンプルゲームはダウンロードしてスグに試せる！

スマートフォン向けWebアプリケーションの開発方法を、ゲームを題材に楽しく学べる本です。 本書では、HTML5/CSS/JavaScriptを使って、スマートフォン向けのWebアプリケーションの作り方を学ぶことができます。JavaScriptについては基本から説明しており、入門者、初級者でも基本からステップアップしていくことができます。スマートフォン向けのアプリケーションを作ってみたいクリエイターの卵、デザイナーの方にオススメの内容です。本書は、ゲームを題材にして、飽きることなく楽しく学べるように配慮されています。しかも、CanvasやGeolocation、Web Storage、アプリケーションキャッシュなど、汎用的なWebアプリケーションでも使える技術を意識して取り入れていますので、技術的にはそのままゲーム以外でも使えるようになっています。もちろん、ゲームならではともいえる、アルゴリズムの考え方や、「対戦相手の強さ」の設定方法なども含まれており、ゲーム開発の醍醐味も味わうことができます。将来性の高い技術を、楽しく学んでみたい方にぴったりの1冊です。 ■CONTENTS 【1】スマートフォンでゲームを作るのに必要な準備/【2】JavaScriptの基本を確認しよう/【3】AjaxとDOM　API/【4】Canvasでグラフィカルなゲーム作りに挑戦/【5】オフラインでも遊べるゲームを作ろう/【6】センサーとマップ/マルチメディアを使ったゲーム/【7】　スマホゲーム実践編 ■著者 クジラ飛行机(クジラヒコウズクエ)　スマートフォンのアプリからWebサイト、Windowsソフトまでいろいろな開発を行っている。代表作に、日本語プログラミング言語「なでしこ」や、KonaWikiなど。2010年度日本OSS貢献者賞を受賞※著者略歴は書籍刊行時のものを表示しています。

若い人向けに、楽しく学ぶことができるようにゲームを中心にしたサンプルを豊富に取り上げます。また、習得した知識を確認するための演習も満載。プログラミング上達の早道はなによりコードを読み、コードを書いてみることという筆者の経験から、リストを読み、実際に書いてもらうことを目指します。本書前半はプログラミング経験のまったくない人を対象に、HTML、CSS、JavaScriptの基本知識を解説。平板な解説に陥らないように、豊富なサンプルと演習が用意されています。本書後半は誰でもなじみのあるブロック崩し、テトリスライクなゲームを作成していきます。サンプルは、コード入力の負担が過度に大きくないこと、コードがわかりやすいこと、ちょっとした驚きがあることを心がけています。読者が自分で入力・確認してく過程で、プログラミングのスキルを身に着けることができるでしょう。 なお、本書は2013年に発売された初版の改訂版です。今回の改訂ではブラウザの仕様変更に関する対応が中心になりますが、ゲームも1つ追加しています。また、ダウンロードサービスも用意しました。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 JavaScriptを学んで、データ操作やグラフ作成を簡単にやってみよう！ 本書は、Google Colaboratory（以下、Colaboratory）を使って、やさしくJavaScriptを学習する本です。 ※Colaboratoryは、Googleが提供している、無料で利用できるプログラミングの実行環境です。学習に必要なのはWebブラウザ（Google Chrome）とGoogleのアカウントだけ。新しくソフトをインストールする必要はありません。会社のルールでソフトのインストールに制限があったり、古いPCやスペックの低いPCでも、すぐに学習できるようになっています。 一般的なJavaScriptの入門書では、JavaScriptのほかにHTMLやCSSを用意する必要がありますが、本書ではColaboratoryを使うことで、学習に関係のないHTMLやCSSの用意は不要となり、JavaScriptの学習にのみ専念することができまます。また、ボタンをクリックするだけで、同じ画面の中ですぐに結果を確認できます。 さらに、Colaboratoryなら、さまざまな環境からアクセスして使うことができますので、自宅PCや会社のPCと環境を変えながら学習することもできます。そして、作成した表やグラフに文章を付けてレポートにし、それをそのまま誰かと共有することもできるのです。 本書はそのようなColaboratoryの利点を活かし、プログラミングで仕事を効率化したい方、共有したりレポート化することに興味のある方を対象に、JavaScriptの使い方をまとめました。 本書は、プログラミングが初めての方でも学習できるように、JavaScriptの基本から解説しています。基本文法の後に関数やオブジェクトについて学習し、Colaboratoryの上で編集可能なスプレッドシートを作ってデータを操作したり、チャートやグラフを作ったりといった、ビジネスで役立つプログラミングについて学んでいきます。 プログラミングそのものに興味がある方はもちろん、Colaboratoryに集計表やグラフ、地図などを配置して、ビジュアル性の高いレポートを作ってみたい方、仕事で繰り返し発生する作業を効率化したいと考えている方などに、ぜひ読んでいただきたい1冊です。

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 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例です。パーツやレシピのデータは本書サポートサイトからダウンロードできます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は、WebプログラマがWebプログラマの視点で、Webプログラミングに必要なHTML/CSSを学習するための初心者向け書籍です。 PCに電源を入れてログインした後、まず起動するソフトウェアは何でしょうか？ PCの使い方にもよりますが、 恐らくEdgeやSafari、Chromeなどのブラウザと答える人が多いのではないでしょうか。 これらのブラウザを利用した際、そこに表示された画面にはほぼ間違いなくHTMLとCSSが使われています。ブラウザに表示される さまざまなものの裏にWebシステムがかかわっている現状を考えると、これらWebシステムを作成するプログラマも、 HTML/CSSを習得しておく必要があります。 【目次】 Chapter 1 Webの仕組みとHTML/CSSの役割 Chapter 2 HTML/CSSのプログラミング環境を作ろう Chapter 3 初めてのHTML Chapter 4 基本の文書タグ Chapter 5 文章を束ねるタグと一部となるタグ Chapter 6 リスト表示タグ Chapter 7 テーブル表示タグ Chapter 8 リンクとコンテンツ埋め込みタグ Chapter 9 フォーム関連タグ Chapter 10 CSSの基本 Chapter 11 CSSセレクタ Chapter 12 CSSレイアウト Chapter 13 レスポンシブレイアウト

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 CSS設計にベストプラクティスはありません。どのような設計にも必ずメリットとデメリットが存在します。そのため、どのようなプロジェクトにも完璧に適応できるCSSを設計する方法はないのです。 ではどうすればいいのか？　ある程度のところで妥協するしかないのか？　というとそうではありません。その時々に応じたベターな設計を行うことはできるのです。 本書が定義する最強のCSS設計とは、「対象のプロジェクトにがっちり最適化されたCSS設計」のことです。最強のCSS設計を目指すためには、まずプロジェクトの概要や周囲の環境をしっかりと把握する必要があります。そして、プロジェクトの進行中に起こりうる失敗パターンを想定し、それを的確に回避して成功パターンへと導ける設計のこと。それが最強のCSS設計です。 本書では、最強のCSS設計を目指し、そのために必要なノウハウを順を追って解説します。

【対応ブラウザで迷っていませんか？最新ブラウザ対応で気持ちよくコーディングしましょう！】 本書は、ウェブブラウザシェアの約95％を占める最新ブラウザ（IE11、Chrome、Safari、Firefox、Edge）向けのCSSを駆使することで、作りたいものが作れる、やりたいことができる＝気持ちよくウェブ開発のコーディングを行うためのノウハウ集です。 〈本書の対象読者〉 CSSとHTMLをある程度知っているデザイナー IE6～8時代にコーディングしていたコーダー 楽な書き方をざっくり知りたいエンジニア

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

Webの世界に立ち向かうフロントエンジニアの苦悩を収録した一冊です。 本書は進化に対応するフロントエンドエンジニアをテーマに5編を収録したWebフロントエンド開発の技術誌です。TechBoosterの技術誌は各章が独立しており、好きな章から読んでいただけます。 ドキュメントツールESDoc作者によるソフトウェアのドキュメントの考え方やブラウザのパフォーマンス技術解説など、フロントエンド開発の最先端を切り取りました。泥臭い開発になりがちな大規模CSS開発での体験談、FIDO U2Fによる多要素認証など注目技術を集めた一冊です。 執筆：@h13i32maru、@_furoshiki、@amedama、@kubosho_、@tommmmy 【著者について】 TechBoosterは、Androidをはじめとしたモバイルのための技術サークル（techbooster.org）です。オープンソースへの貢献や社会還元を目的に、サイトでモバイル技術を解説しています。オープンソースへの貢献や社会還元を目的にサイトでモバイル技術を解説しています。 ※本電子書籍は同名出版物（POD）を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ●本書の構成 本書はトピックごとに分かれた短い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サイト制作／アプリケーション開発の現場に身を置いてきた著者が、その経験を踏まえてまとめた本書を、ぜひご活用ください！

本邦初のシギント入門書!!　シギントを知らずして、国際情勢は語れない！　 ※シギント（SIGINT: signals intelligence）とは、通信、電磁波、信号等など傍受を利用した諜報・諜報活動。 盗聴、ハッキング、国益を賭けた戦いの世界【インテリジェンス・ウォー】 繰り返す、これは架空【フィクション】ではない！ ＜救国シンクタンク「国家防衛分析プロジェクト」企画＞ ヒューミント、シギント、イミントの三分野を現場で体験した元警察官僚、元内閣衛星情報センター次長　茂田忠良。 麗澤大学客員教授。情報史学研究家。2023年フジサンケイグループ第39回正論大賞受賞　江崎道朗。 今、最も日本に欠けているインテリジェンス能力を徹底討論。 ◆スノーデン漏洩資料の徹底分析！見習うべきはアメリカのシステム ◆インテリジェンス能力がなければまともな反撃など不可能 ◆「世界最強のシギント機構」UKUSA（ファイブ・アイズ） ◆インテリジェンスの世界で「専守防衛」は通用しない ◆まともに戦えるようになるために日本版CSSも創設すべき ◆シギント機関の関与なくして“本当のサイバー・セキュリティ”はできない ◆「シギントを進めるヒューミント、ヒューミントを進めるシギント」 ◆「シギント・フレンドリー」なホテルなら部屋の中の会話も筒抜け？ ◆いずれ日本もNSAのような組織の必要性に気付く ◆アメリカは外国人のメールを見放題 ◆インテリジェンスの世界で「専守防衛」は通用しない ◆イギリスの首相は「生」のインテリジェンス情報に触れている？ ◆シギントはもはや「インテリジェンスの皇帝」 ◆法律になくても対外諜報は「やるのが当たり前」 ◆今こそ国家シギント機関創設に向けた第一歩を 【著者プロフィール】 江崎道朗（えざき・みちお） 麗澤大学客員教授。情報史学研究家。1962年（昭和37年）東京都生まれ。 九州大学卒業後、国会議員政策スタッフなどを務め、安全保障やインテリジェンス、近現代史研究に従事。2016年夏から本格的に言論活動を開始。 産経新聞「正論」欄執筆メンバー。 日本戦略研究フォーラム（JFSS）政策提言委員、歴史認識問題研究会副会長、救国シンクタンク理事、国家基本問題研究所企画委員。 オンラインサロン「江崎塾」主宰。 2023年フジサンケイグループ第39回正論大賞受賞。 主な著書に、『知りたくないではすまされない』（KADOKAWA）、『コミンテルンの謀略と日本の敗戦』（第27回山本七平賞最終候補作）、『日本の占領と「敗戦革命」の危機』、『朝鮮戦争と日本・台湾「侵略」工作』、『緒方竹虎と日本のインテリジェンス』（いずれもPHP研究所）、『日本は誰と戦ったのか』（第１回アパ日本再興大賞受賞作、小社刊）ほか多数。 公式サイト：　https://ezakimichio.info/ 茂田忠良（しげた・ただよし） 1951年（昭和26年）茨城県生れ。1975年東京大学法学部（公法科）卒業。1980年米国・デューク大学大学院（政治学）卒業（修士）。 1975年警察庁に入庁し主として警備・国際部門で勤務したほか、群馬県警察本部長、埼玉県警察本部長、四国管区警察局長を歴任。 警察外では、在イスラエル日本大使館一等書記官、防衛庁陸幕調査部調査別室長・情報本部電波部長、内閣衛星情報センター次長を歴任。 2008年退官後にインテリジェンスの学問的研究を始め、2014年から2022年まで日本大学危機管理学部教授としてインテリジェンスを講義。現在インテリジェンス研究に従事中。 主な論文に、「サイバーセキュリティとシギント機関」（情報セキュリティ総合科学）、「米国国家安全保障庁の実態研究」、「テロ対策に見る我が国の課題」「『クリプト社』とNSA～世紀の暗号攻略大作戦」「ウクナイナ戦争の教訓～我が国インテリジェンス強化の方向性」（以上、警察政策学会）、「オサマ・ビンラディンを追え―テロ対策におけるシギントの役割」（啓正社）など多数。 現在、月刊誌『正論』『軍事研究』『治安フォーラム』などに寄稿。月刊誌『警察公論』に「インテリジェンスこぼれ話」を連載中。 趣味は「日本を楽しみ、日本を学ぶ」で、特に歌舞伎、文楽、能狂言、講談、浪曲、落語などの古典芸能を楽しんでいます。 茂田忠良インテリジェンス研究室：　https://shigetatadayoshi.com

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 非エンジニアのビジネスパーソンに役立つ デジタルマーケの技術的知識が1冊で分かる！ 近年、マーケティングはWebを中心としたものに移行しつつあります。それに伴い、マーケターは一定の技術的知識をアップデートしていく必要がありますが、日頃から知識不足を感じている方も少なくないでしょう。 本書は、プログラミング経験のない非エンジニアのビジネスパーソンに向け、HTMLやCSS、JavaScriptといったWeb系の言語や、Googleアナリティクスなどのマーケティングツールの背景となるテクノロジーについて解説した書籍です。 通常、プログラミングに関する書籍はWebサイトやアプリを作りたい方に向け、特定のプログラミング言語に限定して解説していきます。しかし、本書はWebサイトの分析やWeb広告の運用を業務としている方に向け、複数の言語や分野にわたり、マーケターとして身につけるべき必要最小限の内容をまとめた構成になっています。 各章でそれぞれの知識について学んだあとは、章末の演習問題で学習内容を定着させることができます。また、巻末の総合演習では、ビジネスシーンで問われそうな設問に触れることで、実務に自信を持って取り組めるようになります。 ※本書はAmazon Kindle版『Webマーケターのためのテクノロジー入門』（2017年刊）を大幅に加筆・修正したものです。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Web標準の基本となるHTMLおよびXHTML、CSSの仕様を目的の要素やプロパティから手軽に検索できるリファレンス書です。第5版となる本書では、HTML5およびCSS3を追加。どちらもまだ仕様が確定する前の段階ながら、HTML5に関しては2011年9月の草案に掲載されているすべての要素を掲載し、CSS3については執筆時点で利用できそうなモジュールを中心にピックアップしています。また、XHTML1.1とXHTML Basicに関連する更新および、CSS2.1がW3C勧告となったことからCSSに関する記述も新しく刷新。IE、Safari、Firefox、Opera、Chromeといった各ブラウザへの対応情報付き。サンプルのダウンロードサービス付き。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ウェブページ制作に必要な基礎知識とHTML、CSS、JavaScriptの各言語のなかからよく使う機能を一冊にまとめ、フルカラーの紙面でわかりやすく解説したホームページ制作の総合リファレンスです。ホームページ制作の現場では、最先端のHTML5やCSS3が導入されつつありますが、それらはまだ策定中の仕様であり完成されたものではありません。本書は、安定した仕様であるHTML4.01およびCSS2.1をベースに、JavaScriptについても多くのページを割いてウェブページ作成に必要な知識を総合的に解説しました。また、対応ブラウザの表示や関連する項目へのリンク、できること・したいことから項目を探せる目次や索引も充実しています。掲載サンプルのダウンロードサービス付き。※当電子書籍はFIX型のため、検索機能は使用できません

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTMLとCSSとJavaScriptを活用するためのWeb制作者必携書籍。

【1日30分からはじめる！ プロを目指す人の新・スタンダード。】 WebデザインやHTML・CSSの学習を「1日30分からはじめる」をテーマに、やさしくしっかり解説した書籍。初学者の方が、プロのWebデザイナーを目指す上で必要となる基本的な知識や技術を体系的に学べます。“ちゃんとしたプロ”のWebデザイナーとしてスタート地点に立つために、最初に選んでいただきたい1冊です。 Webサイトの実制作のフローに沿い、本書の解説では、Webデザインの概論と制作に必要となるツールや素材・配色について学んだあと、HTML・CSSの基礎と実践を習得し、サイトの公開や運用に関する知識を身につけます。HTML・CSSの書き方を初歩から教えるだけにとどまらず、サイトを制作し、公開・運用していくために必要な基本知識をすべて解説しています。 また、各記事ごとに学習時間の目安を記載しており、授業や独習で学習教材として活用しやすい作りを目指しました。HTML・CSSの実践部分でサンプルサイトとして制作するのは、シングルページのシンプルなお店のサイトと、モバイルファーストの手法を取り入れたサイトの2つです。サンプルは学習用データとしてダウンロード提供します。 〈こんな方にオススメ〉 ・初学者からプロのWebデザイナーやマークアップエンジニアを目指す方 ・Webデザイン制作やHTML・CSSの知識を身につけたい方 ・WebデザインやHTML・CSSの基本情報をアップデートしたい方 〈本書の章構成〉 ○Lesson1　Webサイトの成り立ち ○Lesson2　Webサイトの枠組みを知る ○Lesson3　Webデザインに必要な素材 ○Lesson4　HTMLをマスターする ○Lesson5　CSSをマスターする ○Lesson6　シングルページのサイトを作る ○Lesson7　レスポンシブ対応サイトを作る ○Lesson8　Webサイトを公開してみよう ○Lesson9　SNS連携とWebサイトの運用

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

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

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

【IonicとFirebaseでWebアプリを作る入門書！】 AngularをベースとしたHTML5アプリケーション開発フレームワークIonicとFirebaseのパワーを借りて、HTML/CSS/JavaScriptを使ってチュートリアル形式にアプリケーションを作って遊べる入門書です。HTMLとCSS、JavaScriptの基本的な構文が分かれば、本の通りにすすめるといつのまにかアプリが完成します。普段はコーディングをしているけど、ちょっとアプリ開発もしてみたいと思っている方や、JavaScriptの入門書を読んでみたけど、次は何か１つ作ってみたいと思っている方に最適な１冊です。 〈本書の対象読者〉 ・HTML／CSSは分かる ・JavaScriptの基本的な構文は一応分かる（ES2015以降の書き方がわかればなおよい） ・ターミナルの基本的な操作ができる

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 CSSグリッドをベースにすると、Webページ制作がとてもシンプルになる一方で、制作にはこれまでと異なる知識体系が求められます。 そこで登場したのが、本書、CSSグリッドをベースとしてWebベージを制作する、まったく新しいレッスンブックです。 本書を読めば、HTML&CSS初心者でも、モバイルファーストで本格的なレスポンシブ対応のWebページを制作できるようになります。 まさに、いまどきのHTML&CSSを学習するための新しい時代のレッスンブックと言えるでしょう。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 次世代規格を先取りしたCSS辞典が登場 本書は、Webデザインに必須の技術「CSS」の文法リファレンスです。大幅改定となる第5版は、現時点の最新状況を反映し、Web制作を学ぶなら必ず押さえておきたい基本のCSS2.1はもちろん、仕様の策定とブラウザでの実装が進められているCSS3をあわせて掲載。さらにはその次の規格であるCSS4(Level4モジュール)も可能な限りカバーしています。 各プロパティや値の対応は、Internet Explorer 11やGoogle Chromeなどの最新ブラウザのほか、iPhoneやAndroidでも検証しているので、サイトの要件に応じて使えるものがすぐ分かります。 CSSをこれから覚えるWebデザイン入門者・初学者にも、新しい規格の仕様をきちんと知って仕事に生かしたい現場のプロにも役立つ、便利な1冊です。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

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

CSS3の機能を体系的にまとめ、サンプルを通してどのように機能するかを理解できる、CSS3のリファレンス&活用本。HTML5やスマートフォンの普及に合わせて、CSS3の活用も広がっています。 角丸や影、グラデーションなどの装飾はCSS3で設定するのが主流となり、Webフォントを活用してタイポグラフィを大胆に取り入れたデザインも増えています。アニメーションやトランスフォーム、縦書きなど、CSS3で設定できる表現は幅広く、アプリや電子書籍などの開発においても必要不可欠なものとなっています。本書は基本、レイアウト、カラーアレンジと背景・罫線のデザイン、コンテンツのデザイン、特殊効果、インターフェースに章立てし、主要なCSS3のモジュールやプロパティについて、まとめています。また、新しい機能も次々と提案され、CSS3やCSS4として発展を続けています。これらについても、なるべく取り上げ、解説を行いました。たとえば、2011～2012年の2年間に追加された主な機能だけでも、「条件規則」「ビューポートの設定」「リージョンレイアウト」「エクスクルージョン」「ボックスの形状の指定」「レスポンシブイメージ」「ハイフネーション」「マスク」「フィルタ」などが挙げられます。機能ごとに、詳しい解説や使用サンプルを掲載。また、最新の主要ブラウザ(Firefox、Safari、Chrome、Opera、Internet Explorer)とスマートフォン(iOS のMobile Safari、Androidの標準ブラウザ)での対応状況も記載しています。CSS3を体系的に掴み、その「使いどころ」を体得できる、Web制作者/デザイナー必携の1冊です。【備考】本書は『CSS3　スタンダード・デザインガイド』(2011年5月刊)を、CSS3の最新状況、および最新ブラウザ環境に対応させて、改訂増補したものです。 ■CONTENTS 【1】基本/【2】レイアウト/【3】カラーアレンジと背景・罫線のデザイン/【4】コンテンツのデザイン/【5】特殊効果/【6】インターフェース ■著者 エ・ビスコム・テック・ラボ 　さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、CD-ROM、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 作って身につく・仕組みがわかる30レッスン！ 本書は、HTMLとCSSの知識はあってもJavaScriptやjQueryには触れたことがない初心者を対象にした、Web制作向けのjQuery学習書です。全30LESSONを通して、jQueryの基礎知識と基本文法の学習から始めて、実際に動作サンプルを作りながら、jQueryのしくみと使い方を学んでいきます。 各LESSONは、考え方や設計を説明する「講義」と、実際にコードを書いて作っていく「実習」で構成。メニューやナビゲーション、UIパーツなど、Webサイトでよく使われているサンプル作例を自分で作りながら、「使える」知識がきちんと身につきます。 サンプル作例は小さなパーツから始めて、少しずつ複合的なパーツを作っていく難度順なので、プログラミングになじみのない初心者でも挫折せずに進められます。Web制作者を目指す人や、スキルアップしたいWebデザイナーのためのjQuery教科書としておすすめの1冊です！ ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

【見た目だけのWebデザインにさようなら。サイトの動きも表現できるデザイナーになる！】 jQueryをはじめとするJavaScriptのライブラリ・プラグインや、Twitter Bootstrapに代表されるCSSフレームワークなどを組み合わせて、Webサイトの複雑な「動き」を効率よく実装するテクニックを解説しています。Introduction＋本編5章構成で、スクロールに応じてコンテンツの続きを自動的に読み込む仕組み、Facebook風のスライド式サイドメニューなど、42のテクニックを掲載しました。サンプルデータはダウンロード提供しており、サイトの見た目だけではなく「動き」も表現できる、新時代のWebデザイナーに必携の1冊です！

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 スマートフォンやタブレット、PCなど、現在のWebにアクセスしてくるユーザーの環境は多種多様です。さらにデザインの変更・修正も、設計段階から頻繁に行われ、公開後の更新も迅速に行う必要があります。そんな制作現場で、マルチデバイスに対応したサイトのデザインを素早く実現するために使われているのが、グリッドデザインを意識したCSSフレームワークです。 本書は、制作現場で役立つ、グリッドデザインの考え方、フレームワークを使うために必要な基礎知識のポイントを解説したうえで、実際に役立つ設定方法を紹介していきます。フレームワークの代表的ツールであるBootstrapをメインに、ユーザーが使いやすいメニューの見せ方や、カラムの変更で破綻しないテクニックなどを、一つひとつ指定していくことで、制作現場で使える基本が身につきます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 大学での情報処理の授業向けの教科書です。パソコンやOfficeアプリケーションの単なる利用方法ではなく、授業における課題をこなしていくためにどのように利用すればいいか、コンピュータでどのように問題を解決していくか、という実践的な観点で解説します。 また、HTMLやCSSによるWebページの作成、JavaScriptによるプログラミングの基礎についても学びます。 資料の検索と収集、レポートの執筆、表やグラフの作成、調査内容の発表、Webを使った公開、という「やるべきこと」で章を構成し、それに付随する形でアプリケーションの説明をしていきます。 キャッシュフロー計算、制約のある問題の効率的な答えを求める、など応用的な範囲も扱います。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 大学での情報処理の授業向けの教科書です。パソコンやOfficeアプリケーションの単なる利用方法ではなく、授業における課題をこなしていくためにどのように利用すればいいか、コンピュータでどのように問題を解決していくか、という実践的な観点で解説します。また、HTMLやCSSによるWebページの作成、JavaScriptによるプログラミングの基礎についても学びます。 資料の検索と収集、レポートの執筆、表やグラフの作成、調査内容の発表、Webを使った公開、という「やるべきこと」で章を構成し、それに付随する形でアプリケーションの説明をしていきます。

本書は「開発元の異なる複数の製品を組み合わせて、インタラクティブなWeb3Dコンテンツを開発する能力を身につけていただく」ことを目的に執筆しています。 近年、大企業・ベンチャー企業から多くの製品が生み出されており、それぞれの製品は驚くほど高いクオリティーに仕上げられています。これらを組み合わせていくことで、自分だけでは作れなかったことを「より早く実現できる」ということを実感いただきつつ、具体的な実装方法の紹介を通して開発能力を習得していただきます。 開発の手順 開発の手順は大きく3つに分かれます。 １　Kinectを使ってユーザーの動きをスキャンするアプリケーションを実装する。 ２　そのデータをMilkcocoaを使ってリアルタイムにjThree側へ送信するロジックを実装する。 ３ jThree側でリアルタイムにデータを受信し、3Dモデルをそのデータに合わせて描画する。 なお、本書では、HTML、 CSS、 JavaScriptを使った開発経験のある読者を想定しており、Kinect、Milkcocoa、 jThreeでWeb標準技術を使ってプログラミングする方法を中心に解説しています。（はじめにより）

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Web技術者にとってプログラミング言語JavaScriptは必須の知識です。JavaScriptとHTMLやCSSを連携させた動きのあるWebサイトを開発できれば、どんな現場にも重宝されるでしょう。 そこで、本書はイマドキのWebアプリ開発の基礎知識と、JavaScriptのノウハウ集を1冊に凝縮しました。基礎から現場で使える知識まで幅広く学べます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 アイデアホームページ作りに挑戦 ホームページを作るならJavaScriptを使って便利でカッコよくしてみたいという人は多いのではないでしょうか。 本書は、JavaScriptのほかにHTML、CSS、Ajaxの基礎についてもイラストで解説しており、難しい概念も直感的にイメージができて理解が進みます。 さぁ、JavaScriptの扉を開き、一歩先行くWebデザイナーの道を進んでみましょう! ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 新しいWebページの潮流「HTML5」「CSS3」と、Webプログラミングのスタンダードである「JavaScript」を利用して、Webページで楽しめるゲーム作りに挑戦! Web上のゲームというと従来はFlashを利用したものが一般的でしたが、HTML5の技術を活用すれば、Flashに負けない派手で高機能なWebアプリケーションを作れ、しかも開発環境はテキストファイルでOK! また従来のWebプログラミングの解説書はJavaScriptの解説に終始しがちですが、本書はプログラミング初心者だけでなく、Webページ制作の初心者にも対応し、HTMLやCSSの書き方の基礎知識から習得できるようになっています。 「HTMLがまったくわからない」という初心者でも、ゲームを作って世界中の人々に遊んでもらうことができるのです! 従来のシリーズ同様に楽しいイラストをふんだんに交え、専門用語には読み方を付けるなど、あらゆる人々がゼロから始めるのに最適な書籍です!

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ※この電子書籍は紙版書籍のページデザインで制作した固定レイアウトです。 東京・中野のプログラミングの達人たちが、10歳以上のみなさん向けに、やさしく、わかりやすくプログラミングのコツを解説！ この本と、パソコンさえあれば、だれでも簡単にホームページやゲームがつくれちゃう！ 前半では、Scratch (スクラッチ) というソフトウェアを使って解説しています。スクラッチを使うと、ブロックを組み合わせるだけで、とっても簡単にプログラミングができちゃいます。まず、スクラッチでプログラミングのコツをマスターしてください。 次に、より本格的なプログラミングができるJavaScript（ジャバスクリプト）について、ていねいにわかりやすく解説しています。ジャバスクリプトを使って、ホームページやゲームをつくる方法をまとめています。 東京・中野区のプログラミングの達人たちが、大人になっても本当に役に立つスキルを、10歳以上のみなさんにわかりやすいよう、何度もなんども解説を見直したので、ぜひ読んでみてください。 1． プログラミング教室へようこそ 2． プログラミングに共通した基本 3． Webプログラミングの世界へようこそ 4． 文字の表示方法と変数という入れ物について 5． どっちを実行するか選ぶ（if） 6． 繰り返し処理をする（for） 7． 同じ目的のデータを入れる入れ物（配列） 8． プログラムから違うプログラムを呼び出す（関数） 9． オブジェクトってなんだ？ 10．オブジェクトを動かしてみよう 11．CSS（スタイルシート）ってなんだ？ 12．CSSを使ってみよう 13. ホームページやスロットゲームをつくろう(１) 14. ホームページやスロットゲームをつくろう(２) 15. ホームページやスロットゲームをつくろう(３)

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

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【Webデザインのフロートオペレーションを正しく効率化する81のルール】 Webデザインは、サイトの固定的な見映えだけを考えればよいわけではありません。Webページとして公開される際は、必ずHTML・CSSによるコーディングを経る必要があります。また、端末によって画面幅も異なりますし、ユーザーの使い勝手も大切です。さらに、公開後の更新によってコンテンツの文量も変わるかもしれません。このようなWebの特性を理解していないと、そもそも実現不可能だったり、更新で崩れてしまったりするようなデザインになりがちです。 本書では、このようなWebデザインに携わるうえで知っておくべき知識をルールとして1冊にまとめました。Webデザインの基本的な考え方から、デザインデータ作成のノウハウ、納品時の指定、Photoshop・Illustrator・Figmaの効率的な使い方など、Webデザイナーがプロとして“やるべきこと”と“やってはいけないこと”を網羅しています。Webデザインの初心者はもちろん、“正しいやり方”をしっかり学び直したい方にもきっと役立つはずです。Web特有のマナーを踏まえて、スマートにワークフローを進められるデザイン制作を目指しましょう。 ※本書は2016年に刊行された書籍『Webデザイン必携。プロにまなぶ現場の制作ルール84』に大幅に加筆・修正を加えた改訂新版です 〈こんな方にオススメ〉 ・これからWebデザイナーを目指す方 ・手戻りが多く、もっと効率的な進め方がないか模索している方 ・Webデザインも手がけるグラフィックデザイナー 〈本書の特長〉 ・Webサイト制作に適したデザインの考え方・アプリケーションの設定・データの作り方がわかります ・TIPS集の形式で実践性が高く、困ったときに該当する項目がすぐに調べられます 〈本書の内容〉 ■CHAPTER1　Web制作のトレンド ■CHAPTER2　Webデザインのトレンドと基礎知識 ■CHAPTER3　Webデザインの基本的なルール ■CHAPTER4　LP・バナー・パーツのデザイン ■CHAPTER5　Figmaを使ったデザイン ■CHAPTER6　コーディングに困るデザインデータ ■CHAPTER7　わかりやすい納品データの作り方 〈プロフィール〉 浅野 桜（あさの・さくら） 株式会社タガス 代表取締役。 印刷会社、化粧品メーカー勤務を経て株式会社タガス設立。Adobe Community Evangelist。印刷物やWebサイトに関するデザインや運用のほか、書籍執筆や講師を勤める。近著に『イラレの5分ドリル』『フォトショの5分ドリル』（翔泳社）、『Illustratorデザイン 仕事の教科書　プロに必須の実践TIPS& テクニック』（MdN）、『Webデザイナーのためのモーションデザインことはじめ』（ボーンデジタル）など。 北村 崇（きたむら・たかし） 株式会社FOLIO／フリーランスデザイナー／Adobe Community Evangelist 事業会社のマネージャーとしてサービスのデザインに携わる傍、フリーランスとしてもグラフィックデザインやWeb制作、IoT等のUI/UXデザインも請け負っている。またセミナーや研修、執筆、プロジェクトのアドバイザーなど、制作業務以外の活動やサポートも行っている。にんにくとビールが好き。貝とレバーと辛いものは食えない。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 累計10万部のベストセラーが、現代のトレンドに対応して大改訂！ 1つのストーリーに沿ってWebサイト作りとHTML&CSSの基本がスラスラ学べる、入門書の決定版！ 第3版では現代のトレンドにあわせて制作するサイトを一新。PC・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。 これからWeb制作を始める人にも、HTML・CSSを学び直したい人にもおすすめの、充実の内容です！ 最新のHTML Living Standardに準拠。Windows/Mac対応。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 4万人が学んだベストセラーが、5年ぶりの大改訂！ 小さなサイト作りを通してHTMLとCSSの基礎が学べる入門書の決定版！ 第2版ではPCだけでなくスマホやタブレットにも対応したサイトが完成します。 ソースコードは現在のトレンドに合わせ、解説もいっそう丁寧にわかりやすくなりました。 これからWeb制作を始める人にも、HTML/CSSを学び直したい人にもおすすめの、充実の内容です！ 最新HTML5.2準拠。Windows/Mac対応

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 装飾からレイアウトまで、ステップバイステップで作ってたしかめてCSSデザインの基本が身につく入門書の決定版！ 既存ページのカスタマイズと、ゼロからのレイアウト作成を実習します。最新のCSS3で追加された便利なプロパティの使い方も紹介。Win/Mac対応。

ロングセラーの入門書、9年ぶりにリニューアル！ プログラミングの基礎とJavaScriptの基本文法を やさしく解説した入門書の定番が、装い新たに登場です。 変数やデータ型、関数、オブジェクトなどはもちろん、 Webに関する知識やHTML/CSSのベースも解説しているので、 本書を一冊読めば、これからWebサイトやWebアプリを開発するうえで、 ずっと役に立つスキルの土台を身につけることができます。 またDOMやイベント、非同期処理といった少し複雑な言語機能も丁寧に解説。 ブラウザ上で実際のコードを動かしながら、一つひとつ、 「なぜその機能が必要なのか」を掘り下げて理解を深められます。 初心者が自力でプログラムを書けるようになるまで、しっかりフォローするので 知識・経験ゼロでも安心して読み進めることができます。 【本書の対象読者】 ・はじめてプログラミングを学ぶ人 ・これまでに学習で挫折してしまった人 ・JavaScriptでWebサイトやWebアプリの開発を始めたい人 【目次】 第1章　JavaScriptの紹介と準備 第2章　JavaScriptを書いてみよう 第3章　変数 第4章　データ型と演算子 第5章　配列 第6章　条件分岐 第7章　繰り返し処理 第8章　関数 第9章　オブジェクト 第10章　標準組み込みオブジェクト 第11章　HTML&CSS 第12章　ブラウザオブジェクト 第13章　DOM 第14章　イベント 第15章　通信と非同期処理 第16章　総合演習 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ウェブサイトを自分の思い通りの見た目に作るには、HTMLやCSSの知識が必要です。しかし、初心者は何から勉強したらいいのかわからなかったり、仕事が忙しくて勉強する時間がなくて挫折してしまいがちです。本書は、まったくの未経験者でも、時間がない方でも無理なく理解できるようにイラスト図解を多数取り入れ、HTMLとCSSの基本的な文法からサイトの公開までの流れを学べる入門書です。練習用サンプルのダウンロードサービス付き。

HTML・CSSを使ってWebページのレイアウトを作る上で、Flexbox・Grid Layoutは重要な技術の1つです。これらの技術を使うことで様々なレイアウトを作れます。ですが、うまく使いこなせなかったり、中途半端な理解でなんとなく使い続けている方もいることでしょう。 そこで、本書ではFlexboxとGrid Layoutの体系的な基礎知識に加え、それらを活用したレイアウトの作成方法を学びます。FlexboxとGrid Layoutに関する理解を深めるだけでなく、実際にレイアウトを作り、使いこなせる状態を目指します。

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 アプリケーションの基本操作をマスターするのに最適な「世界一わかりやすい教科書」シリーズの新刊です。Webデザインにはかかせない「Adobe Dreamweaver」を解説します。本書では，アプリケーションの基本をきちんとマスターできるように，覚えておかないといけない機能，使い方を飽きさせないように短いセンテンスで解説していきます。学校の授業のように15のレッスンで構成していますので，全ページを読み終えると，Dreamweaveの操作はひととおり理解できるようになります。また，Dreamweaverでの操作にはHTMLやCSSなどの知識もいりますが，必要に応じて解説していきます。紙面での作業に必要なレッスンファイルはダウンロードサービスにより入手できますので，紙面のレッスンをそのまま体験できます。対応バージョンはAdobe Dreamweaver CC2018です。まず最初に学びたい，という人にピッタリの一冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 イラストとコラムを交えつつ丁寧な解説で、ホームページの作り方が楽しく学べる世界でいちばん簡単なHTML5とCSSの教科書です。ホームページやブログの作成には、HTMLでページの見出しや画像の埋め込み、段落の指定などを設定し、CSSで文字の大きさや色、配置などのデザインを決めなければなりません。本書は、HTMLやCSSの知識がなくても、実際にWebページを作りながらHTMLとCSSの使い方を学べる入門書です。HTMLでページの骨格を決め、CSSで見栄えの設定をしていくので、それぞれの役割がわかりやすくなっています。また、HTML5やCSS3で新たに採用された要素もわかりやすく体系的に解説しています。サンプルファイルのダウンロードサービス付き。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これから本格的にWebサイト制作をはじめたい人に、必ず最初に読んでほしい本です。本書は、ゼロからWebサイトを作成しつつ、HTMLコードとCSSのスタイル設定の書き方、フォーム制作、Webサイトの公開まで一通りの知識を身につける入門書です。最新のHTML5.2とCSS3に準拠しているので、流行の最先端のWebデザイン制作に関するテクニックを習得できます。また、スマホやタブレットを意識したデザイン、SNSとの連携も解説しています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザインの仕事に就きたい、知識を身につけて仕事の範囲を広げたい！と考えて勉強を始める人に向けた入門書です。HTML、CSSの知識から実践的なデザインのテクニックまで、豊富な実例とともにていねいに解説。ダウンロードできるサンプルデータつきで、手を動かしながら学べます。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書はwebサイトを制作してみたいが，何からはじめたらよいか分からない初心者を対象にwebサイト制作の流れや，webサイト制作に必要な基礎知識をわかりやすい言葉で解説しています。本書に掲載しているサンプルを作成することでHTMLの記述方法や，CSSを使ったスタイルの定義など，webサイト制作に必要な基本操作が体験しながら学べます。

Web制作にとどまらず、Webアプリやクラウドでも使われているHTML＆CSS。本書は最低限必要な知識に絞って解説しています。これまでHTML＆CSSを勉強したことがない方はもちろん、Web制作の概要を大まかに知りたい方、アプリ開発に先立ってHTMLとCSSの要点を短期間で知りたいエンジニアの方にもおすすめです。 「そろそろ常識？」シリーズは、会話形式の解説をマンガテイストに進化させ、マンガ、会話、チュートリアルをシームレスに組み合わせたニュースタイルの解説書。常識とされながらも覚えにくいテーマをピックアップし、要点をマンガでわかりやすく解説します。

HTMLとCSSが1日で学べるように，初心者に必要な知識を凝縮しました。HTML＆CSSの学習では，手を動かすこと，が一番の近道です。本書ではWebサイトを実際に作りながら，HTMLの基本構造から基本的なタグ，CSSによるフロートレイアウト・ポジションレイアウトまでを学んでいきます。また，今後の必須スキルであるレスポンシブ対応までしっかり解説。この1冊で，今後スキルを高めていくうえでベースとなる知識が身に付きます。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 最新のウェブサイトづくりが、はじめてでもよくわかる！ レッスンごとに課題が分かれているから、反復学習にも最適 パソコン／スマートフォン／タブレット表示に完全対応 本書の主人公であるみさき君が、リコーダー演奏会の告知サイトをつくるために、 HTML/CSSの達人、ヘンリーからWebサイトづくりを学びます。 漫画と共に、HTML/CSSの基礎知識からコンテンツのつくり方、 ネットへの公開までを、楽しみながら学習しましょう。 ●こんな人にぴったりです ウェブサイトをこれからつくってみたい人 自分のサイトで写真や文章を人に見せたい人 設計から公開までにやるべきことを短期間で身につけたい人 苦手な技術や課題を何度も学習したい人

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため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インチ以上の端末での利用を推奨しております】 知識・時間・コストがなくても本格的なファンページが作れる 大企業にとどまらず、中小企業でもFacebookページを制作する需要が高まってきています。目的は、商品のブランディング/店舗誘導/集客/商品販売など多岐に渡ります。そうした需要が高まる中、最近ではHTMLやCSSの知識がない方でも手軽にFacebookページ制作ができるFacebookアプリがリリースされています。本書はHTMLやCSSの知識がない、そして外注コストもない、さらに時間もないという中小企業のWeb担当者に向けて、本格的なFacebookページの作成手法を解説する書籍です。ただ作るだけではなく、Facebookページを中心としたWeb戦略をベースに、ユーザーを呼び込む効果的なページ(プロモーションページ、クーポン購入ページ、ファンゲートページなど)作成手法を解説します。中小企業のWeb担当者にとって、まさに必携の1冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 自前でできる！ WordPressの本格テーマ作成 本書は、WordPressサイトの要となるテーマの作成方法のみを解説する電子書籍です。本書オリジナルのHTML/CSS で作成した静的サイトをもとに作成していくので、初学者にもわかりやすく、しっかり読み進められます。また、本書で作成するテーマファイルは、サイトからダウンロードできるので、データの作り方と構造を効率よく学んでいただけます。本編の『小さな会社のWprdPressサイト制作・運営ガイド』を読んだ方はもちろん、別の入門書を読まれた方にも読んでほしい一冊です。 ●WordPress 3.6 日本語版をベースに解説しています。 ●HTML/CSSでサイト制作ができる方が対象です。はじめてテーマ制作をする方は、本編6章「カスタマイズの基礎知識」や他の書籍、参考サイトでWordPressテーマの基礎的な知識を習得してから、本電子書籍にお進みください。 ●テンプレートタグ、条件分岐タグの書式など、テーマ制作の基礎については解説していません（本編『小さな会社のWprdPressサイト制作・運営ガイド』6章「カスタマイズの基礎知識」にて解説しています）。 ●サンプルデータは本書の記載にしたがってダウンロードしてください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 WordPress5.X＋Gutenberg（グーテンベルク）対応 知識ゼロから自分のホームページを作るための超入門書 「WordPressを使って会社やお店のホームページを作りたい」 「でも専門知識もないし、何から始めればいいのかわからない」 本書はそんな方々に最適なWordPressの入門書です。 WordPress の最新バージョン5.xで導入された 「Gutenberg」（グーテンベルク）に対応しており、操作手順を画面付きでわかりやすく解説。 手順のとおりに進めるだけで、はじめての方でも素敵なホームページを完成させることができます。 本書はお店のホームページを作りたいカフェ店主・楓と WordPressメンター・ユースケの2人のキャラクターによる問答形式で、 ホームページ作りの手順をわかりやすく紹介。 過去にHTMLやCSSなどで挫折してしまった方でも、 専門知識を意識することなく楽しく読み進められる紙面構成になっています。 会社やお店のホームページを作りたい方、個人でブログを始めてみたい方、 ウェブデザインを学びたい方など WordPressを使えるようになりたいすべての方に最適のWordPressの入門書です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書では、モバイルファースト＆レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。 サイトはパーツ単位で作成し、章ごとに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　簡易リファレンス』 本書のサポートサイトから入手してください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「難しい」と敬遠していた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』同上 ほか多数 ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ステップバイステップでマスターする、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ノート テーマの作り方（ランディング＆ワンカラムサイト編）』同上

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これからの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ノート テーマの作り方（ランディング＆ワンカラムサイト編）』同上

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

【ユーティリティクラスという「契約」の力】 本書は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）がある。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ホームページを自分の手で自由にデザインしたい！ HTMLとCSSを学ぶと、好きなウェブデザインができるようになります。本書は、HTMLとCSSを学びたい初心者のために、制作環境の準備からHTMLタグの意味、CSSスタイルシートの正しい使い方までをわかりやすく解説。スマホ用ウェブページの制作で基礎を学び、PC用の難しいウェブページ制作にステップアップすることで実力が身につきます！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 現代の個人サイトをつくるための情報を1冊にあつめました。 ================================================================================== 創作・同人サイトのためのテンプレート・プログラム配布・ノウハウ発信メディア 「do」（https://do.gt-gt.org/）を運営する著者が、 HTMLとCSSについてやさしく丁寧に解説します！ ================================================================================== 本書は特典のテンプレートを使いながら、１からHTMLとCSSの基礎知識を身に付けられる、HTML＆CSS入門に最適な1冊です。 テンプレートを使いながらHTMLとCSSを理解することで、手軽に知識を身に付けることができます。 ＜本書の特徴＞ ●はじめてでもHTMLとCSSの基本をしっかり学べる ●イマドキのWeb事情にもしっかり対応。個人サイト×レスポンシブデザイン ●特典テンプレートを使って実践的に学べる！ ●お好みのものを使ってサイトづくり！ 　嬉しい≪3種≫の特典テンプレート＆サンプルファイルつき！ ＜こんな人におすすめ！＞ ●HTMLとCSSを基礎から学びたい人 ●ウェブサイトを自分で作ってみたい人 ●昔、個人サイトを作っていた人 ＜個人サイトって何？＞ 個人サイトと聞いて懐かしい気持ちになった方もいるのではないでしょうか。 個人サイトとはその名の通り、個人が作成し、運営しているウェブサイトのことです。 今から少し昔、TwitterやPixivがなかった時代、個人サイトといえば、イラストや漫画、小説を書く人たちにとっては欠かせない、コミュニケーションツールの1つでした。時折Twitterでも「#個人サイト」がトレンドに上がるなど、当時個人サイトを持っていた人たちにとっては、「良き時代」の1ページとして、心に刻まれているのではないでしょうか。 本書の特典テンプレートを使えば、簡単に≪現代仕様≫の個人サイトをつくることができます。 HTMLとCSSについて、しっかり解説もしているので、昔の知識を今にアップデートしたい、という人にもピッタリな1冊です。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 手順通りに操作するだけでホームページ作りの基本が身に付く! 愛犬のホームページをゼロから一緒に作ってみましょう。日記やリンク集、写真集のページを作るうちに、HTMLタグとスタイルシート(CSS)の書き方から、インターネットにホームページを公開する方法まで、必要な知識が無理なくしっかり学べます。さらに、愛犬の動画や旅行先の地図、Facebookのボタンなどを埋め込んでホームページを彩る方法も紹介。フリーソフトと素材集を収録した付属CD-ROMのデータは、インプレスジャパンの本書商品ページにてダウンロードできます。この1冊でホームページ作りをすぐに始められます!

飼い犬のホームページを作り上げる手順を楽しみながら追っていけば、ホームページ作りに欠かせないHTMLタグやスタイルシート（CSS）の基礎的な使い方や、サーバーへのアップロード方法など、ホームページを開設する上で必要な知識が身に付く！ 無料サンプルダウンロード付き

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ●知識ゼロでもはじめられる入門書の決定版 ホームページの仕組みや構成の考え方など 基礎的な知識はもちろん、FTPソフトを使った ホームページの公開やメンテナンスを解説。 もちろん、HTMLやCSSのコーディングも しっかりと解説しています。 ●HTMLやCSSのタグ、プロパティを丁寧に解説 HTMLやCSSのコーディングを解説した章では 1つ1つのタグやプロパティを効率的に学べます。 順序よく読み進めていけば、自然とスキルアップが できるようにレッスンが構成されています。 ●フリーソフト・フリー素材付きですぐにはじめられる 本書で解説に利用しているテキストエディターや FTPソフト、画像編集ソフトをダウンロードデータに収録。 また、練習用ファイルも含まれているので ダウンロードする手間なく、すぐに学びはじめられます。 ●本書はこんな方にオススメです！ ・HTMLやCSSのコーディングをゼロから学びたい ・ホームページ作成ソフトで作ったデータを手直しできるようになりたい ・Web制作に携わる職業を目指していて、基礎を学びたい ※紙書籍に同梱されているCD-ROMは電子書籍版には含まれませんが、CD-ROMの内容と同等のダウンロードデータをご用意しております。ダウンロードデータの入手方法については本書2ページの「サンプルファイルについて」をご覧ください。