本邦初のシギント入門書!!　シギントを知らずして、国際情勢は語れない！　 ※シギント（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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 あたらしい1年生シリーズ AWS1年生の登場！ AWSの世界に飛び込んでみよう！ 【本書の概要】 AWSはAmazon社が提供しているクラウドコンピューティングサービスです。インターネットを通じて、コンピュータやストレージ、ネットワークなどを利用できます。 ただ一方で「AWSってむずかしそう」「クラウドって設定が面倒」と思っている方も多いかと思います。 本書はそうした初心者の方に向けて、カワウソ先生とヒナタちゃんと一緒にAWSのしくみについて、対話形式で楽しく学べる書籍です。 【対象読者】 AWSについて何も知らない超初心者 【本書のポイント】 ・対話形式で、イラストを交えながら、基礎知識を解説します。 ・200以上もあるAWSサービスの中から押さえておきたいサービスに絞って解説しています。 ・クラウドの概要からAWSのしくみまで、網羅的にまなべます。 【目次】 第1章 AWSを使うと何ができるの？ 第2章 AWSを使い始めるには 第3章 AWSでサーバーを動かす 第4章 AWSにデータを保存する 第5章 そのほかに知っておきたいAWSの基礎的なサービス 【監修者プロフィール】 鮒田 文平（ふなだ・ぶんぺい） 株式会社 NTT データ IT スペシャリストとして、オンプレミスからクラウド、PoC から要件定義・設計・構築・試験・運用と幅広く担当。近年は主に AWS を用いたシステム開発に従事。AWS 認定資格全 12 種、IPA ネットワークスペシャリスト等の資格を保有。 【著者プロフィール】 リブロワークス 「ニッポンのITを本で支える！」をコンセプトに、主にIT書籍の企画、編集、デザインを手がけるプロダクション。SE出身のスタッフも多い。最近の著書は『SQL1年生 データベースのしくみ』（翔泳社）、『Web技術で「本」が作れるCSS組版 Vivliostyle入門』（C&R研究所）、『LINE/Facebook/X/Instagram/YouTube/TikTokの「わからない!」をぜんぶ解決する本』（宝島社）、『2024年度版 みんなが欲しかった! ITパスポートの教科書&問題集』（TAC出版）など。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【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技術者認定［上級］問題集』（共著・インプレス）がある。

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

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webサイト制作の決定版がリニューアル！ 今のWebサイトの作り方が一気に学べる！ Web界隈やデザイナーに大人気！ Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、 Manaによる渾身のHTML ＆ CSSとWebデザインが学べる本 モバイルファースト、アニメーション、トレンドデザイン、HTML Living Standard、WebPなど 最新の情報や5年間の間に更新された情報を多数追加！ 5年連続売上第1位、シリーズ累計40万部 ・知識ゼロから体系的に学べる！　HTMLとCSSの基本 ・絶対に覚えておきたい技術！　レスポンシブ、モバイルファースト、Flexbox、アニメーション ・手を動かしながら学べる！　プロの現場で役立つテクニック ・コードの知識からデザインのことまで1冊ですべて学べる！ WebクリエイターボックスのManaが教える Webサイト制作の定番＆旬のスキル。 この1冊で必要なことがすべて学べる！ コードもデザインも全部学べる！ ●本書の対象読者 ・これからWebサイトを作り始める初心者 ・HTMLとCSSを基本から学びたい人 ・美しいデザインのWebサイトを作りたい人 ・Webの最新技術を学びたい人 ・手を動かし、作りながら学びたい人 サンプルデータはWebサイトよりダウンロードできます。 ※カバー画像が異なる場合があります。

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【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制作新人育成ガイド」など、初心者・入門者向けのものが多く、スクールの教材開発支援も行う。

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

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【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デザインも請け負っている。またセミナーや研修、執筆、プロジェクトのアドバイザーなど、制作業務以外の活動やサポートも行っている。にんにくとビールが好き。貝とレバーと辛いものは食えない。

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【予算がない！ 時間がない！ ノーコードなら解決。】 Webサイトのデザイン制作をより身近で手軽にするノーコードWeb制作をテーマにした本。 代表的なノーコードツールを紹介しながら、ツール選定の基準や導入・制作・運用までを解説した入門書です。 本書の前半では、ノーコードツールでできること・できないことや基礎知識を紹介するとともに、主要なノーコードツールの特長を紹介しています。 後半では、代表的なノーコードツールの一つSTUDIOを使って、イチからWebページを作る方法をていねいに解説しています。 また、ケーススタディとして、STUDIO、Wix、ペライチを使った活用事例を掲載。 ノーコードで制作した実際のサイトを紹介しながら、ツール選定の理由や制作期間、制作上のメリットや課題と感じた点、運用段階を経ての実感といった体験談を、4名の方に寄稿いただきました。 「垢抜けないサイトしかできないのでは？」「複雑な機能やデザインは無理でしょう」といった、従来の懸念点を払拭するノーコードWeb制作ツールが生まれています。 「制作期間や予算が少ない！」「すぐ完成して、更新も楽ならいいのに！」……こうした思いをお持ちの方は、ぜひ本書をご一読ください。 〈本書の特長〉 ◯代表的なノーコードWeb制作ツールを比較・検討できる ◯ノーコードツールの活用事例を掲載している ◯STUDIOを使ったWeb制作のノウハウがわかる 〈こんな方にオススメ〉 ◯HTML・CSSのコーディングが不得手の方 ◯手軽で簡単にWebサイトを公開・更新したい方 ◯趣味や副業でWeb制作をしてみたい方 〈本書の章構成〉 ■Introduction　なぜ、いまノーコードでWeb制作？ ■Chapter1　ノーコードWeb制作の基本知識 ■Chapter2　ノーコードツールの選び方 ■Chapter3　ノーコードツールの運用事例 ■Chapter4　STUDIOでWebサイトを制作 〈プロフィール〉 佐藤あゆみ 株式会社necco CTO／フロントエンドエンジニア 1985年ニューヨーク生まれ。まもなく東京に移住し、1994年から2年間のオーストラリアでの生活を経て、ふたたび東京へ。1997年頃より、趣味としてWeb制作を始める。コーディングに英語力を活かしながら、以降も独学で学ぶ。2014年12月より、屋号「PentaPROgram（ペンタプログラム）」にてフリーランスとして独立。Web専業ではない多様な業界の実情を見ながら、中小企業で「ウェブ担／パソコン担当さん」として業務を続けてきた経験を活かし、その後の運用を見据えたECサイトやコーポレートサイトの構築、技術サポートを行う。2018年より、WebCAおよびCSS Nite、Bau-yaなどでフロントエンド技術に関するテーマで登壇。2019年、書籍『HTMLコーダー＆ウェブ担当者のためのWebページ高速化超入門』（技術評論社）出版。2022年4月、株式会社neccoのCTO／取締役に就任。2022年以降はSTUDIOに関する登壇や、STUDIOサイト用のChrome拡張機能の開発など、STUDIOの大ファンならではの活動を開始。STUDIOコミュニティリワーズプログラムのゴールドメンバー。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 知らないと恥ずかしいデジタルマーケティング用語を厳選！ ★「1ページにつき1用語」を基本にイラスト付きで解説 一言での解説とイラストがあるから、デジタルマーケティング用語を短時間で学びたい人にオススメ。 ★専門書の副読本としても最適 「オーガニック検索」の項目であれば「メタタグ」や「ページランク」など、 一緒に覚えておくべき関連性の高い用語の解説ページを記載。芋づる式に覚えられる。 4Pと4C、検索クエリ、D2C、ABM、 LTV、決定木分析、SaaS、BIツール、PMF、…… たくさんの専門用語をわかったふりをして聞き流していませんか？ 本書は、OMOやUnified IDなどの近年話題の用語から、 広告、SNS、クリエイティブ分野の用語や、 マーケターが押さえておくべき偉人についても紹介しています。 デジタルマーケティング職種に配属された入社1年目の方や、 他業種から転職した方など、 経験や専門知識のない方でも理解できるように やさしく解説しています。 わからない用語があったら、 まずは一言での解説とイラストを見て 概要だけさらっとつかむことをオススメします。 巻末には、知りたい用語をさっと引ける索引付き！ 読者特典として「用語確認シート（Excel）」もプレゼント。 本書で解説している用語（一部抜粋） STP、マーケティングファネル、KGIとKPI、ROASとROI、CRM、 検索エンジンとSEO、エンゲージメント、MA、SFA、コンテンツ連動型広告 インプレッション、インハウス運用、CRO、CTR、OKR、CSS、 JavaScript、PHP、Cookie、ドメイン、セッション、レスポンシブデザイン、 ジェネレーティブAI（生成AI）、メタバース、D2C、LTV、ABM、 インバウンドマーケティング、MQLとSQL、セールスイネーブルメント、 カスタマーサクセス、〇〇パーティデータ、RFM分析、DMP……etc. 目次 第1章　デジタルマーケティングの基本用語 第2章　狙った人に届ける広告・SEO用語 第3章　情報発信を助けるオウンドメディア・SNS関連用語 第4章　周辺部門との連携に必要なクリエイティブ・販促・営業用語 第5章　施策や社内システムを改善するための分析・開発用語 第6章　活躍するデジタルマーケターが知っている経営・経済用語 第7章　デジタルマーケティング業界で知っておくべき人物 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

【一冊で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デザインの仕事に就きたい、知識を身につけて仕事の範囲を広げたい！と考えて勉強を始める人に向けた入門書です。HTML、CSSの知識から実践的なデザインのテクニックまで、豊富な実例とともにていねいに解説。ダウンロードできるサンプルデータつきで、手を動かしながら学べます。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。 また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 今どきのおしゃれなWebデザインを学べます。 ・知識ゼロから手を動かして学べる ・デザインのコツがスラスラわかる ・現場でお役立ちのTipも満載 ・CSSでアニメーションも作れる CSSデザインをはじめて学ぶならこの１冊！ 対象の読者 ・これからWebサイト制作をする初心者 ・Webサイトの更新を任されてしまった方 ・一からデザインを作るのに不安のある方

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 あたらしい1年生シリーズ　SQL1年生の登場！ データベースの世界に飛び込んでみよう！ 【本書の概要】 あらゆる場面で利用することの多いデータベース。SQLを利用すれば、様々な方法でデータベースのデータを扱うことができます。 ただ一方で「SQLってむずかしそう」「データベースのデータ操作って専門家がするものじゃないの？」と思っている方も多いかと思います。 本書はそうした初心者の方に向けて、フクロウ先生とエリちゃんと一緒にSQLiteを利用して、SQLによるデータベースの作成から基本的なデータの操作、データの様々な操作方法について体験。対話形式でデータベースのしくみを学ぶことができます。 【対象読者】 SQLやデータベースについて何も知らない超初心者 【本書のポイント】 ・対話形式で解説し、イラストを交えながら、基礎知識を解説します。 ・初めての方でも安心して学習できるようSQLの記述方法をしっかり解説します。 ・平易なサンプルを用意していますので、安心してデータベース操作を体験できます。 ・初心者でも扱いやすいSQLiteを利用しています。 【目次】 第1章 SQL について学ぼう 第2章 データを取り出してみよう 第3章 取り出したデータを加工してみよう 第4章 データを変更してみよう 第5章 複数のテーブルでデータを管理しよう 【著者プロフィール】 リブロワークス 「ニッポンのITを本で支える！」をコンセプトに、主にIT書籍の企画、編集、デザインを手がけるプロダクション。SE出身のスタッフも多い。最近の著書は『Web技術で「本」が作れるCSS組版 Vivliostyle入門』（C&R研究所）、『ノンプログラマーのためのVisual Studio Code実践活用ガイド』（技術評論社）、『世界一やさしいウィンドウズ11 2023 最新版』（インプレス）、『2023年度版 みんなが欲しかった! ITパスポートの教科書&問題集』（TAC出版）など。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。 また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 最新バージョン6.xとブロックエディターによる「フルサイト編集」に対応した人気シリーズの改訂版。 HTML・CSS・PHPなどのコードやプログラムの知識がなくても、本格的なWebサイトを作成できます。 「自分でWebサイトを作りたいけど、どうやって作ったらよいかわからない…」といったビギナーや初学者向けに、定番Webサイト作成ツール “WordPress”を使って、ゼロからWebサイトを作成する方法を解説しています。個人サイトはもちろん、仕事やフリーランスで Webサイトをビジネスに活用したい方におすすめの一冊です! ※本書の特徴 ・サイト作成の手順をステップ単位で丁寧に解説 実際のWordPressの画面を使って、操作を1つずつ丁寧に解説しています。 手順通りに進めることで、「WordPressって何?」という初心者でも最後まで読み終えると、Webサイトが完成します。 ・著者が作成したオリジナルテーマ 本書解説用のサンプルでWebサイトを作成できるので、初心者の方でも簡単にサイトデザインやテクニックをマスターできます。 ・Webサイトの運用や分析方法も紹介 Webサイト作成後の運用や分析方法も紹介しているので、改善のノウハウを知りたいユーザーにも最適です。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 仕事や趣味にすぐ使える。 イメージを形にできる新しい配色の教科書。 欲しい配色がすぐに見つかる！ 印象別／年代別／国別／色相別 さまざまな配色見本が全部で3350選！ デザイン／イラスト／写真／ビジネス／プレゼンテーション／ハンドメイド／ファッション／インテリア／塗り絵／趣味など 色を扱うすべての人が使える！ ◎超豪華なダウンロード特典！！ 色を使うクリエイターや、色が大好きな人のことを考えて作りました！ 【特典1】Adobe Photoshopで使える『スウォッチ』 【特典2】Adobe Illustratorで使える『スウォッチ』 【特典3】CLIP STUDIO PAINTで使える『カラーセット』 【特典4】『ポケット配色アイデア手帖 完全版』 【特典5】Webデザインで使える『CSS』 ◎特典の内容 【特典1】Photoshopには色に名前を付けて登録できる「スウォッチ」という機能があります。各テーマ配色ごとのCMYK・RGBのスウォッチを用意していますのでボタン1つで色を指定できます。これからは色数値を手入力する必要はありません。ボタン1つで色が指定できます！ 【特典2】Illustratorにもスウォッチ機能があります。CMYK・RGBのスウォッチを用意しています。 【特典3】CLIP STUDIO PAINTにも色に名前を付けて登録できる機能「カラーセット」があります。各テーマの配色を用意しています。 【特典4】スマートフォンで配色が見られるPDFを用意しています。ファッションやインテリアなど、外出先で配色を活用したいときにサッと便利に使えます。 【特典5】Webデザイナー向けにCSSのコードを用意しています。 ※カバー画像が異なる場合があります。

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

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 年間売上ランキング9年連続No.1（※）を記録し続けるWordPress入門書に、最新バージョン6.x対応の第6版が登場！　講師経験も豊富な著者陣が実践的なコツを織り交ぜて丁寧に解説。最新のフルサイト編集機能対応テーマ「X-T9」と本書独自のプラグインを使って、パソコン＆スマホ両対応の本格的なWebサイトが作れます。操作手順がすべて画面付きで解説されているので、はじめてWebサイトを作る人でも安心。HTML＆CSSの知識が一切なくても見栄えのするWebサイトが作れます。※大手取次調べ（2013年11月～2022年12月、WordPress解説書）

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 大好評！　HTMLとCSSのよく使われるタグ，プロパティに内容をしぼったリファレンスです。最新ブラウザとHTML Living Standardの仕様に対応して改訂しました。目的別だから使いやすく，引きやすい。あのタグ，どう書くんだっけ？というときにサッと調べられます。サンプルもシンプルで，わかりやすくて，しかも楽しい。ポケットサイズだから机の上でかさばらず，持ち運びやすい。開発業務で必要な方だけでなく，WordPressサイトなどのブログ，Webサイトを運営している方にもおススメです。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 ここから始める！ イマドキのWebページ作り 「Webページを作ってみたい」 「HTML/CSSの仕組みを知りたい」 「プログラミングを始めてみたい」 そんな皆さんに向けて、一番やさしい入門書が登場しました！ ★HTML/CSSの基礎がしっかり身につく！★ 本書では、Webコンテンツ作りに必要なHTML/CSSの考え方や概念を、見開き単位で一つ一つゆっくり学習できます。 「他のHTML/CSS解説書を読んでみたけれど難しくて……」といった方にもオススメです。 最新のHTML Living Standardに対応した本書を読めば、「イマドキ必要な基礎知識」を身につけられるはずです。 ★フルカラーイラストでわかりやすい！★ 絵本シリーズおなじみの豊富なイラストが、フルカラーになってさらにパワーアップ！ 頭ではイメージしにくい考え方や概念を、カラフルなイラストたちがわかりやすく伝えてくれます。 さあ、HTML/CSSの扉を開いて、Webの世界に足を踏み入れてみましょう！ ◆◆◆目次◆◆◆ ・第0章 HTMLとCSSの勉強をはじめる前に ・第1章 Webサイトの概要 ・第2章 HTMLの基礎 ・第3章 HTMLの要素 ・第4章 CSSの基礎 ・第5章 CSSのプロパティ（1） ・第6章 CSSのプロパティ（2） ・第7章 レスポンシブデザイン ・第8章 JavaScript ・第9章 付録 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTMLやCSSの予備知識不要！　はじめてWordPressに触れる方、会社のサイトのリニューアルを考えている方、フルサイト編集対応のテーマを使って、会社のサイトを作ろう。

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

特集1 識者がたどり着いた最適解 TypeScript最新活用 リンタ，バンドラ，ランタイム，エッジ TypeScriptはWebフロントエンドにおける実装言語として確固たる地位を築いていますが，昨今ではそれ以外の領域においても活用されています。本特集ではTypeScriptが使われる各領域に詳しい著者を招き，TypeScriptエコシステムに関わる具体的な技術領域について動向を概観し，各々の「推し」の技術を語ってもらいます。 特集2 コミッター直伝！ 速習Ruby 3.2 Wasm対応，ReDoS対策，性能改善 2022年12月25日にRuby 3.2がリリースされました。本特集では，Ruby 3.2の新機能や改善点をコミッターの手により徹底解説します。まず，大きな変更点であるWebAssembly/WASIへの対応とReDoSへの対策について詳細に解説します。そのあと，新機能，新メソッド，仕様変更，性能改善などを徹底的に解説します。 特集3 Tailwind CSS実践入門 まず作ってから，あとで共通化する CSSフレームワークのTailwind CSSが注目を集めています。その特徴は，flex，pt-4，text-centerといったユーティリティクラスの組み合わせだけで，ほとんどすべてのスタイリングをしてしまおうという大胆なアプローチです。これまでのベストプラクティスと真っ向から対立するようなやり方ですが，だからこそ享受できるいくつもの強みがあります。本特集では，そうしたTailwind CSSの考え方や，具体的な使い方について紹介します。

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

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

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

Webページの制作に特別なソフトは必要ありません。WindowsやMacintoshに付属のソフトですぐに作り始めることができます。 本書で作成するWebサイトは、さまざまな場面で使えるように配慮しており、スマートフォンやタブレットにも対応しています。 ＜本書の特徴＞ ●Webサイトをステップ・バイ・ステップで作りながら、ノウハウを身につける ●HTML5とCSS3（スタイルシート）の両方を使った最新の制作手法をマスター ●応用テクニックやその仕組み、さらに踏み込んだ各種の情報もTIPSとして網羅

最新のWebデザイン、Web制作に合わせて進化を続けているDreamweaverが、CC2017になりました。 CC2017では、コードエディターが「Brackets」ベースのものとなり、コーディングを効率よく行うことができます。また、CSSプリプロセッサーも搭載され、面倒な環境構築をすることなく、LESS、Sass/SCSSを使うことが可能です。 本書では、レッスン形式でDreamweaver CC2017を基礎から応用まで余すところなく学習できます。 サンプルファイルをダウンロードすることで、実際にDreamweaverを操作しながら、ステップバイステップでWebサイト制作の実践を学んでいくことが可能です。 スマホ、タブレット対応が必須になっているため、BootstrapによるレスポンシブWebデザインも、W実例を使って理解できます。また、現場で役立つTipsやヒントも数多く盛り込みました。 本書で最新のWebデザイン手法をマスターしてください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は、CSSのフレキシブルボックス（Flexbox）を利用してWebページ制作を行うレッスンブックです。 長い間、Webページ制作ではCSSのフロート（Float）が利用され、「ボックスの相互の位置関係でデザインやレイアウトを形にしていく」というノウハウが蓄積されてきました。 フレキシブルボックスはこうしたノウハウをブラウザの互換性や制作手順、考え方も含めて引き継いでいます。 また、フロートで不便だった部分には手が加えられ、いよいよ完成形にたどり着いたと言えるでしょう。 はじめてWebページを作る方にも、今どきのページ制作の基礎を学びなおしたいといった方にも、本書を活用していただければ幸いです。 －「はじめに」より

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

本書では、「レスポンシブWebデザイン」に対応したWebサイトをWordPressで1から構築していきます。そのためには、PCサイトを作ってから、スマートフォンなどに対応するのではなく、最初からどのデバイスにも対応できるデザインやレイアウトを考えることが重要です。 本書ではそういったスキルがレッスン形式のステップバイステップで身につくように構成しました。 ●基礎 「レスポンシブWebデザイン」でレイアウトを操るためのボックスレイアウト手法を身につけます。 ●実践 「ブログ・ニュース系サイト」をステップを踏みながら構築し、テンプレート、ウィジェット、プラグインの使い方を理解します。 ●応用 「スマートフォンなど多様なデバイス」に柔軟に対応できるWordPressのデザイン、設計テクニックを学びます。

PCだけでなくスマートフォンやタブレットなど多様なデバイスに対応することが、Webデザイン、Web制作の標準になりつつあります。そのためには、PCサイトを作ってから、スマートフォンなどに対応するのではなく、最初からどのデバイスにも対応できるデザインやレイアウトを考えることが重要です。 本書ではそういったスキルがレッスン形式のステップバイステップで身につくように構成しました。 ●基礎 レイアウトの根本となるボックスの並べ方をマスターし、Webページにおける段組みを自在にコントロールする手法を身につけます。 ●実践 「ブログ・ニュース系サイト」と「ビジネス系サイト」の実例サイトを、1からパーツを組み立てながら作成していきます。 ●応用 マルチデバイスに対応し、使い勝手や見栄えを向上させる各種のアレンジ・テクニックや実践で役立つTIPSを学びます。

Dreamweaver CC 2015では、レスポンシブWebデザインを簡単に実現できるように、CSSフレームワークとして定評のある「Bootstrap」が組み込まれており、複数の画面サイズに対応するための「ビジュアルメディアクエリーバー」を使うことで視覚的にWebサイトの構築が行えます。 本書では、これらの新機能を使いながら、「ビジネス系」Webサイトを作成していきます。作成手順は、レッスン形式のステップバイステップで解説し、Dreamweaverの操作だけでなく、効率よくWebサイト制作を進めるための考え方も身につくように構成しました。 ●基礎 記事や概要など、シンプルな基本パーツを事前に準備することで、効率よくWebサイト制作を進める ●実践 Bootstrapとビジュアルメディアクエリーバーで、素早く簡単にレスポンシブWebデザインを実現する ●応用 Dreamweaverの強力な機能である「テンプレート」を使うことで、複数のWebページを一元管理する

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

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 JavaScriptを使用したブラウザゲームのつくり方を解説する入門書です。HTML/CSS、JavaScript、図形描画（Canvas）の基本を学んだあと、パズル／アクション／シューティングから物理エンジンを使ったゲームまで計13本のサンプルゲームを通して、学んだWeb技術の実践的な使い方やブラウザゲームの制作ノウハウを習得できます。サンプルゲームは全ソースコード掲載＆ダウンロード提供！ ゲームをつくりながら、JavaScriptだけでなくHTML/CSSなどのWeb技術の基本もしっかり学習できます。「これからプログラミングを始めてみたい」「HTMLやJavaScriptを使ってゲームをつくってみたい」といった初心者に最適の一冊です。 【本書でつくるサンプルゲーム】 ○スライドパズル（15パズル） ○神経衰弱 ○荷物を運ぼう（思考型パズルゲーム） ○リバーシ ○タマゴを大事に（タマゴキャッチゲーム） ○ダンジョン（2Dダンジョンゲーム） ○宇宙船サターンボイジャー（疑似3D・宇宙船ゲーム） ○ファンキーブロック（マッチ3パズル） ○食べ尽くせ！（ドットイート風ゲーム） ○超難度・忍者ジャンパー（横スクロールジャンプゲーム） ○インベーダーを撃ち落とせ！（シューティング） ○ビリヤード ○ベジタブルマーチ（ブロック連結パズルゲーム）

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

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

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

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTMLってなんだろう？CSSってなんだろう？と思っているあなたでも、1週間でスマホ用Webページがちょっとだけ作れるようになる！ Webページを作ってみようと思って、いろいろな本を読んで勉強してみたのだけれども、よく分からない…理解できない…。そんな方にオススメの1冊! 本書を読み進めながら、一緒にサンプルソースコードを入力してみることで、HTMLとCSSの基礎が分かるようになり、ちょっとだけWebページが作れるようになります。 本書後半では、少し高度なWebページ作成も解説しています！ 途中で読むことを挫折しないよう、ゆるいペースでナビゲートします! ▼目次 1日目 はじめの一歩 2日目 HTMLの構造とさまざまなタグ 3日目 スタイルシート 4日目 ボックスモデル 5日目 Webページのレイアウトを作る 6日目 覚えておきたい知識・Webサイトを作る 7日目 Webアプリ・CMS・BootstrapによるWebサイト制作

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 初心者から熟練者まで、すべてのWeb制作者のための早引き事典の最新版！ 本書は、HTMLの要素（タグ）とCSSのプロパティを解説した事典です。 HTMLの要素やCSSのプロパティの意味、対応ブラウザーなどがひと目で分かるほか、豊富なサンプルコードで、使い方も理解できます。 WordPressなどのCMSで新規サイトを構築するときに、既存サイトのコードを解読したいと思ったときに、タグやプロパティの内容をサッと調べることができる便利な1冊です。 また、HTMLやCSSの基本的な書き方はもちろん、HTML5からHTML Living Standardに標準仕様が移った経緯などの技術的背景、文字参照やURLの構成といったWeb制作者として不可欠な知識も解説しています。 ●このような方におすすめ ・HTML＆CSSを記述・修正する必要のある人 ・Webデザイナーや、情報システム部などでWebサイトを内製で構築する担当者 ・HTML＆CSSの勉強をしている大学生や新入社員

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-12959-0)も合わせてご覧ください。 HTMLとCSSがやさしくわかる！ 会話形式でやさしくわかりやすいHTML/CSSの入門書です。キャラクターと一緒に，楽しいイラストやわかりやすい例でサクサクHTMLとCSSを学んでいきます。 HTML/CSSの基本知識や文法から実践的なレイアウトまで。はじめてHTMLとCSSを学ぶ方が知りたいことが詰まっています。Webサイトをつくってみたい，管理しなきゃいけないという方は必読の内容です。

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

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

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

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

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【Photoshopをこれから学ぶすべての人のための入門書、決定版！】 本書は章ごとに、「基本知識を学ぶ Study → 作例をつくってみる Try」の構成になっており、操作の基本をしっかり理解したうえでPhotoshopを使えるようになります。 作例は写真の補正、切り抜き、合成、文字入れなどのよく使うテクニックから、実際にバナーやカードのデザインを完成させるところまで、Photoshopの使い方をしっかり学べます。プロの講師によるわかりやすい解説で、ぐんぐん上達します。 また、作例の完成データや作例をつくるために必要な素材は、学習用のサンプルデータとしてダウンロードできるため、実際に手を動かしながら読み進めることができます。 ぜひ本書でPhotoshopをマスターして、魅力のある画像をどんどん作っていきましょう。 〈こんな方にオススメ〉 ◯本格的なデザインを簡単にはじめてみたい人 ◯職場での内製化などでデザイン担当になった人 ◯デザイナー志望の学生、デザイナー初心者 ◯とにかく、Photoshopをこれからはじめる人 〈本書の内容〉 Lesson1　Photoshopの基本 Lesson2　写真を補正する Lesson3　写真を切り抜く Lesson4　写真・画像を加工する Lesson5　文字を入れる Lesson6　パーツをレイアウトする Lesson7　総合演習 【Study】 レイヤーパネルの役割 画像補正について知ろう 非破壊編集について知ろう レイヤーマスクについて知ろう 画像の切り抜きについて知ろう 自由自在のニューラルフィルター Photoshopで文字を扱ってみよう etc. 【Try】 食べ物を美味しく見せよう 古い写真にしてみよう 季節を変えてみよう カフェのロゴマークを作ってみよう 広告用バナーを作ってみよう YouTubeのサムネールを作成してみよう ネット印刷用入稿データを作成してみよう etc. 〈著者プロフィール〉 ◯塩谷正樹（しおたに・まさき） デジタルハリウッド大学　准教授、京都清華大学　非常勤講師。福岡県出身。'95年に3DCGの世界に憧れてデジタルハリウッドの「Mac総Pro」へ。コース終了後、CG、映像制作を経てWebに転身。現在は個人でWebやグラフィックの制作を中心に活動しながら、教材開発や人材育成活動にも従事。著書に『初心者からちゃんとしたプロになる　HTML+CSS標準入門』（MdN）がある。 ◯米澤 緑（よねざわ・みどり） デジタルハリウッド大学　客員教授、大妻女子大学　非常勤講師。'90年代、印刷媒体が主体だった広告制作会社にて修行を積む。株式会社資生堂ザ・ギンザでインハウスデザイナーとして勤務。2004年よりフリーランス。現在は後進の指導に携わる傍ら、ブライベートブックメーカー＆グラフィックデザイナーとして、すぐれたコンテンツに対し100年越える生命と未来を作ることに奮闘中。 ◯滝川雄貴（たきがわ・ゆうき） 有限会社ソースボックス（srcbox Inc.）代表取締役。女子美術大学 非常勤講師、デジタルハリウッド大学　非常勤講師。桑沢デザイン研究所を卒業後、2002年4月にデザインオフィスソースボックスを設立する（2005年に法人化）。グラフィックデザイナー・ウェブデザイナーとして、ビジュアルデザインを中心に幅広くプロジェクトに参加。

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

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。 【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の最新の開発環境で学習できる ・部分的な掲載コードやターミナル上の実行コマンドもコピペできる ・テスト・デプロイなどの構築後の工程も詳説

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

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

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

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

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

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

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

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

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webサイト制作をこれから学ぶ人へ送る “1冊目”に最適の入門書！【学びをサポートする4大特典つき】 本書は手を動かしてWebサイトを作りながら HTML/CSSとWebデザインの基本を楽しく学べる入門書です。 初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、 これを読めば必要な基礎知識がひととおり身につきます。 制作できるサイトは計4種。 初歩的な内容から少しずつレベルアップしていき、 Flexboxレイアウト・CSSグリッドレイアウト・ レスポンシブデザイン・CSSアニメーションも作れるようになります。 またコーディングの知識だけではなく、 学習を続ける上での学び方のコツやポイントも紹介。 知識ゼロからスタートした人でも、1冊を読み終えるころには 自ら学習を深めていけるようになるでしょう。 ■わかりやすい！楽しい！ポイント ・やさしく要点をおさえた解説 ・手を動かして作ることを重視した構成 ・おしゃれでバリエーション豊かなサンプルサイト ・豊富な図解とイラスト、キャラクターによるガイド ・重要ポイントの理解を助ける補足動画 ■こんな方におすすめ！ ・Webサイト制作をゼロから学びたい初心者 ・1冊目の入門書を探している人 ・Web制作の仕事を目指している人 ■学習をサポート！嬉しい4大特典つき （※翔泳社サイトにて無料のID登録とダウンロードの必要があります） 1.サンプルサイトのXDデータ 2.特典PDF：Webサイトの公開方法 3.制作に役立つおすすめサイト集 4.初学者必携のチートシート ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書では、モバイルファースト＆レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。 サイトはパーツ単位で作成し、章ごとに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と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業界の技術のスピード感は早いと言われますが一度スピードに乗ってしまえば、技術のキャッチアップもスムーズに行えるようになります。 本書を読むことで早い段階で「現場で使えるスキル」が身につき、さらにステップアップができるでしょう。 この本が、コーダーを目指す皆様の道しるべとなりますよう、願ってやみません。 （著者まえがきより）

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

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 11刷突破のベストセラーが最新情報にアップデート！ これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！　レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！　配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！　写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、CSSグリッド、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 大手書店チェーンで売上No.1（※）を記録し続けるWordPressの入門書に、最新バージョン5.xに対応した第5版が登場！　セミナー経験も豊富な著者陣が実践的なコツを織り交ぜて丁寧に解説。機能性・デザイン性に優れた人気テーマ「Lightning」を使って、パソコン＆スマホ両対応の本格的なWebサイトが作れます。最新バージョンに対応した操作手順がすべて画面付きで解説されているので、はじめてWebサイトを作る人でも安心。HTML＆CSSの知識が一切なくても作れます。※大手書店チェーン調べ（2020年12月～2021年5月、WordPress解説書）

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【Web制作入門書のロングセラーが、最新仕様にアップデート！】 Webデザイン・Webサイト制作の「正しい基礎」を伝える入門書。 WWWやインターネットの仕組みをはじめ、サイト制作のワークフロー、HTML・CSSの技術解説、Webサイトを公開・運用するまでの基礎知識を、系統立てて解説しています。 改訂3版では、Web制作現場でマルチデバイス対応の必須化が進み、レスポンシブWebデザインやモバイルファーストなどの制作技法が主流化していることを踏まえ、内容を全面的にアップデート。FlexboxやCSS Grid Layoutといった、新しい技術仕様の解説も加えました。 本書の一番の特長は、基本知識や制作技術の解説とともに、「なぜ、そうするのか」といった「背景」や「理由」にも踏み込んで説明している点です。Web・Webデザインの根本的な仕組みや、技術の裏側にある背景を深く理解することで、ツールやテクニックの変化に左右されない「自分で考える力」や「ずっと役立つ応用力」を養うことを目的にしています。 プロのWebデザイナーを志望する方はもちろん、Webにかかわるすべての方に読んでいただきたい内容です。 〈本書の章構成〉 ■Lesson1　Webデザインの世界を知る ■Lesson2　Webサイトを設計する ■Lesson3　HTMLの役割とできること ■Lesson4　CSSの役割とできること ■Lesson5　Webサイトを構成する素材 ■Lesson6　Webサイトを表現する色 ■Lesson7　Webサイトを公開する ■Lesson8　Webサイトを運用する ■Lesson9　Webサイトを制作する 〈こんな方にオススメ〉 ・プロのWebデザイナーやマークアップエンジニアを目指す方 ・Webデザイン制作、HTMLやCSSを本格的に学びたい方 ・Webデザインやサイト制作の基本をもう一度学び直したい方 ・Webメディアのディレクションやプロデュースを担当する方 〈改訂した主な点〉 ・新しいCSS技術（Flexbox、CSS Grid Layout）の解説を追加 ・制作現場やHTML5・CSS3の現状を踏まえたアップデート ・実践パートを強化し、作成するサンプルを全面刷新 〈本書の特長〉 ・技術や作り方の裏側にある「背景」「仕組み」を伝える ・Webサイトをデザイン制作する上で「なぜ、そうするのか」がわかる ・「自分で考える力」「ずっと役立つ応用力」が身につく

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

本書は，日本国内で爆発的な人気を誇るVue.jsの最新ノウハウ・アイデアを1つにまとめた新しい「Vue本」です。アプリケーション開発のためのルーティング・レンダリングから，CSS設計，状態管理，コンポーネント開発，パフォーマンス改善まで，Vue.jsをプロジェクトで使用するうえのさまざまな開発上の観点をまとめつつ，現場のエンジニアによる解決方法をまとめています。 さらに，Vue.jsコアチームメンバーでもある川口和也（@kazu_pon）氏のインタビューを収録。川口氏が開発するVue18nや，企業に所属しながらのOSS活動についてもたっぷりと語っていただきました。Vue.jsエンジニア必携の1冊です。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ Web界隈やデザイナーに大人気！ Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、 Manaによる渾身のHTML ＆ CSSとWebデザインの実践知識が一気に学べる本 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ ほんの一手間で劇的に変わる！ 一歩進んだWebサイト制作の知識が一気に学べる！ ・5つのサイトから学べる！　今のWebサイトを作る最新の技術群 ・自由な表現ができる！　手描き、斜め、グラデーション、あらゆる装飾の作り方 ・今日から使える！　表とグラフ、アニメーションなど、JavaScriptライブラリ ・動画、カスタム変数、Emmet、Sass、問題解決の知識まで WebクリエイターボックスのManaが教える Webサイト制作の実践＆旬のスキル。 思い描いているものを形にできる魔法の1行が必ず見つかる！ コードも、デザインも、時短術も、全部学べる！ ●本書の対象読者 ・HTMLとCSSの基礎学習までを終えた人 ・Webサイト制作のワンランク上のスキルを学びたい人 ・自由な装飾表現を用いてWebデザインを作りたい人 ・アニメーションなど動きがあるサイトを作りたい人 ・練習問題やお題に挑戦し、成果を皆と共有したい人 ・効率よくコードを記述できる方法を知りたい人 ・独学で困った際などの問題解決法を学びたい人

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

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

これ1冊でプログラミング言語のイメージがつかめる！　プログラミング言語を擬人化し、全部まるごと漫画だから読みやすい!!　どこから学んでいいのかも分からない人向けの超ビギナー入門書になっています。 新しい職場に配属された、新入社員のジャバスクリプト。ステキなwebサービスが作れるようにと張り切るが、配属先には、棟梁のHTMLや美術担当のCSS、仕入れ担当のPHPなどのちょっとクセのある人たちがいて……。様々な困難にぶつかりながらも、仲間とともに成長し立派なプログラミング言語として機能していくJSの物語。

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

【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へデプロイする

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 フロントエンドエンジニアはじめ、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のブラウザ対応一覧、アニメーション補足解説）

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。 また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 Webサイトの作成から運用までがこの1冊で分かる! WordPressでゼロからWebサイトを作成しよう! WordPress最新バージョン5.5.x対応! 近年、ソースコードを書かずにWebサイトやアプリケーションを構築する「ノーコード開発」の流れが加速しています。 ノーコード開発は、あらかじめ用意されたパーツを組み合わせることにより、短期間・低コストで構築できることが大きな魅力であり、プロの間でも注目を集めています。 WordPressもまた、バージョン5.0からブロックエディターと呼ばれる機能が搭載され、ブロックを組み立てるように直感的にページを作成することが可能となり、ノーコード開発の流れにシフトしていることがうかがえます。 もちろん、HTMLやCSSなどのコードを書けたほうが実現できることの幅は広がりますが、小規模なWebサイトであれば、既成のテーマ(テンプレート)とブロックエディターのみで十分に魅力的なWebサイトを作れるようになりました。 しかし、WordPressがどんなに便利で簡単なツールであっても、基本的な使い方や特徴を知らなければ、途中でつまずいてしまい、思い描いたかたちにたどり着くまでに時間がかかるものです。 そこで、本書では大切なポイントに重点を置き、具体的なWebサイトの作成例をもとに効率よく学習できるよう手順を工夫して解説しています。 まずは一度、8章まで順番どおりにサンプルサイトを作成して、WordPressの基本操作としくみを把握しましょう。 そして、10章では同じテーマを使ってどんなアレンジが可能なのかを知り、自分のWebサイト作りにチャレンジしてみてください。 「今すぐ自分の会社のWebサイトを作りたい! 」「知人のお店のWebサイトを作ってあげたい…」そんな方々の一助となれば幸いです。 (「はじめに」より)

本書は、Web ブラウザにおける本格的な GUI の入門書です。Web ブラウザに期待される役割は年々増してきています。ネイティブアプリ顔負けのデザインツールや、ドラッグアンドドロップでの操作が必要なフォームを作りたくなったとして、我々は何に気をつけるべきなのでしょうか？これまで HTML / CSS / JavaScript で実装するのが大変だった UI をどう実装するべきなのでしょうか？この点を本書は重点的に扱います。本書では定番のセレクトボックスやヘッダーレイアウトの他、バウンディングボックスやツリーといったドラッグを伴う UI なども実装していきます。苦しくも楽しい、Webブラウザの複雑なGUIの世界に、エディタとブラウザを開きながら足を踏み入れてみましょう。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ※この電子書籍は紙版書籍のページデザインで制作した固定レイアウトです。 ノンエンジニアでもわかる！　やさしい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デザインレシピ集

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「自社の商品や業務内容をアピールしたい」「店舗のおすすめメニューや最新情報をいろんな人に見てもらいたい……」そんなときに欠かせないのが、いつでも気軽に情報を確認できるホームページです。HTMLやCSSなどの専門知識が必要なのでは？ と思う人もいるかもしれませんが、ホームページ・ビルダー22 SPを使えば、そんな心配はありません。自分が作りたいホームページの内容に応じてテンプレートを選び、ドラッグ操作やテキストを入力するだけで、本格的かつ・見栄えのするホームページが完成します。テンプレートには仮の画像やテキストが初めから配置されていますが、対象となるパーツを選び、ボタンをクリックしてコンテンツを指定するだけで、オリジナルのホームページに仕上げられます。また、スマートフォン用にページを作り直す必要もありません。テンプレートを利用すれば、初めからスマートフォンの表示に最適化されたページが完成します。本書は、全10章構成でホームページ作りに必要な操作を丁寧に解説！ 特に、ホームページ・ビルダーを使いこなすために必要な［パーツのプロパティ］ボタンや［パーツ一覧］について、順を追ってレッスンで紹介。初めてホームページ・ビルダー22 SPを使う方でも、迷わず操作を進められます。また、ホームページの魅力を高める、アイテムギャラリーやフォトモーションなどの使い方もよく分かります。本書のサンプルファイルには、紙面で紹介している操作に必要な画像と章ごとの完成例を用意しているので、すぐに操作を進められるだけでなく、紙面通りの操作をすぐに試せます。また、できるサポートにも対応しているため、本書に関する疑問もすぐに解決します。本書を利用して、かんたん・きれい・本格的なホームページを作ってみましょう。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTMLとCSSの使い方を、目的引き、やりたいこと引きでまとめたリファレンスです。HTML＆CSSの基本から、テキスト、リンク、リストやメニュー、入力フォーム、レイアウト、レスポンシブ対応など、目的ごとにタグやプロパティの使い方を詳しく解説しているので、「こんなことをしたい！」というときにすぐに調べられます。現在ホームページ制作を学んでいる方にも、Webデザイナーとして活躍している方にもおすすめの1冊です。

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 手元に置いて引きやすい定番のHTMLとCSSの事典が、 最新仕様に準拠しリニューアル！ 本書は、HTML Living Standardの仕様に準拠した要素（タグ）と、 主要なブラウザーで動作するCSS3およびCSS4のプロパティをすべて掲載しています。 手元に置いておきやすいコンパクトなB6判で、 目次のほかに要素名・プロパティ名のインデックスもあるので、 必要な情報をサッと調べることができます。 ◆要素・プロパティごとの使い方が分かる！ サンプルコードを豊富に掲載 本書では、 ・HTMLの要素に使用できる属性 ・CSSのプロパティに指定できる値 を掲載しています。 また、ほとんどの要素やプロパティに個別のサンプルコードを掲載し、 使用例が分かるようになっています。 サンプルコードは、読者限定でダウンロードも可能です。 ◆100個以上のプロパティやセレクターを追加！ 「グリッドレイアウト」やCSS4のモジュールにも対応 最近のWebページのレイアウトに使われることが多い、 「グリッドレイアウト」に関連するプロパティを掲載しています。 また、ブラウザーで動作するCSS4のモジュールにも対応し、 新たに追加されたセレクターなども掲載しています。

◆◆Web技術を活かして　動かせIoT電子工作！◆◆ 「Webの技術はあるけど、センサーやロボットの制御がイマイチわからない！」 そんな人に最適なのがobniz（オブナイズ）です。obnizはIoT開発ボードで、Web技術 （HTML+CSS+JavaScript）をそのまま活かしてセンサーやモーターを制御。 そして、超簡単に始めることができます。obnizを使い始めるのに、必要なのはWi-Fi、 PCもしくはスマートフォン、電源だけです。すぐに始められます。 obnizには12個の汎用I/Oポートが用意されており、どのポートにもセンサー類を接続 できます。 本書は、そんな万能マイコンobnizでの遊び方を、がっつり解説した一冊です。 ◆主な構成◆ 1章　まずは使ってみよう 1.1　obnizとは 1.2　Wi-Fi 接続する 1.3　Webブラウザからobnizを使う 2章　ブロックエディタの利用 3章　コードエディタの利用 3.1　コードエディタ 3.2　リアルタイムな時刻の表示 4章　キットを使ってみよう 4.1　カスタムリモコンの作成 4.2　床拭きロボットを作成 5章　センサーとの接続 5.1　LEDと圧電スピーカー 5.2　各種センサー 5.3　keyestudio 37 in 1 Sensor Starter Kitの利用 6章　他のIoT機器とつなげてみよう 6.1　IchigoJam 6.2　IchigoLatte 6.3　Orangino 6.4　micro:bit 6.5　M5Stack 6.6　Raspberry Pi 7章　応用してみよう 7.1　電圧計の作成 7.2　アルコールチェッカー 7.3　水チェッカー 7.4　デバイスチェッカー 7.5　デバイスコントローラー 7.6　クラウドへの保存 7.7　温度・湿度・気圧データの表示 7.8　土壌センサーで水分量を計測 7.9　複数のobnizに同じメッセージを表示 7.10　シェルを利用 7.11　温度のグラフ表示 7.12　サーバーレスイベント