 ＜p＞＜strong＞※この商品は固定レイアウト型の電子書籍です。
＜br /＞ ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
＜br /＞ ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
＜br /＞ ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。
＜/strong＞＜/p＞ ＜p＞＜strong＞いちばんわかりやすいHTML＋CSSの教科書が、最新トピックをカバー！＜/strong＞＜/p＞ ＜p＞＊＊＊＜br /＞ すらすら読めて、「わかった」を積み重ねる。
＜br /＞ 「Webの知識がこれから必要」で、「将来にわたって長く使える基礎力をつけたい」人のためのHTML5+CSS3本。
＜br /＞ ＊＊＊＜/p＞ ＜p＞本書は、“楽しみながら学べる”HTMLとCSSの入門書です。
2018/10現在で最新バージョンのHTML5.2（2017/12勧告）とCSS3をベースとした内容となっています。
＜/p＞ ＜p＞本書では、読者が“楽しみながら学べる”ということを実現するために、本書の全体的な構成を工夫しています。
先にHTMLを学習してからそれを前提としてCSSを学ぶ、という流れにしてしまうと、前半はHTMLのタグを覚えていくだけの退屈な内容になってしまうからです。
＜/p＞ ＜p＞そこで本書では、HTMLをひととおり学習してからCSSへと進むという構成ではなく、HTMLとCSSを少しずつ同時進行させる構成にしてあります。
このような進め方にすると、覚えた内容をすぐにブラウザでの表示結果として確認できるため、少しずつできるようになっていく感覚を積み重ねながら、退屈せずに学習を進めることができます。
＜/p＞ ＜p＞“楽しみながら学べる”といっても、本書の解説は、表面的に「ページが作れればそれでいい」というものではありません。
仕様にしっかりと準拠した使い方で、正しく、かつアクセシビリティに配慮したページを作れるように、サンプルを組み立てています。
＜/p＞ ＜p＞まず1章、2章では、インターネットやHTML、CSSについての基本的な解説をしながら、少しだけHTML/CSSを使ってみて、これからの学習にむけての準備をします。
＜br /＞ 3章では、HTMLやCSSを正しく使うために必要な「カタい文法」の話を学習して、基礎を固めます。
＜br /＞ 4章からは、いよいよページを作っていきます。
4章でページ全体の枠組みを作り、5章でテキストや色の指定について学びます。
＜br /＞ 6章ではセレクタについて詳しく学習し、CSSでの細かな指定ができるようにします。
＜br /＞ 7章では画像や動画、音声、背景といったページ内の構造について、8章ではナビゲーション、9章ではフォームやテーブルについての設定方法を学びます。
＜br /＞ 10章では、ここまで登場していない要素についての設定方法や、配置のテクニックを学びます。
第3版では、スマートフォン（スマホ）画面への対応について、詳しい解説を追加しました。
＜br /＞ 11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました（第3版での変更）。
これら2つレイアウト方法の基礎になる部分を身に付けられるようにやさしく解説します。
＜br /＞ 最後の12章では、それまで学習したことをベースに、1つのページを制作していきます。
スマホ、タブレット、PCそれぞれのレイアウトの作り分けを行います（第3版での変更）。
ページの制作を、流れで実際に行ってみることで、本書の学習の仕上げを行うことができます。
＜/p＞ ＜p＞本書を、これからHTMLとCSSを覚える人が“楽しみながら学ぶ”ための入門書としてご活用いただけましたら幸いです。
＜/p＞ ＜p＞＜strong＞■第2版からの変更点＜/strong＞＜br /＞ ・ 第2版は、2014年3月段階の情報に基づき執筆されました。
第3版では、2018年9月段階での情報に基づいて執筆しています。
＜br /＞ ・ 仕様の変化に応じて、解説やコードを追加・変更・削除しています。
ただし、本書の解説の範囲から外れている仕様の内容については説明がないものもあります。
＜br /＞ ・ HTMLは2017年12月に勧告されたHTML5.2に変更しています。
＜br /＞ ・ CSSはCSS2.1およびCSS3より、現時点で安定して使用できると判断した内容を使っています。
＜br /＞ ・ 10章にて、スマートフォンへの対応を解説する節を追加しました。
＜br /＞ ・ 11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました。
＜br /＞ ・ 12章にて、ページをスマートフォン、タブレット、PCそれぞれに対応させる内容に変更しました。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
3,080 ～
|
 ＜p＞※この商品は固定レイアウト型の電子書籍です。
リフロー型電子書籍のようなテキスト拡大などの機能が利用できません。
＜br /＞ ※同じ書籍のリフロー版電子書籍も発売中です。
＜/p＞ ＜p＞2012年12月にHTML5の勧告候補がリリースされ、HTML5の策定作業もゴールが見えてきました。
本書は、そのHTML5勧告候補に基づいて、各要素の定義や機能、使い方について、ビジュアルとサンプルを多用してわかりやすくまとめたものです。
＜br /＞ 基本、セクション、メタデータ、段落書式/文字書式、テーブル、フォーム……など機能別に分け、それぞれの要素について、基本情報や書式、ブラウザの対応状況、HTML4.01やXHTML1.0からの変更点、注意したいポイントやTips、サンプルコードなどを掲載。
「HTML5を理解すること」「HTML5でデザインすること」を目標に、できるかぎりの情報を盛り込んでいます。
＜/p＞ ＜p＞「HTML5はそのポジションが大きく変わってしまったため、従来の視点からHTML5を眺めてしまうと、見通しが非常に悪いのです。
しかし、これまでのHTML/XHTMLの知識をちょっと脇に置いて、HTML5の視点に立ってみると、この新しいHTMLが長い年月をかけて緻密に作り上げられていることが見えてきます。
＜br /＞ そして、この緻密さの基礎となっているのが「セマンティクス」です。
＜br /＞ このセマンティクスという考え方は、新しく追加されたセクショニングやmicrodataなどの機能に限らず、すべての要素に込められており、これまでのビジュアルによるコンテンツデザインとは異なる、セマンティクスによるコンテンツデザインを実現します。
＜br /＞ そして、このセマンティクスによるコンテンツデザインは、Webの新たな可能性を生み出す、HTML5の最も重要なテーマだといえるでしょう。
＜br /＞ そこで本書では、HTML5の視点から、HTML5を理解することを目標に各要素に関する解説を行っています。
」（著者「はじめに」）＜/p＞ ＜p＞ブラウザについてはGoogle Chrome、Internet Explorer、Safari、Firefox、Mobile Safari、Androidの標準ブラウザ、Operaの対応状況を掲載。
＜br /＞ HTML5の次バージョンとされるHTML5.1やWHATWGがリリースしているHTML Living Standardに関しても、適宜情報を掲載しています。
＜br /＞ また、本書中に掲載したサンプルコードは、本書サポートサイトからダウンロードできます。
＜/p＞ ＜p＞Webデザイナー/クリエイター必携の解説書となっています。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,409 ～
|
 ＜p＞【ご注意：本書は固定レイアウト型の電子書籍です。
ビューア機能が制限されたり、環境により表示が異なる場合があります。
】ベテランのデザイナーやイラストレーターにとっても地図デザインはやっかいな仕事です。
資料価値を高め，購入者にアピールできる作業ですが，詳細に作り込めば時間がかかる反面，予算は限られていることが多いです。
昨今は，地図アプリやGIS（地理情報システム）を使えば便利だという話を聞いてはいるものの，調べている余裕もなく，結局はいつものように一からIllustratorで作成しているのではないでしょうか。
そこで本書では，パブリックドメインになっている各種地図データの扱い方，加工できる無料ツール，さらに仕上げにIllustratorを使った地図デザインの方法を解説します。
本書のとおりに作成すれば，「地形入りのタウンマップ」「遠近感のある地形図」「正確な市区町村図」「正確な鉄道路線図」「世界の陰影地形図」などが簡単に作ることができます。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,838 ～
|
 ＜p＞【ご注意：本書は固定レイアウト型の電子書籍です。
ビューア機能が制限されたり、環境により表示が異なる場合があります。
】「今すぐ使えるかんたんぜったいデキます」シリーズから，ホームページ作成の解説書が登場です！趣味のサークルや地域の活動のホームページを作ってみたい，でも作り方が難しくてわからない…と悩む人も多いのではないでしょうか。
本書では，「Jimdo」（ジンドゥー）というシステムを使って，専門的な知識がなくても，かんたんに，そして無料でホームページを作る方法を解説します！Jimdo公認で安心の内容です。
大きな画面と丁寧な解説で，初めての人でも，操作をしっかり理解することができます。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
1,738 ～
|
 ＜p＞【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。
文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】＜/p＞ ＜p＞今すぐ使える プロ並み最新テクニック集＜/p＞ ＜p＞キレイで魅力的なWebサイトをかんたんにつくりたい！そんな要望に応える定番『ホームページ・ビルダー スパテク』シリーズの最新版です。
企業サイトでも個人サイトでも使える実用的なテクニックを1冊に盛り込みました。
10月発売の最新バージョン16にいち早く対応し、スマートフォン用サイト制作やソーシャルネットワーク連携など、流行を押さえた新テクニックを掲載。
そのほか「フルCSSテンプレート」のカスタマイズ、外部ブログのデザイン変更、高品質なデザインパーツの作成、ショップサイトのSEOなど、ホームページ・ビルダー16をフルに使いこなす上級技がたくさん入っています。
手順ごとのわかりやすい画面解説つきで、誰でもかんたんに素敵なサイトをつくることができます。
＜/p＞ ＜p＞【動作環境】＜br /＞ ●本書はホームページ・ビルダー V16の使用を想定して解説しています。
＜br /＞ ●使用OSはWindows 7ですが、Windows Vista、Windows XP SP2／SP3の環境にも対応しています。
＜br /＞ ●Internet Explorerのバージョンは7を使用しています。
＜/p＞ ＜p＞※本電子書籍は同名出版物を底本とし作成しました。
記載内容は印刷出版当時のものです。
＜br /＞ ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
＜br /＞ ※印刷出版とは異なる表記・表現の場合があります。
予めご了承ください。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
3,080 ～
|
 ＜p＞【NetCommons（ネットコモンズ）とは...】 ■国立情報学研究所で開発されたCMS（コンテンツマネジメントシステム）。
オープンソースで提供され、無償での利用が可能。
■2,000を超える学校や公的機関、企業などで利用され、3,000以上の導入実績があるユーザフレンドリーなCMSです。
〜新たに、スマートフォン、Twitter、Facebook に対応！〜 大変好評を得ているネットコモンズ入門書の第2版である。
最新バージョンで新たに標準対応とした、スマートフォンからのアクセスと、Twitter、Facebookとの連携機能について、初心者でもすぐに理解できるよう、わかりやすく解説する。
初心者はもちろん、すでに利用しているユーザでも新しい機能を理解するには、最適の書である。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,640 ～
|
 ＜p＞※本書は固定レイアウト型の電子版です＜/p＞ ＜p＞【いまのWeb制作に乗り遅れないために。
大好評ベストセラーの最新改訂版！】＜/p＞ ＜p＞ここ最近のWeb制作の状況を見ても、サポート切れによる古いInternet Explorerの淘汰とEdgeへの移行、ファブレットの普及によるタッチデバイス端末の画面サイズの多様化、モバイル対応の一般化、フラットデザインの定着など、様々な点で変化と進化を遂げています。
＜/p＞ ＜p＞本書ではこのような状況を踏まえ、2014年に刊行してご好評をいただいた『現場のプロが教えるWeb制作の最新常識』を現在の状況にあわせてアップデートしました。
「デザイン・レイアウト」「マルチデバイス対応」「HTML・CSS・JavaScript」「サイト構築・管理・運用」の4つの側面から、いまWeb制作に携わる方々が知っておくべき情報を網羅的に解説しています。
いまのトレンドとそれらのメリット／デメリット、採用する際の前提や条件などにも触れていますので、実際の仕事で取り入れるかどうかを検討する際にも役立ちます。
＜/p＞ ＜p＞「最近はどんなレイアウトが流行っている？」「モバイルフレンドリーテストにはどう対応すればよい？」といったよくぶつかる疑問を解消し、Web制作の「いまの常識」を体系的に理解できる一冊です。
＜/p＞ ＜p＞〈本書の内容〉＜br /＞ ■CHAPTER1 デザイン・レイアウト＜br /＞ Webデザインの潮流／情報設計の傾向／レイアウトのトレンド／プロモーションサイト／配色／脱ビットマップ画像／フラットデザインの注意点／Google Material Design／無料ツール／Webフォント／デザインガイドライン作成／Webリソース＜/p＞ ＜p＞■CHAPTER2 マルチデバイス対応＜br /＞ マルチデバイス対応／モバイルファースト／モックアップ作成とインブラウザデザイン／デザインガイドラインを参考に／スマートフォンサイトのレイアウト／レスポンシブの変化パターン／スマートフォン特有のコーディング／モバイルフレンドリーテストへの対応／iOSとAndroidの違い＜/p＞ ＜p＞■CHAPTER3 HTML・CSS・JavaScript＜br /＞ ターゲットブラウザの決め方／CSS3の使い方／ベンダープレフィックス／リセットCSS／ブラウザ対応用ライブラリ／フォーム／アイコンフォント／CSSフレームワーク／CSSメタ言語／SassとCompass／ポストプロセッサー／CSS設計／フロントエンドでの軽量化／Emmet／エディタ／構造化マークアップ／Webアクセシビリティ／jQueryのバージョン／Node.js＆ツール／開発者ツールとシミュレーター＜/p＞ ＜p＞■CHAPTER4 サイト構築・管理・運用＜br /＞ プロジェクト管理／CMS／バックエンドでのサイト高速化／サーバの選び方／SEOの最新情勢／ソーシャル対応／Google Analytics／セキュリティ／マーケティングの用語集＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,200 ～
|
 ＜p＞【ご注意：本書は固定レイアウト型の電子書籍です。
ビューア機能が制限されたり、環境により表示が異なる場合があります。
】Webサイトを作ったけど思うように集客できないという悩みを解決するために，訪問者の特性や行動を分析できるGoogleアナリティクスを，初めて使う人にもわかやすくやさしく解説します。
初期設定や基本操作から始まり，データの見方や分析，また改善方法まで，これ一冊でわかります。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
1,958 ～
|
 ＜p＞＜strong＞※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※PDF版をご希望の方は＜a href="gihyo.jp/mk/dp/ebook/2023/978-4-297-13490-7"＞Gihyo Digital Publishing＜/a＞ も併せてご覧ください。
＜/strong＞＜/p＞ ＜p＞＜strong＞【マーケター必読。
7つのステップでLPを改善する方法、教えます！】＜/strong＞＜br /＞ インターネットでの販売において非常に重要なのが、LP（ランディングページ）です。
LPは、SNSや広告等からユーザーを誘導し、商品やサービスを紹介、購入や契約まで持っていくための重要な要素です。
しかし、こうしたLPが本当に有効な形で制作されているかといえば、そうでない例が多々見受けられます。
それは、LPの重要性が認知されておらず、またLPによってコンバージョンへとつなげるための法則を理解することなく作られていることが理由です。
＜br /＞ 本書では、前半で「ネットで売れるか売れないかはLPで決まる」ということを伝え、売れるLPに改善するための7つのSTEPを紹介します。
後半では、それらのSTEPの詳細を解説し、実際に取り組むことによって売れるLPに変身させます。
マーケター必読の1冊です。
＜/p＞ ＜p＞＜strong＞（こんな方におすすめ）＜/strong＞＜br /＞ ・ランディングページを改善したいWeb担当者、Webマーケター、経営者＜/p＞ ＜p＞＜strong＞（目次）＜/strong＞＜br /＞ ◎はじめに＜br /＞ ◎本書の構成＜br /＞ ＜strong＞第1章 なぜランディングページが重要なのか？＜/strong＞＜br /＞ どれだけ広告しても売れない理由＜br /＞ web集客の要ランディングページとは＜br /＞ ランディングページを改善する必要性＜br /＞ LP改善によるメリット＜br /＞ ＜strong＞第2章 売れるランディングページの3要素＜/strong＞＜br /＞ よくあるLP改善と売れるLP改善の違い＜br /＞ 課題を解決するベネフィット＜br /＞ 信用を作るコンテンツ＜br /＞ 買いやすくするオファー＜br /＞ 効果的なLP改善のステップとは＜br /＞ ＜strong＞第3章 LP改善チャレンジSTEP1実践的リサーチ＜/strong＞＜br /＞ STEP1実践的リサーチ＜br /＞ action1 顧客を知るための情報を集める＜br /＞ action2 商品を知るための情報を集める＜br /＞ action3 競合を知るための情報を集める＜br /＞ ＜strong＞第4章 LP改善チャレンジSTEP2テコ入れ対象の整理＜/strong＞＜br /＞ STEP2テコ入れ対象の整理＜br /＞ action1 課題をリストアップする＜br /＞ action2 課題に優先順位をつける＜br /＞ column 課題を正しく特定できれば仕事はうまくいく＜br /＞ ＜strong＞第5章 LP改善チャレンジSTEP3シナリオの再設計＜/strong＞＜br /＞ STEP3シナリオの再設計＜br /＞ action1 シナリオのタイプを選ぶ（顕在層向け）＜br /＞ action2 シナリオのタイプを選ぶ（潜在層向け）＜br /＞ column シナリオが必要ない時とシナリオが必要な時の違い＜br /＞ ＜strong＞第6章 LP改善チャレンジSTEP4ファーストビューエリアの再設計＜/strong＞＜br /＞ STEP4ファーストビューエリアの再設計＜br /＞ action1 キャッチコビーを作る＜br /＞ action2 メインビジュアルを探す＜br /＞ action3 構成案を作る＜br /＞ column 魅力的なファーストビューを作るためのエクササイズ＜br /＞ ＜strong＞第7章 LP改善チャレンジSTEP5オファーエリアの再設計＜/strong＞＜br /＞ STEP5オファーエリアの再設計＜br /＞ action1 オファーを決める＜br /＞ action2 オファーエリアを構成する＜br /＞ column オファーとは異なる割引のことではない＜br /＞ ＜strong＞第8章 LP改善チャレンジSTEP6コンテンツエリアの再設計＜/strong＞＜br /＞ STEP6コンテンツエリアの再設計＜br /＞ action1 興味づけコンテンツを構成する＜br /＞ action2 価値訴求コンテンツを構成する＜br /＞ action3 証拠コンテンツを構成する＜br /＞ column 伝わりやすいコンテンツとはどのようなコンテンツか？＜br /＞ ＜strong＞第9章 LP改善チャレンジSTEP7ランディングページのデザイン＜/strong＞＜br /＞ STEP7売れるランディングページのデザイン＜br /＞ action1 注意を促すデザインにする3つのタスク＜br /＞ action2 理解を促すデザインにする2つのタスク＜br /＞ action3 行動を促すデザインにするタスク＜br /＞ action4 構成案を仕上げる＜br /＞ column 美しいデザインは必要？＜br /＞ ＜strong＞第10章 売れるランディングページを完成させるABテスト＜/strong＞＜br /＞ ABテストが売れるLP改善を成功させる＜br /＞ 売れるLP改善の検証と改善＜br /＞ column テストはいつ終わるのか？＜br /＞ ＜strong＞第11章 ランディングページの成果を最大化する方法＜/strong＞＜br /＞ 顧客化効率をUPするターゲット別LP＜br /＞ 成果を最大化する記事LP＜br /＞ 売れるランディングページからすべてが始まる＜br /＞ ◎おわりに＜br /＞ ◎付録 LP改善入力用シート一覧＜/p＞ ＜p＞＜strong＞(著者プロフィール)＜/strong＞＜br /＞ ＜strong＞平岡大輔＜/strong＞（ひらおかだいすけ）：株式会社テマヒマ（temahima.co.jp/）代表取締役。
マーケティング歴18年。
2015年にマーケティグ脳をつくる会社「株式会社テマヒマ」を創業。
国内のマーケティング力の底上げが、経済を底上げする鍵になると考え、企業のマケティング組織構築支援やマーケターの人材育成を事業展開している。
より直接的な企業支援して、ランディングページ制作を通して企業のマーケティング改善にも取り組んでおり、過去100本以上のランディングページ制作ディレクションし、1000本以上のランディングページへのフィードバックを行ってきている。
座右の銘「マーケティングは一日にして成らず」。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,200 ～
|
 ＜p＞HTML5＋CSS3で多様なデバイスに対応できるWebサイトを制作するために、これから必要とされるデザインの「スタンダード」手法をレシピ方式で徹底解説しました。
＜/p＞ ＜p＞スマートフォンやタブレットの登場により、多様なデバイスに対応できるWebページが求められるようになっています。
その中で、レスポンシブWebデザインをはじめとする考え方が生まれ、Webページに当然のように組み込まれる時代になってきました。
その結果、多様なデバイスに対応したページを効率よく作成していくため、Webページ制作の現場ではワークフローの変化も起きています。
PCブラウザという1つの環境をターゲットに制作できた時代と異なり、現在は膨大な数のデバイスをターゲットに、さまざまな切り口で最大公約数を考えながらページを作成しなければなりません。
従来のデザインカンプを再現する作り方では対応が難しく、ページを動かしながら作り込んでいく必要があります。
そのような現状をふまえ、本書にはこれからのWebページ制作に必要なレシピをできるかぎり詰め込みました。
＜/p＞ ＜p＞本書では、ベースとなるWebページにパーツを組み合わせて配置していくことで、オリジナルのページを作成できるように構成しています。
≪Chapter1〜6≫では、そのパーツの作成について解説します。
ヘッダー、記事、メニュー、フッター、ボタン、フォーム、テーブル、段組みなどそれぞれのパーツと、そのパーツを組み合わせる際のデザインのレシピを、多数のTipsを交えて紹介していきます。
≪Chapter7〜9≫では、それらのパーツを使って実際にページを作成していく方法を解説しています。
レスポンシブWebデザインをはじめとする考え方が当然のものとして扱われている現状に合わせて、CSSフレームワークを利用せずに作るのか、CSS フレームワークを利用して作るのかを選択できるようにしています。
CSSフレームワークとしてBootstrapとFoundationを利用する方法を解説しています。
≪Chapter10≫では、本書収録のパーツとCSSフレームワークを組み合わせて使うことで、どのようなことができるのか、どのくらい作り込むことができるのかを、4例紹介しています。
プロモーションサイト、プロモーションサイトのコンテンツページ、ビジネスサイト、ショップサイトの4例です。
パーツやレシピのデータは本書サポートサイトからダウンロードできます。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
3,168 ～
|
 ご注文前に必ずご確認ください＜商品説明＞「サイトの印象を決定付ける動き」をこの1冊が丸ごとカバー。
jQuery、CSSアニメーションの初心者でもコピペで動く!＜収録内容＞01 サンプルサイトから見る印象に関わる動き02 「動くWebデザイン」の基礎知識03 Webサイトの動きを実現する仕組みと準備04 最低限覚えておきたい現れ方05 背景の動き06 エリアの動き07 画像リンクの動き08 テキストの動き09 イラスト・オブジェクトの動き＜商品詳細＞商品番号：NEOBK-2641861Kubota Ryoko / Cho Sugiyama Akira Akira / Cho / Ugoku Web Design Idea Cho jQuery CSS Animation No Shoshinsha De Mo Kopipe De Ugoku! Jissen Henメディア：本/雑誌重量：540g発売日：2021/07JAN：9784802613231動くWebデザインアイディア帳 jQuery、CSSアニメーションの初心者でもコピペで動く! 実践編[本/雑誌] / 久保田涼子/著 杉山彰啓/著2021/07発売
2,860 ～
|
＜p＞Webサイト，Webアプリケーションをより高速にチューニングするための解説書です。
リッチなWebサイト，Webアプリケーションの増加はとどまるところを知らず，これらの高速化の需要はますます高まってきています。
本書では高速化という課題に対し，きちんと対処できる知識と実力を身に付けます。
基礎となるブラウザのレンダリングから，個別の問題に対する対応例，今後を見据えた設計の基礎などその場しのぎではない本質的な高速化を学びます。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,948 ～
|
 ＜p＞※本書は固定レイアウト型の電子版です＜/p＞ ＜p＞【ランディングページのつくり方には黄金律がある！】＜/p＞ ＜p＞ランディングページは、リスティング広告などから流入したユーザーに商品購入や資料請求といった行動を起こしてもらうコンバージョンを目的として作られており、インターネット広告を効果的に活用するうえで、今や欠かせない存在となっています。
＜/p＞ ＜p＞本書は、一般的なWebサイトの制作とはまったく異なる目的を持つランディングページの制作について、ランディングページ制作の専門家である著者が、実践的かつ詳細に解説したランディングページの教科書です。
Web制作のディレクター、デザイナー、そして企業のWeb担当者などのために、ランディングページならではの設計の考え方、デザイン、コーディング、運用・改善について、具体的な実例を交えながら、詳細にその方法論を解説しています。
＜/p＞ ＜p＞本書の著者である株式会社ポストスケイプは、ランディングページのデザイン・制作・運用支援の「コンバージョン・ラボ」（conversion-labo.jp）を運営しているランディングページのエキスパートです。
本書を読んで実践することで、今まで思うような成果を出すことのできなかったランディングページでも、コンバージョンを上げることができるようになるはずです。
＜/p＞ ＜p＞〈本書の内容〉＜br /＞ ・Chapter 1 ランディングページとは？＜br /＞ ・Chapter 2 ランディングページの事前準備＜br /＞ ・Chapter 3 コンテンツ＜br /＞ ・Chapter 4 ランディングページのデザイン制作＜br /＞ ・Chapter 5 ランディングページのコーディング＜br /＞ ・Chapter 6 ランディングページの運用改善による最適化＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,200 ～
|
 ＜p＞※本書は固定レイアウト型の電子版です＜/p＞ ＜p＞【Webデザイナーとして“やるべきこと”と“やってはいけないこと”をまとめた新しいルールブック】＜/p＞ ＜p＞Webデザインは、サイトの固定的な見映えだけを考えればよいわけではありません。
Webページとして公開される際は、必ずHTML・CSSによるコーディングを経る必要があります。
また、端末によって画面幅も異なりますし、ユーザーの使い勝手も重要です。
さらに、公開後の更新によってはコンテンツの文量も変わるかもしれません。
このようなWebの特性を理解していないと、そもそも実現不可能だったり、ユーザーが使いにくかったり、更新で崩れてしまうようなデザインになりがちです。
＜/p＞ ＜p＞本書では、このようなWebデザインに携わるうえで知っておくべきルールを1冊にまとめました。
Webデザインの基本的な考え方から、デザインデータ作成のノウハウ、納品時の指定、Photoshop／Illustratorの効率的な使い方など、Webデザイナーがプロとして“やるべきこと”と“やってはいけないこと”を網羅しています。
＜/p＞ ＜p＞Webデザインの初心者はもちろん、これまでグラフィックデザインを中心に手がけていた方にもきっと役立つはずです。
Web特有のマナーを踏まえて、手戻りなく、スムーズに後工程が進められるデザイン制作を目指しましょう。
＜/p＞ ＜p＞〈本書の内容〉＜br /＞ ・INTRODUCTION Webサイトをデザインするということ＜br /＞ ・CHAPTER 1 Webデザインの基本的なルール＜br /＞ ・CHAPTER 2 コーディングに困るデザインデータとは＜br /＞ ・CHAPTER 3 わかりやすい納品データの作り方＜br /＞ ・CHAPTER 4 Photoshopの上手な使い方＜br /＞ ・CHAPTER 5 Illustratorの上手な使い方＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,200 ～
|
 ＜p＞Webサイトを【分解】→【組み立て】！＜br /＞ 本格的なWeb制作を追体験して、脱初心者を目指そう＜/p＞ ＜p＞Webサイト制作を始めたばかりのHTML/CSS初心者の前には、＜br /＞ さまざまな壁が立ちはだかります。
＜/p＞ ＜p＞「デザインを思い通りに再現できない」＜br /＞ 「タグやプロパティの組み合わせ方がわからない」＜br /＞ 「ページを組み立てる流れがイメージできない」＜/p＞ ＜p＞もしあなたがこんな課題を抱えていて、＜br /＞ コードを書く手が思うように進まない…と悩んでいるなら、＜br /＞ 本書はぴったりの一冊です。
＜/p＞ ＜p＞本書は、モックアップ（サイトのデザインラフ）をもとに、＜br /＞ サイトの構成要素を【ブロック分解】してから、＜br /＞ ひとつずつコーディングして【組み立てる】…という＜br /＞ 本格的なWeb制作さながらのプロセスを、ハンズオンで学習します。
＜/p＞ ＜p＞【分解】するから、＜br /＞ ・サイトデザインの細かな意図＜br /＞ ・デザイナーが配慮しているポイント がわかります。
＜/p＞ ＜p＞【組み立て】ながら、＜br /＞ ・Web制作の一連の流れ＜br /＞ ・サイトの具体的な作り込みかた がわかります。
＜/p＞ ＜p＞ひとつのサイトを完成形まで作り込む流れを通じて、＜br /＞ デザインラフを的確に再現するための＜br /＞ 実践的なコーディングテクニックが無理なく習得できます。
＜/p＞ ＜p＞■こんなあなたにおすすめ！＜br /＞ ・HTML/CSSの入門書を一冊読み終えた初級者＜br /＞ ・実践的なコーディングテクニックが知りたい、駆け出しのWeb系エンジニア＜br /＞ ・オリジナルのWebサイトを作るための力をつけたい学習者、再入門者＜/p＞ ＜p＞■目次＜br /＞ Ch01 モックアップをブロック分解＜br /＞ Ch02 ファイルの準備＜br /＞ Ch03 HTMLのコーディング準備＜br /＞ Ch04 HTMLのコーディング＜br /＞ Ch05 CSSのコーディング準備＜br /＞ Ch06 CSSのコーディング＜br /＞ Ch07 CSSでのレスポンシブ対応＜br /＞ Ch08 自分のプロフィールページへ＜/p＞ ＜p＞※本電子書籍は同名出版物を底本として作成しました。
記載内容は印刷出版当時のものです。
＜br /＞ ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
＜br /＞ ※印刷出版とは異なる表記・表現の場合があります。
予めご了承ください。
＜br /＞ ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,860 ～
|
 ＜p＞※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。
＜br /＞ また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
＜br /＞ お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
＜/p＞ ＜p＞Webサイトの作成から運用までがこの1冊で分かる! WordPressでゼロからWebサイトを作成しよう!＜br /＞ WordPress最新バージョン5.5.x対応!＜/p＞ ＜p＞近年、ソースコードを書かずにWebサイトやアプリケーションを構築する「ノーコード開発」の流れが加速しています。
＜br /＞ ノーコード開発は、あらかじめ用意されたパーツを組み合わせることにより、短期間・低コストで構築できることが大きな魅力であり、プロの間でも注目を集めています。
＜/p＞ ＜p＞WordPressもまた、バージョン5.0からブロックエディターと呼ばれる機能が搭載され、ブロックを組み立てるように直感的にページを作成することが可能となり、ノーコード開発の流れにシフトしていることがうかがえます。
＜br /＞ もちろん、HTMLやCSSなどのコードを書けたほうが実現できることの幅は広がりますが、小規模なWebサイトであれば、既成のテーマ(テンプレート)とブロックエディターのみで十分に魅力的なWebサイトを作れるようになりました。
＜br /＞ しかし、WordPressがどんなに便利で簡単なツールであっても、基本的な使い方や特徴を知らなければ、途中でつまずいてしまい、思い描いたかたちにたどり着くまでに時間がかかるものです。
＜br /＞ そこで、本書では大切なポイントに重点を置き、具体的なWebサイトの作成例をもとに効率よく学習できるよう手順を工夫して解説しています。
＜br /＞ まずは一度、8章まで順番どおりにサンプルサイトを作成して、WordPressの基本操作としくみを把握しましょう。
＜br /＞ そして、10章では同じテーマを使ってどんなアレンジが可能なのかを知り、自分のWebサイト作りにチャレンジしてみてください。
＜br /＞ 「今すぐ自分の会社のWebサイトを作りたい! 」「知人のお店のWebサイトを作ってあげたい…」そんな方々の一助となれば幸いです。
＜br /＞ (「はじめに」より)＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,398 ～
|
 ＜p＞【ご注意：本書は固定レイアウト型の電子書籍です。
ビューア機能が制限されたり、環境により表示が異なる場合があります。
】webサイト制作者を目指す人が必ず習得しなければならない言語「HTMLとCSS」の記述と，サイト制作の基礎知識から公開・管理方法までを15レッスンで解説。
HTMLパートはコーディングの基本から画像とリンク，リストとナビゲーション，テーブルおよびフォームのマークアップ方法を，CSSパートでは文字のスタイリングからレイアウト手法までを丁寧に解説。
ダウンロードした実習ファイルに記述することで，細かくステップ分けした各単元の内容を手を動かしながら学びます。
専門学校の教壇に立つ著者陣が実際の講義内容を体系立て，さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した，HTML5とCSS3の教科書です。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,948 ～
|
 ＜p＞【ご注意：本書は固定レイアウト型の電子書籍です。
ビューア機能が制限されたり、環境により表示が異なる場合があります。
】Webデザインの現場では必須のツールといえるIllustratorとPhotoshopは，アイコンやSVGの制作，写真の補正や加工など，高度なデザイン作業においては欠かせません。
一方，プロトタイピングの普及でWebデザインのワークフローが変化し，制作工程ではCCライブラリを使ったアセット共有のほか，プロトタイプツール（Adobe XD，Sketchなど）や各種デバイスでの表示確認ツールと連携し，効率よく制作を進めるスキルが重要になっています。
モダンなWebデザイン制作現場の知見を取り入れ，XDを含めた複数ツールの長所を組み合わせて使い分けていく，いままさにWebデザインをしている人のためのAiとPsとXDの活用術のテキストです。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,728 ～
|
 ＜p＞※本書は固定レイアウト型の電子書籍です。
＜/p＞ ＜p＞【Webライターのはじめ方、教えます！】＜/p＞ ＜p＞本書は、「文章を書いて生きていく」ことをマジメに目指してみたい方に向けたものです。
＜/p＞ ＜p＞自分の書いた文章を、たくさんの人に読んでもらいたい。
＜br /＞ 自分の書いた文章を、Web上で発信して原稿料を得たい。
＜/p＞ ＜p＞そんな風に考えている方に向けて、「プロのWebライター」に必要な基本知識や文章の書き方を、なるべく実践的に伝えることを目指しました。
基本的なライティング技術だけではなく、ライターに一番大切な「文章力」の鍛え方、企画・構成、取材のノウハウなども伝える新しい「Webライター必携」が本書です。
＜/p＞ ＜p＞また、いま第一線で活躍中のみなさんがどんな風にして、ライターや編集者の仕事をするに至ったのかを語るコラムも収録しました。
ほかの人より「かっこいい文章」を書いてみたい、副業でライティングの仕事をしてみたい、という方にも、ぜひご一読いただきたい内容です。
＜/p＞ ＜p＞■寄稿コラム＜br /＞ ○若手ライターの活躍の場は紙メディアからWebへ（宮脇 淳）＜br /＞ ○僕が自分の好きなジャンルを仕事にできたワケ（西村まさゆき）＜br /＞ ○地方で暮らしながらWebライターとして活躍するには（田中森士）＜br /＞ ○「未経験不可」の壁を越える転機になったのはブログ記事（吉川ばんび）＜/p＞ ＜p＞〈こんな方にオススメ〉＜br /＞ ・Webメディアやオウンドメディアのライターになりたい！＜br /＞ ・自分の書いた文章を、ネット上で多く人に発信したい！＜br /＞ ・ライティングの技術を磨きたい！＜br /＞ ・文章を書いて原稿料や副収入を得てみたい！＜/p＞ ＜p＞〈本書の内容〉＜br /＞ ■CHAPTER 1 Webライターになるには＜br /＞ ■CHAPTER 2 企画を立てて構成しよう＜br /＞ ■CHAPTER 3 取材をしてみよう＜br /＞ ■CHAPTER 4 文章を書く技術＜br /＞ ■CHAPTER 5 読み直しとリライト＜br /＞ ■CHAPTER 6 インターネットとSNS＜br /＞ ■CHAPTER 7 「書く」以外のスキルを磨く＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
1,980 ～
|
 ＜p＞※本書は固定レイアウト型の電子版です＜/p＞ ＜p＞【そのSEO施策、ホントに効果的？】＜/p＞ ＜p＞これまでのSEOは、検索エンジンの上位に表示されることでユーザーのWebサイトへの訪問がより有利になるという考えのもとに、上位に表示させることだけが目的の検索エンジンのためのテクニックだけが横行してきた側面もありました。
しかし、検索エンジンは「優良なコンテンツ」を検索結果の上位に表示させるよう日々進化し続けています。
もはや、検索エンジン対策だけのための小手先のSEOは通用しなくなってきているのです。
＜/p＞ ＜p＞本書は、日々刻々と進化し続けるSEOについて、これまでの状況を俯瞰して解説します。
まず、正しく検索エンジンを理解することで、これまで行なわれていたスパム的手法、ペナルティの対象となるものなにか。
そして、それはなぜダメなのか。
その上でできる対策とは何なのかを、内部対策・外部対策・コンテンツ対策、そしてと順を追って解説していきます。
＜/p＞ ＜p＞本書はSEO施策の現状について知りたいと考えているWeb制作に携わる方、企業のWeb担当者、SEO施策に興味のあるすべての方のための、新しいSEOの教科書です。
本書を読めば、氾濫するさまざまな情報の中で、今後SEO施策として何を行なえばよいかが明確になるでしょう。
＜/p＞ ＜p＞〈本書の内容〉＜br /＞ ・INTRODUCTION SEOとは？＜br /＞ ・CHAPTER 1 内部対策＜br /＞ ・CHAPTER 2 外部対策＜br /＞ ・CHAPTER 3 コンテンツ対策＜br /＞ ・CHAPTER 4 分析と改善＜br /＞ ・CHAPTER 5 SEOに役立つツール＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,200 ～
|
 ご注文前に必ずご確認ください＜商品説明＞すべての人のためのプロダクトをつくるグーグルは、どのように開発プロセスにダイバーシティ、エクイティ、インクルージョンを組み込んでいるのか?多様化する世界で新たなプロダクトやサービスを開発し、ビジネス的にも成功するベストプラクティスが学べる一冊。
＜収録内容＞すべての人のためにつくる:どうしてプロダクトインクルージョンは大事なのかGoogleで行ったキャップストーン・リサーチ:私たちが学んだものプロダクトインクルージョンの道を照らすのに欠かせない20の質問プロダクトインクルージョンのケースを作成し、同意をとるプロダクトインクルージョンを、仕事の指針を示す原則にするプロダクトインクルージョンを仕事に組み込む見過ごされてきたユーザーを知るプロダクトインクルージョンをアイデア出しのプロセスに組み込む独自のドッグフーディングと敵対的テストプログラムを始めよう!マーケティングをもっとインクルーシブにプロダクトインクルージョンのパフォーマンス測定ヌードカラーの色々:ファッションと小売業におけるプロダクトインクルージョンプロダクトインクルージョンの未来に目を向ける＜商品詳細＞商品番号：NEOBK-2659474Ani Jan = Bateisuto / Cho Hyaku Goda Kaori / Yaku / Google Ryu Diver City & Ink Ru John in Crew Shi Buna Seihin Kaihatsu No Tame No Hoho to Jissen / Original Title: Building for Everyoneメディア：本/雑誌重量：540g発売日：2021/09JAN：9784802512169Google流ダイバーシティ&インクルージョン インクルーシブな製品開発のための方法と実践 / 原タイトル:Building For Everyone[本/雑誌] / アニー・ジャン=バティスト/著 百合田香織/訳2021/09発売
2,860 ～
|
 ＜p＞【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。
文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】＜/p＞ ＜p＞UIデザイナーとして一歩先に行くために＜/p＞ ＜p＞本書はFigmaを使ったデザインシステムの構築方法が学べるチュートリアルです。
「デザインシステムとは何か」から始まり、実践を通して「どのように作るのか」を学べます。
具体的な作例を用いて段階的に構築していくので、「デザインシステムに興味があるけど何から始めてよいかわからない」といった方や、Figmaの初歩的な操作方法を理解している方のステップアップとしても最適です。
「デザインシステムはまだ必要ない」という方でも、本書で解説する機能を使いこなせば、既存のデザインプロセスを改善できるはずです。
＜/p＞ ＜p＞●本書の目的＜br /＞ 1.プロダクト開発全体を効率化し、エンドユーザーへの価値提供に集中する大規模なプロダクトで素早く改善サイクルを回す＜br /＞ 2.デザインの一貫性、拡張性、保守性を向上させる＜br /＞ 3.開発チームのコラボレーションを強化する＜/p＞ ＜p＞〈こんな人のための本です〉＜br /＞ ・Webデザイナー＜br /＞ ・UI/UXデザイナー＜br /＞ ・サービスやプロダクトの開発者＜/p＞ ＜p＞〈目次〉＜br /＞ Chapter 1：デザインシステムを知る＜br /＞ Chapter 2：プロフェッショナルなFigma＜br /＞ Chapter 3：デザインシステムをはじめる＜br /＞ Chapter 4：デザイントークン＜br /＞ Chapter 5：タイポグラフィ＜br /＞ Chapter 6：デザインシステムの拡充＜br /＞ Chapter 7：パターンライブラリ＜br /＞ Chapter 8：実装コードとの連携＜/p＞ ＜p＞※本電子書籍は同名出版物を底本として作成しました。
記載内容は印刷出版当時のものです。
＜br /＞ ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
＜br /＞ ※印刷出版とは異なる表記・表現の場合があります。
予めご了承ください。
＜br /＞ ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
3,080 ～
|
 著者：はせべ れいこ出版社：工学社サイズ：単行本ISBN-10：4875934238ISBN-13：9784875934233■通常24時間以内に出荷可能です。
※繁忙期やセール等、ご注文数が多い日につきましては 発送まで72時間かかる場合があります。
あらかじめご了承ください。
■宅配便(送料398円)にて出荷致します。
合計3980円以上は送料無料。
■ただいま、オリジナルカレンダーをプレゼントしております。
■送料無料の「もったいない本舗本店」もご利用ください。
メール便送料無料です。
■お急ぎの方は「もったいない本舗 お急ぎ便店」をご利用ください。
最短翌日配送、手数料298円から■中古品ではございますが、良好なコンディションです。
決済はクレジットカード等、各種決済方法がご利用可能です。
■万が一品質に不備が有った場合は、返金対応。
■クリーニング済み。
■商品画像に「帯」が付いているものがありますが、中古品のため、実際の商品には付いていない場合がございます。
■商品状態の表記につきまして・非常に良い： 使用されてはいますが、 非常にきれいな状態です。
書き込みや線引きはありません。
・良い： 比較的綺麗な状態の商品です。
ページやカバーに欠品はありません。
文章を読むのに支障はありません。
・可： 文章が問題なく読める状態の商品です。
マーカーやペンで書込があることがあります。
商品の痛みがある場合があります。
1,461 ～
|
 ＜p＞※本書は固定レイアウト型の電子版です＜/p＞ ＜p＞【どうすれば崩れないか、Webページのパーツごとにわかる。
】＜/p＞ ＜p＞スマートフォン、タブレット、PCなど、多様なデバイスでの表示に対応する手法として定着したレスポンシブWebデザイン。
1つのサイトでさまざまな画面サイズに対応できる点が魅力ですが、しっかりと意識してつくらないとレイアウトが崩れたり、UIの機能が損なわれて使いづらくなったりと、問題が起こりがちです。
＜/p＞ ＜p＞本書では最も基本となるレイアウトをはじめ、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルなどのパーツごとにレスポンシブに対応させる実装方法を解説しました。
シンプルなわかりやすい作例をベースにステップ・バイ・ステップ形式で解説していますので、本質的な仕組みを理解できます。
また、掲載コードをダウンロードでき、コピー＆ペーストなどでご利用いただけますので、ご自身のWebサイトに部分的に取り入れたり、ひな型として使用することも可能です。
Googleマップなどの外部API、Webアイコンフォント、遅延読み込みといった周辺技術も取り上げていますので、スマートフォンに対応したサイト制作の傍らでお役立ていただける一冊です。
＜/p＞ ＜p＞〈本書の内容〉＜br /＞ ■Chapter1 基本の確認＜br /＞ レスポンシブWebデザインの基本／アクセシビリティの確保／jQueryについて ほか＜br /＞ ■Chapter2 レイアウト＜br /＞ 1カラムレイアウト／2カラムレイアウト／CSS Flexible Box／タイルレイアウト＜br /＞ ■Chapter3 ナビゲーション＜br /＞ アコーディオン／リスト／パンくずリスト／ドロワー／タブナビゲーション ほか＜br /＞ ■Chapter4 ギミック＜br /＞ カルーセル／モーダルウィンドウ／スムーズスクロール＜br /＞ ■Chapter5 フォーム＜br /＞ フォームのスタイリング／バリデーション／郵便番号検索＜br /＞ ■Chapter6 細かなテクニック＜br /＞ 要素の高さを揃える／画像のトリミング／画像の遅延読み込み＜br /＞ ■Chapter7 API・外部サービスの活用＜br /＞ Googleマップ／Googleカレンダー／Microsoft翻訳／YouTube ほか＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,310 ～
|
 ＜p＞＜strong＞※この商品は固定レイアウト型の電子書籍です。
＜br /＞ ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
＜br /＞ ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
＜br /＞ ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。
＜/strong＞＜/p＞ ＜p＞機能と情緒、二つの側面からサイトのデザインを論理的に導き出すためのプロセスとメソッド＜/p＞ ＜p＞デザイナー、ディレクター、デベロッパー、クライアントなどなど、ウェブ制作に関わるステークホルダー間でウェブデザインに関わる「共通言語」を持ち、より成果物の質を高めるためのガイドブック。
＜/p＞ ＜p＞ウェブの発展につれて、ウェブデザインのワークフローは整備され、表現の幅も広がりました。
しかし、そのウェブがそのデザインになった理由、良いウェブデザインの条件、ウェブデザインにおける「品質」や「理想」といった問題はまだまだ属人的で、感覚的に語られ決定されていることも少なくありません。
＜br /＞ 本書ではそういった現状を踏まえ、ウェブデザインを機能性と情緒性という2つの軸を中心に分析し、体系化することを試みています。
＜/p＞ ＜p＞本書は5つの章で構成されています。
1〜4章はウェブデザインを体系化した理論の解説で、5章はその体系化された理論を実践し、実際にデザインコンセプトを策定する上での具体的な解説をしています。
各章の内容を簡単に記します。
＜/p＞ ＜p＞第1章 ウェブデザインの定義＜br /＞ まずはウェブデザインやウェブデザイン周辺の用語を改めて定義・整理します。
＜br /＞ 第2章 デザインの機能性＜br /＞ そもそもウェブをデザインするということはどういうことを行なっているのか。
ここではウェブデザインの役割の一つ、7つの機能性について解説します。
＜br /＞ 第3章 デザインの情緒性＜br /＞ 機能的なだけではデザインとして不十分です。
機能性と対になるウェブデザインのもう一つの役割である6つの情緒性について解説します。
＜br /＞ 第4章 デザイン要素の分類＜br /＞ 文字・色・形など、デザインが施される対象の要素を8つに分類して解説します。
また、それぞれの要素の属性をどのように変化すると機能性・情緒性にどのように影響を与えるのかも合わせて記載します。
＜br /＞ 第5章 戦略・要件定義フェーズにおけるデザイン作業とデザインコンセプトの立案方法＜br /＞ 機能性・情緒性を使ってデザインコンセプトをどのように策定していくのか、架空のプロジェクトを想定しながら具体的に解説します。
＜/p＞ ＜p＞デザイナーの方には、デザインの方針策定や成果物の言語化のためのツールとして、企業のディレクターやウェブ担当者の方には、ウェブデザインを正しくディレクションし評価する上での「手引き」として、ぜひ役立ててください。
＜/p＞ ＜p＞●目次＜br /＞ 第1章 ウェブデザインの定義＜br /＞ 第2章 デザインの機能性＜br /＞ 第3章 デザインの情緒性＜br /＞ 第4章 デザイン要素の分類＜br /＞ 第5章 戦略・要件定義フェーズにおけるデザイン作業とデザインコンセプトの立案方法＜/p＞ ＜p＞●著者＜br /＞ 金 成奎 Seikei Kin＜/p＞ ＜p＞ネットイヤーグループ株式会社＜br /＞ UXデザイン部 カスタマーエクスペリエンス事業部＜br /＞ シニアアートディレクター ＜/p＞ ＜p＞1978年生まれ。
島根県出身。
＜br /＞ 早稲田大学第一文学部卒業後、ウェブデザイナー/アートディレクターとして事業会社、広告代理店、メディア開発会社などで経歴を重ね、2012年よりネットイヤークラフト (現・ネットイヤーグループ) に入社。
＜br /＞ コーポレートサイト、自治体・交通・学校法人などのサービスサイト、業務アプリケーションなど、大規模リニューアルプロジェクトのビジュアルデザイン・アートディレクションを数多く手がける。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,519 ～
|
 ＜p＞＜strong＞※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※PDF版をご希望の方は＜a href="gihyo.jp/mk/dp/ebook/2023/978-4-297-13578-2"＞Gihyo Digital Publishing＜/a＞も併せてご覧ください。
＜/strong＞＜/p＞ ＜h2＞＜strong＞【クライアントワークで必須のWordPressスキルが身につく！】＜/strong＞＜/h2＞ ＜p＞本書は、WordPressを使ってWebサイトを制作・運用するうえで必須の知識を基本から解説した学習書です。
WordPress 6.xに対応。
＜br /＞ 書籍の前半では、HTML/CSSで作られた静的なWebサイトにWordPressを適切に組み込み、オリジナルのWordPressテーマを作成する手順をわかりやすく解説します。
また、「カスタム投稿タイプ」「カスタムフィールド」「カスタムタクソノミー」といった機能の使い方も紹介。
＜br /＞ 書籍の後半では、管理画面のカスタマイズ、SEO対策、マルチサイト機能、セキュリティ、高速化など、WordPressの運用・管理に関するさまざまなノウハウを取り上げています。
サイトの制作・運用・管理にオススメの各種プラグインについても、設定手順や利用のポイントを丁寧に解説しており、クライアントワークでWordPressを使いこなすためのスキルがしっかり身につきます。
＜/p＞ ＜h2＞＜strong＞■こんな方におすすめ＜/strong＞＜/h2＞ ＜p＞・WordPressによるサイト制作の基本を学びたい人＜br /＞ ・WordPressのオリジナルテーマ作成に興味がある人＜/p＞ ＜h2＞＜strong＞■目次＜/strong＞＜/h2＞ ＜p＞＜strong＞■CHAPTER 1 WordPressの準備と基本設定＜/strong＞＜br /＞ 1-01 WordPress をインストールする＜br /＞ 1-02 管理画面の使い方と初期設定＜br /＞ 1-03 投稿する＜br /＞ 1-04 新規ユーザーの登録とWordPressの権限＜br /＞ ＜strong＞■CHAPTER 2 基本的なテーマを作成する＜/strong＞＜br /＞ 2-01 WordPressのテーマ＜br /＞ 2-02 テンプレートファイルとテンプレート階層＜br /＞ 2-03 WordPressのテンプレートタグ＜br /＞ 2-04 テンプレートを分割する＜br /＞ 2-05 分割したテンプレートを作り込む＜br /＞ 2-06 WordPressループを作成する＜br /＞ 2-07 個別投稿ページを作成する＜br /＞ 2-08 投稿の一覧ページを作成する＜br /＞ 2-09 固定ページを作成する＜br /＞ 2-10 グローバルナビゲーションを作成する＜br /＞ 2-11 テーマを完成させる＜br /＞ ＜strong＞■CHAPTER 3 プラグインを利用する＜/strong＞＜br /＞ 3-01 プラグインで機能を拡張する＜br /＞ 3-02 パンくずリストを作成する＜br /＞ 3-03 メールフォームを作成する＜br /＞ 3-04 投稿一覧のページナビゲーションを作成する＜br /＞ ＜strong＞■CHAPTER 4 Webサイトを拡張する＜/strong＞＜br /＞ 4-01 投稿一覧をコントロールする＜br /＞ 4-02 投稿の詳細ページにコメント欄を追加する＜br /＞ 4-03 独自の固定ページを作成する＜br /＞ 4-04 パスワード保護されたページを作成する＜br /＞ ＜strong＞■CHAPTER 5 投稿タイプ・フィールド・タクソノミーをカスタマイズする＜/strong＞＜br /＞ 5-01 カスタム投稿タイプで投稿できる種類を増やす＜br /＞ 5-02 カスタムフィールドで記事の入力項目を増やす＜br /＞ 5-03 カスタムタクソノミーで独自のカテゴリーやタグを作成する＜br /＞ 5-04 メインビジュアルを更新できるようにする＜br /＞ ＜strong＞■CHAPTER 6 WordPressのブロックエディター＜/strong＞＜br /＞ 6-01 ブロックエディターの基礎＜br /＞ 6-02 ブロックエディターの実践的な使い方＜br /＞ 6-03 ブロックエディターをカスタマイズする＜br /＞ 6-04 theme.jsonでブロックエディターの設定を定義する＜br /＞ ＜strong＞■CHAPTER 7 管理画面をカスタマイズする＜/strong＞＜br /＞ 7-01 管理画面の一覧画面をカスタマイズする＜br /＞ 7-02 メインナビゲーションメニューを使いやすくする＜br /＞ 7-03 権限に応じて管理画面をカスタマイズする＜br /＞ ＜strong＞■CHAPTER 8 高度な機能を活用する＜/strong＞＜br /＞ 8-01 SEO対策をする＜br /＞ 8-02 REST APIを利用する＜br /＞ 8-03 マルチサイト機能で複数のサイトを作成する＜br /＞ 8-04 子テーマを作成する＜br /＞ ＜strong＞■CHAPTER 9 WordPressを効率的に運用する＜/strong＞＜br /＞ 9-01 WordPressを専用ディレクトリにインストールする＜br /＞ 9-02 公開サーバー上でWordPressを運用する＜br /＞ 9-03 プラグインを使って効率的に運用する＜br /＞ 9-04 Webサイトのセキュリティを高める＜br /＞ 9-05 Webサイトを高速化する＜br /＞ ＜strong＞■APPENDIX＜/strong＞＜br /＞ 01 PHPの基礎＜br /＞ 02 よく使うコードを関数にまとめる＜br /＞ 03 WP_Queryのパラメータ＜br /＞ 04 テンプレート階層＜br /＞ 05 主なブロック一覧＜br /＞ 06 主要なオブジェクト＜br /＞ 07 日付と時刻の書式＜/p＞ ＜h2＞＜strong＞■著者プロフィール＜/strong＞＜/h2＞ ＜p＞＜strong＞中島真洋＜/strong＞（なかしままさひろ）：HTML、CSS、JavaScriptなどフロントエンドから、PHPやサーバー構築などサーバーサイドまでWebサイト制作業務全般に携わる。
Webサイト制作を中心に行う株式会社FlipClap 代表取締役。
ミャンマー現地法人 Innovasia MJ Co.,Ltd. 所属。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
3,300 ～
|
 ＜p＞WordPressを使って，会社やお店のホームページを作りたい！でもどうやって作ればいいか分からない…そんな人におすすめするのがこの本です！本書ではオリジナルの高機能なテンプレートを用意しました。
そのテンプレートを使って，きれいで見やすいホームページをかんたんに作ることができます。
HTMLなどの専門知識は不要です。
WordPressの基礎知識から，ホームページを作るうえでのノウハウまで，わかりやすく解説します。
＜/p＞画面が切り替わりますので、しばらくお待ち下さい。
※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。
※このページからは注文できません。
2,178 ～
|
 ご注文前に必ずご確認ください＜商品説明＞「原則×法則」でサイトの価値は劇的に向上する。
freeeでも活用、1 500以上のサービス分析に基づくUI/UX改善の18の法則を掲載。
＜収録内容＞原則1 “HOW”ユーザー心理/行動をとらえる 『ユーザー心理/行動に則って考える』ことがUI/UXデザインの第一歩である(どうしてサービスの魅力がユーザーにうまく伝わらないのだろう?WEB担当者とユーザーのニーズはすれ違う ほか)原則2 “HOW”どう改善するか 『ユーザー心理/行動』をUI/UXデザインに落とし込む(ユーザーニーズに沿って情報を組み立てるユーザー視点で情報をデザインする ほか)原則3 “HOW”どう改善するか(体制とプロセス) UI/UXデザインにおける三方良しをつくる(UI/UXデザインにおける三方良しをつくるユーザーファーストの組織/体制が命運を握る ほか)原則4 応用編 UI/UX思考でこれからのビジネスをデザインする(すべての業務がUXにつながる未来の「当たり前」をとらえよう)＜商品詳細＞商品番号：NEOBK-2547219Hiraishi Masaru Yu / Cho / UI / UX Design No Gensokuメディア：本/雑誌重量：211g発売日：2020/10JAN：9784344926202UI/UXデザインの原則[本/雑誌] / 平石大祐/著2020/10発売
1,320 ～
|
ご注文前に必ずご確認ください＜商品説明＞＜商品詳細＞商品番号：NEOBK-2922211YUI / Cho / Mane Suru Dake De Sense I! CSS Designメディア：本/雑誌重量：600g発売日：2023/11JAN：9784800713209マネするだけでセンスいい!CSSデザイン[本/雑誌] / YUI/著2023/11発売
2,728 ～
|
ご注文前に必ずご確認ください＜商品説明＞＜商品詳細＞商品番号：NEOBK-2922211YUI / Cho / Mane Suru Dake De Sense I! CSS Designメディア：本/雑誌重量：600g発売日：2023/11JAN：9784800713209マネするだけでセンスいい!CSSデザイン[本/雑誌] / YUI/著2023/11発売
2,728 ～
|
           
PCレイアウトで
SPレイアウトで
|
