ベストセラー書でロングセラー書の改訂版！ 人間の行動原理を意識したデザインの提唱で多くのデザイナー、エンジニアに支持され続けるロングベストセラー書の改訂版。わかりやすさはそのままに、ヤル気から感情まで各分野の新しい研究結果を反映して待望のアップデート。デザインは相手から無意識の反応を誘い出すための大事な要素です。人間の行動原理を理解していないデザインは相手を混乱させ目的の結果につながりません。本書では科学的な研究から導き出された、100の指針を例とともにわかりやすく紹介します。人間の思考や行動、遊び方にマッチした直観的で人を引きつけるプロダクトをデザインするための必読書です。

3,190円

インタフェースデザインの心理学 第2版…

基本＋応用＋現場のデザイン。プロとして「独り立ち」する力が身につきます！プロを目指すなら、最初に選ぶ本！ＨＴＭＬ＆ＣＳＳの使い方が全部わかる。

2,860円

初心者からちゃんとしたプロになる　HTML+CSS標準入…

ＵＩ／ＵＸプロジェクトをどうやって進めたらいいのか、どういうプロセスを経て、アプリやＷｅｂサイトの設計に落とし込んでいけばいいのか、現場に出る前は、具体的なイメージを持てずにいる方が多いはずです。本書は、全２巻でＵＩ／ＵＸの具体的なプロセスを学べるガイドブックの「ＵＸデザイン編」です。架空のプロジェクトを題材として、プロジェクトの組み立て方、進行、その時の作業イメージなどを具体的に解説します。筆者が実際に普段のプロジェクトで行っていることがほぼそのまま書かれているので、実践的な知識やスキルが身につきます。擬似的に一つのプロジェクトを体験することができるため、実際にＵＩ／ＵＸプロジェクトを実施するときも、具体的な進行のイメージが思い描けるはずです。さらに、プロジェクトの進行中に迷ったときも、本書に立ち戻って、参照いただける内容になっています。

2,420円

プロセス・オブ・UI/UX［UXデザイン編］ 実践形式で…

いま急速にユーザー数が増えているVisual Studio Code（VSCode）。人気の高さゆえ、ほかのテキストエディタからの乗り換えも進んでいますが、その反面、新世代エディタ特有の高機能さがハードルになっていることもあります。本書は、そのハードルをなくすことを目指した「やさしい、役立つ解説書」です。VSCodeを使ってみたい／使っているユーザーが、もっと便利に使いこなせるようになることを目指し、基本からカスタマイズ、効率アップにつながる操作方法、さらにVSCodeが標準サポートしているGitの使い方まで丁寧に解説しています。

2,640円

Visual Studio Code完全入門 Webクリ…

楽しくやりきる新しいWeb制作の教科書 挫折しない！ Web制作のはじめの一歩として最適な1冊本書は1冊でHTML/CSS/Webデザインの基本を達成感を味わいながらやさしく学ぶことができ、読み終えれば現場ですぐに役立つ実践力が身に付く。1章〜4章が基本編、5章〜6章が実践編。「HTML Living Standard、CSS3」などいま標準の仕様のほか、「Flexboxレイアウト、CSSグリッドレイアウト、レスポンシブデザイン」など最新のトレンドに対応。

2,530円

全部ちゃんと知りたい！ HTML＆CSSの基本とWebデ…

ネット広告の世界では、GoogleやFacebookが備える機械学習（AI）による自動化が進んでいます。その結果、入札やターゲティングの細かな設定によって他社に差をつけることが難しくなり、バナーとランディングページ（LP）をはじめとした「クリエイティブ」の重要性が高まりました。本書はこうした動向を踏まえ、バナーとLPの制作において成果に直結する施策＝“打ち手”を余すところなく紹介。日々ネット広告に取り組むマーケターや運用担当者に向け、あらゆる広告媒体と商材で通用する本質的なノウハウやテクニックを提供します。

2,420円

ネット広告クリエイティブ“打ち手”大全 広告運用者が知る…

「サイトに動きをつける時、同じ内容を何回も検索をしてソースコードを探している」 「サイトで見つけたソースコードをそのままコピペしてみたけど、動かない」 「JavaScriptの本を購入してみたが、実際のサイトにどう組みこめばいいか具体的なイメージがわかない」 「動きの原理を最低限理解して、とにかく早く実務にいかしたい」 本書はWebサイトを動かすことが苦手な右脳系ウェブデザイナーが、サイトを動かす第1歩を踏み出すための「動きの逆引き事典」です。 近年のウェブサイトで使用されている基本的な動きの原理や仕組みをサンプルコードと共に紹介します。

3,080円

動くWebデザインアイディア帳…

管理画面だけで自由にサイトを作れる！これからＷｏｒｄＰｒｅｓｓをはじめる方と最近のＷｏｒｄＰｒｅｓｓにとまどっている方へ。公式テーマベースだからスタンダードな手法で応用も広がる！

2,420円

WordPressの新しい標準レッスン　フルサイト編集＋…

行動経済学、心理学をサービスデザインに活用！ 本書は、行動経済学と心理学をもとに、人々の行動、日常習慣を変えるためのプロダクトをデザインするための書籍です。主に医療（健康管理）、金融（資産管理）など、これまでITプロダクト（サービス、アプリなど）がなかなか使われてこなかった分野を対象に、ユーザーがやりたいと思っていたものの実行できなかったような行動を実現することを助けるプロダクトを作り出すための、実践的な情報を提供します。

3,740円

行動を変えるデザイン…

たくさんのサンプルを動かしながら、Reactの機能を基礎からしっかり、さらにモダンJavaScript、TypeScript、Next.jsによる本格的なアプリ開発まで、この1冊で総合的に学べます。 とことん丁寧でわかりやすく、開発に必要な応用力が身につけられる、必読の入門書です。 最新 React 18以降／Next.js 13以降に対応 Chapter 1　イントロダクション 1-1　ReactとJavaScript 1-2　Reactアプリを開発／実行するための基本環境 1-3　モダンJavaScriptの基本 Chapter 2　Reactの基本 2-1　はじめてのReact 2-2　サンプルアプリの内容を確認する 2-3　JSXの基本 Chapter 3　コンポーネント開発（基本） 3-1　コンポーネントを支える基本概念 - PropsとState 3-2　条件分岐と繰り返し処理 3-3　Props／Stateの理解を深める 3-4　より高度なイベント処理 Chapter 4　コンポーネント開発（フォーム） 4-1　フォーム操作の基本 4-2　Stateにおける構造化データの更新 4-3　検証機能の実装 - React Hook Form Chapter 5　コンポーネント開発（応用） 5-1　組み込みコンポーネント 5-2　コンポーネント開発でのスタイル定義 5-3　コンポーネントのその他の話題 Chapter 6　Reactライブラリの活用 6-1　典型的なUIを実装する - MUI 6-2　コンポーネントの見た目／動作をカタログ表示する - Storybook 6-3　外部サービスからデータを取得する - React Query Chapter 7　フックの活用 7-1　コンポーネント描画／破棄時に処理を実行する - 副作用フック 7-2　さまざまな値への参照を準備する - useRef関数 7-3　状態と処理とをまとめて管理する - useReducer関数 7-4　コンポーネントの複数階層で値を受け渡しする - useContext関数 7-5　ステート管理ライブラリ「Recoil」 7-6　関数、またはその結果をメモ化する - memo／useMemo／useCallback関数 7-7　優先順位の低いState更新を区別する - useTransition関数 7-8　フックの自作 Chapter 8　ルーティング 8-1　React Routerの基本 8-2　ルーター対応リンクの設置 8-3　ルーター経由で情報を受け渡しする手法 8-4　Routeコンポーネントの属性 8-5　ルーティングに関わるその他のテクニック Chapter 9　テスト 9-1　単体テスト 9-2　E2Eテスト Chapter 10　TypeScriptの活用 10-1　TypeScriptの基本 10-2　ReactアプリへのTypeScriptの導入 Chapter 11　Next.jsの活用 11-1　Next.jsの基本 11-2　App Routerの基本を理解する 11-3　応用アプリ「Reading Recorder」を作成する 11-4　アプリの実装を読み解く 11-5　Vercelへのデプロイ

4,400円

これからはじめるReact実践入門…

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

2,860円

HTML＆CSSとWebデザインが1冊できちんと身につく…

オブジェクト指向ユーザーインターフェース（OOUI）とは、オブジェクト（もの、名詞）を起点としてUIを設計すること。タスク（やること、動詞）を起点としたUIに比べて、画面数が減って作業効率が高まり、また開発効率や拡張性も向上する、いわば「銀の弾丸」的な効果を持つ。ブログや雑誌記事などで大きな反響を得たこの設計手法について、前半部では理論やプロセスを詳説。そして後半部の「ワークアウト（実践演習）」では18の課題に読者がチャレンジ。実際に考え、手を動かし、試行錯誤をすることにより、OOUIの設計手法を体得できる。

3,278円

オブジェクト指向UIデザイン──使いやすいソフトウェアの…

高度な技術は不要！スキマ時間に働ける！仕事に困らない！「自由に働き」「必要な額を」らくらく稼ぐ方法。スキルシェアサービスＭＥＮＴＡの人気ナンバーワン講師がノウハウを全公開！

1,650円

副業でもOK！　スキルゼロから3か月で月収10万円　いき…

HTML5,CSS3によるWebページ作成を,例題を通して基礎から学べる入門テキスト。Windows10対応。ステップを踏んだわかりやすい説明と、豊富な問題で構成し、Webデザインの基本を身に付けられる実習書。オールカラー。巻末付録にJavaScriptによるプログラミングの基礎も収録。 1章 Webサイト制作の基礎 　1.Webサイト制作の基礎技術 　 2.Webサイトを製作する前に 　 3.Webデザインの基礎 　 4.Webの配色 　5.Webサイトの制作手順 　6.Webサイト制作の準備 2章 HTMLの基礎 　1.HTMLの基本要素 　2.見出し・段落・強調 　 3.文字要素 　 4.リスト 　5.画像 　6.ハイパーリンク 　7.ページ構造と文書構造の設定 　 8.ページ内リンク 3章 CSSの基礎 　1.CSSの基本 　 2.文字要素のCSS 　 3.背景の指定 　4.ボックスモデル 　5.Webページのレイアウト 4章 Webサイトの制作 　1.Webサイトの企画 　 2.HTMLのマークアップ 　 3.TOPページのデザイン 　 4.問い合わせページ 　5.レスポンシブデザイン 5章 JavaScriptの使用例 付録 JavaScriptの基礎

1,430円

30時間でマスター Webデザイン 改訂版…

本書は、初めてＦｉｇｍａを使用する人、もしくは一度Ｆｉｇｍａを使用したけれども諦めてしまった人が、Ｆｉｇｍａを操作するうえで迷わず効率的にひと通りの操作が行え、成果物が得られることをゴールとしたレッスンで構成しています。基礎編では、Ｆｉｇｍａの概要やアカウントの作成方法、画面構成、共同編集といったＦｉｇｍａを利用する際に知っておくべき前提知識、基本的な操作方法を解説しています。実践編では、Ｗｅｂ・ＵＩデザインはもちろん、Ｉｎｓｔａｇｒａｍ広告のバナーやＹｏｕＴｕｂｅのサムネイル、プレゼン資料・名刺といった紙のデザインまで、幅広いデザインの作成方法を学んでいきます。白紙の状態から成果物の完成までの流れを見ることで、実際にＦｉｇｍａでデザインするための実践的なスキルが身につきます。

2,750円

はじめてでも迷わないFigmaのきほん やさしく学べるW…

「サイトを印象付ける基本の動き」+「世界観を作る動き」を集めた現場で使える実践サンプル集! 「サイトの印象を決定付ける動き」をこの1冊が丸ごとカバーします! 本書は、好評の「動くWebデザイン アイディア帳」の姉妹本です。「動くWebデザイン アイディア帳」がWebデザインで使われる基本的な「動き」を解説していたのに対して、本書では実際にWebサイトの印象を決定付けることができる動きについて解説しています。 前書と同様に、専用サイトから簡単にコードをコピー&ペーストして利用することも可能です!

2,860円

動くWebデザインアイディア帳 実践編…

Webデザイナーやクリエイターから大人気！　 YouTube登録者数6.8万人超の現役Webデザイナー兼フロントエンドエンジニア、　 「HIROCODE.」による初の著書！　 　 デザインとコーディングのスキルが1冊で身につく！　 旬のデザインツール「Figma」の使い方も解説しています。　 　 この本は、知識はないけれども、Webデザインに興味のある方や、　 これからWebデザイナーとしてキャリアをスタートしたい方に向けた入門書です。　 　 Webデザイナーの仕事は、大きく2つに分かれます。　 1つ目は、デザインツールを使ってWebサイトのビジュアルを作成する　 「Webデザイン（デザインカンプ制作）」の仕事。　 2つ目は、そのデザインをHTMLやCSSでWebページに変換する「コーディング」の仕事です。　 　 多くのWebデザイナーは、この2つのスキルを兼ね備えており、どちらも重要なスキルです。　 　 本書では、デザインの基礎知識や、「Figma」を使ったデザインカンプのつくり方、　 そして、そのカンプを「HTML/CSS」を使ってコードに変換するという　 プロとまったく同じ制作フローを体験しながら、　 Webデザインの基礎から実践までをしっかり理解できるように構成しています。　 　 ■こんな人にオススメ！　 ・Webデザインに興味がある初心者　 ・Web制作の仕事に就きたい学生や社会人　 ・技術はもちろん、クリエイティブも重視したい人　 　 ■本書のここがスゴイ！　 ・実際の制作の流れに沿ってポイントが理解できる　 ・デザインツール「Figma」の使い方も学べる　 ・サンプルを使って実際にサイトをつくりながら勉強できる　 ・重要パートは著者による解説動画付き！　 Chapter1　最初に知っておきたいWebサイトの基本　 Chapter2　絶対に知っておきたいWebデザインの基本　 Chapter3　デザインツール「Figma」の基本　 Chapter4　サイトマップとワイヤーフレームをつくろう　 Chapter5　デザインカンプをつくろう　 Chapter6　コーディングの始め方　 Chapter7　HTMLの基本をおさえよう Chapter8　CSSの基本をおさえよう Chapter9　カフェサイトをコーディングしよう

2,750円

ゼロからはじめてプロになる HTML／CSS＆伝わるWe…

三井住友銀行（以下、SMBC）は2016年からインハウスデザイナーを採用し、「UI/UXデザイン」という観点から銀行サービスを変革させ続けています。2019年・2021年にはグッドデザイン賞を受賞しました。本書は、銀行デジタルサービスのリニューアルを担当したインハウスデザイナー3名によるドキュメントです。デザインの必要性・重要性について社内から理解を得るまでの苦労から節目となるアプリのリニューアル、デザインによるDXを社内にどう浸透させているのか、といったデザイナーたちの体験をリアルに描いています。

1,760円

銀行とデザイン デザインを企業文化に浸透させるために…

著者がプロの現場で実際に使っているテクニックを徹底解説！基本から実践テクニックまで、この一冊で完全網羅。ＶＳ　Ｃｏｄｅの拡張機能やｎｐｍ-ｓｃｒｉｐｔｓを使ったコンパイル方法、Ｓａｓｓ独自のインポート方法＠ｕｓｅと＠ｆｏｒｗｏｒｄの使い方、大きく変わった関数の使い方と全関数解説、ＡＩを活用した効率化のアイデアなど。

2,970円

Web制作者のためのSassの教科書 改訂3版　Webデ…

プロを目指すなら、最初に選ぶ本！Ｗｅｂサイトの作り方が全部わかる。読む＋つくる＋覚える。基本からしっかり。最短コースで身につきます！

2,860円

初心者からちゃんとしたプロになる　Webデザイン基礎入門…

Ｗｅｂデザインの基本を短期間でしっかり学習できます！Ｗｅｂデザインの実践に必要な周辺知識を学習できます！いちばんやさしいＷｅｂデザインの入門書です！

2,178円

これからはじめるWebデザインの本改訂2版…

《レイアウトのルールとテクニックと見本帖がまるごと1冊に！》 グラフィックおよびウェブデザインに応用できるレイアウトデザインのルールと、デザインワークのちょい技やアイデアをあつかった書籍。デザイナー的情報整理術から視覚の誘導にまつわるルールとテクニック、紙面・サイトデザインづくりのヒント、ターゲット・メディア別のデザインサンプルやページ構成のアイデアまで、レイアウトについてのすべての“知りたい！”に応える解説書。多様化する媒体（Webサイト、SPサイト、ちらしやカードなどの紙媒体、冊子やカタログなどの見開き紙媒体）、多様化するサイズ（バナー広告からポスター）、横型メディアから縦型（スマホサイト）メディアへの応用力も身につきます。 Web メルマガ 希望ジャンル ■PART.1 レイアウトの基本 （ デザインで大切な2W1Hの法則 ） 伝わるレイアウトとは デザインの進め方 レイアウトのパターン一覧 ■PART.2 レイアウトのルール （ 3つのキーワードと8つのルール ） 判読性 　グループ化 　ライン 　コントラスト 視認性 　メリハリ 　ジャンプ率 　ホワイトスペース 可読性 　書体 　カラー ■PART.3 レイアウトのアイデア （ 33の技とデザインサンプル ） 《法則》 01 グリッドで整然と並べる 02 要素を集める 03 シンメトリーで安定感を出す 04 対比して印象を強める 05 分割して対比効果を高める 06 ビジュアルの中央配置で迫力を出す 07 反復で規則的に配置する 08 逆三角形で緊張感を出す 09 時系列に並べて誘導する 10 引き出し線でアクセントをつける 11 目的に合わせて文字を組む 《動き》 12 文字組みを混在させる 13 切り抜き写真で楽しさを演出する 14 ランダムに配置する 15 数字でリズム感を加える 16 角度をつけてスピード感を出す 17 コマ送りでストーリー性を持たせる 《メリハリ》 18 裁ち落としで印象的に見せる 19 角版・裁ち落とし・切り抜きを使い分ける 20 カラーでアクセントをつける 21 反復くずしでアクセントをつける 22 罫線で区切る 23 コントラストの効果で印象付ける 《ビジュアル》 24 コマ割りで物語を創り出す 25 新聞風デザインを活用する 26 ふきだしデザインを活用する 27 コラージュで楽しい雰囲気に 28 インフォグラフィックで視覚的に伝える 《ターゲット》 29 対象に合わせて書体を選ぶ 30 子ども向けのデザインをつくる 31 シニア向けのデザインをつくる 32 女性向けのデザインをつくる 33 男性向けのデザインをつくる デザインの豆知識

2,420円

知りたいレイアウトデザイン　Second Edition…

1冊でわかる！Web制作の基礎と実践 Web制作を始めたいけれどまず何から学べばいいかわからないという方に、基本の「き」から丁寧に解説します。HTMLやCSSそしてWebデザインの概念を理解したうえで、実際に手を動かしながらWebサイトを制作していきます。キャラクターの会話とわかりやすい図解でやさしく解説しているので、「Web制作って難しそう」「プログラミングは苦手」という方も楽しみながら学べます。

2,200円

できるイラストで学ぶ 入社1年目からのHTML&CSSと…

コーディングに適したプロトタイプが作れる！ 本書はAdobe XDを使った WebデザインとUIのプロトタイピングを、 高品質なサイトを作りながら、 現場のワークフローに沿って学んでいく本です。 ワイヤーフレームの作り方から、 デザインカンプ制作、コンポーネントの管理、 画面遷移の設計、インタラクティブなプロトタイプ制作と共有、 コーディングに必要なデザインスペックの共有、 さらに動きのあるUI設計やプラグイン活用まで、 現場レベルで求められるスキルを、 より実践的な学び方で習得できます。 初学者から、現場経験が浅い新人デザイナー、 さらにグラフィックデザインからWebへキャリアを広げたい方まで、 しっかりWebデザインを学びたい、あらゆる方のための一冊です。 ＊本書は、Adobe XDのバージョン28.6.12.3をベースに書かれています。 ＊Adobe XDをインストールして使用するには、macOS 10.12以降、 またはWindows 10 Creators Update（64ビット）（v1703［ビルド 10.0.15063］以降）が必要です。 Chapter 1　Adobe XDの基本と制作準備 01｜Adobe XDが必要になった背景 02｜Adobe XDの特徴 03｜インストールと環境設定 04｜フォント環境を整える Chapter 2　ワイヤーフレームの制作 01｜制作の準備をする 02｜トップページのワイヤーフレームを作成する 03｜コンポーネントについて理解する 04｜トップページのワイヤーフレームを完成させる 05｜下層ページのワイヤーフレームを完成させる Chapter 3　スマートフォン版デザインカンプの制作（1）トップページ 01｜共通パーツを作成する 02｜トップページデザインの作成 Chapter 4　スマートフォン版デザインカンプの制作（2）下層ページ 01｜下層ページ共通デザインの作成 02｜コンセプトページの作成 03｜製品一覧ページの作成 04｜敏感肌用化粧水ページの作成 05｜よくあるご質問ページの作成 06｜店舗情報ページの作成 07｜「オンラインショップ」セクションの作成 08｜メニューページの作成 Chapter 5　インタラクティブ・プロトタイプの制作 01｜プロトタイプモードに切り替えて作業する 02｜リンクを設定する 03｜共通部分のリンクの設定 04｜メニューページのプロトタイプ Chapter 6　プロトタイプとデザインスペックの共有 01｜プロトタイプを共有する 02｜デザインスペックを共有する Chapter 7　デスクトップ版デザインカンプの制作 01｜デスクトップ版を作成する準備 02｜デスクトップ版トップページを作成する 03｜下層ページの共通部分を作成する 04｜下層ページを作成する Chapter 8　コーディングの準備と画像の書き出し 01｜コーディングの準備 02｜差し替え作業をする Chapter 9　動きのあるUIの制作 01｜自動アニメーションの基本 02｜スクロールダウンアイコン 03｜開閉式のアコーディオンメニュー 04｜ボタンホバー時のアニメーション 05｜アンカーリンク Chapter 10　プラグインの活用 01｜プラグインの使い方 02｜プラグインの紹介

2,750円

Adobe XDではじめるWebデザイン＆プロトタイピン…

テストで実際に成果の出た事例だから本当にユーザーの求めているデザインがわかる。クレディセゾン、ＳＢＩ証券、ヤフー、大東建託、九州旅客鉄道、ヤマハミュージックジャパン、日本ピザハット、ブックオフオンライン…厳選３５事例掲載。

2,728円

2万回のA／Bテストからわかった支持されるWebデザイン…

■初心者にピッタリの1冊 Webデザインの仕事に就きたい、知識を身につけて仕事の範囲を広げたい！ だけど、どこから勉強を始めたらいいのか、いまいちわからない……。 本書はそういった方にピッタリの本です。 ソフトバンクグループの通信制大学、サイバー大学で教鞭をとる中島先生と栗山先生が、Webページ作成の 基本から親切ていねいに教えます。 HTML、CSSを楽しみながら学んでいきましょう。 ■HTMLとCSSの基礎がしっかりわかる HTMLはいわばWebページの骨組みで、何のためのWebページなのかを決定付けるとても大切なものです。サンプルデータを操作しながら読み進めることで、見出しや段落、図表、リンクなど、内容と合ったものが使いこなせるようになります。 CSSは、HTMLで組んだ骨組みに着せていく服のようなものです。見栄えを良くし、服を着替えるようにデザインを変えることもできます。本書では文字の色やフォントを指定したり、画像やアニメーションを配置したり、思うままにページをレイアウトする方法を解説します。 ■デザインの基礎知識が身につく フォント、配色、レイアウトなどがある程度決められているブログと違い、Webページは制作の自由度が高いのですが、初心者にとってはそれが逆にハードルになりかねません。本書では、レイアウト、タイポグラフィ、カラーコーディネートの基本を図解でわかりやすく解説します。これさえ身につけておけば、プロっぽいデザインも可能になります。 ■リアルなサイトで実践！ 基礎が身についたら、実際にWebサイトを制作するための手法を学びましょう。本書では、カフェサイトと観光サイトを例に、実際に手を動かして作っていきます。デバイスにより適切に表示を変えるレシポンシブWebデザインや、近年重視されるSNSとの連携についても解説します。 Chepter1 Webページ作成の基本知識 Chepter2 ページの骨組み、HTML Chepter3 ページを装飾するCSS Chepter4 Webデザインの基本知識 Chepter5 実践！Webサイト制作 Chepter6 Webデザインtips集

2,475円

ゼロから覚えるHTML・CSSとWebデザイン魔法の教科…

本書では、FAQの運営ノウハウを解説します。前著『良いFAQの書き方』では、FAQコンテンツの質を高める書き方にフォーカスしました。しかし、FAQコンテンツはリリースしたら終わりではありません。変化するユーザーのニーズをとらえ、改善し効果を測定し続ける必要があります。本書では、筆者のFAQ運営ノウハウを理論的・具体的にまとめます。

3,278円

良いFAQの育て方──サイト作成・改善・効果測定で成果を…

Webデザイナーとしてやっていくのに必要なすべてを網羅！ Webデザイナーを目指すなら、HTML／CSSの知識とスキルは不可欠です。でも、それだけではありません！ デザインするだけで仕事になるのは、Webデザイナーの中でもほんのひと握り。「Webサイトを作りたいんだけど……」とクライアントに言われて引き受けた案件を無事に納品するには、Webページをデザインする以外にもたくさんの仕事があります。 それを、仕事をしながらひとつずつ調べていくのは負担でしかありません。だから、仕事のすべてを先に学んでおきませんか？ 勉強するのがHTML／CSSだけでは足りません。Webデザイナーで食っていきたいなら、そのすべて学んでおきましょう！ 本書で学ぶのは、案件を引き受けた直後から、納品できる状態のWebサイトを構築するまで。最も最初の段階は、クライアントにヒアリングして要件を定義するところからです。クライアントが作りたいのはコーポレートサイトなのか、ランディングページなのか、オウンドメディアなのか、あるいは別のWebサイトか？正しくクライアントの意図を聞き出して要件を定義するのに、適切な方法を紹介します。 最も重要なのがプロトタイピング。ここでは業界標準のツールである「Figma」の使いこなしが必要です。要件に基づき、クライアントの要望を取り入れながら、Webサイト全体の構成を固めながら、個々のページの動作や遷移を決めていきます。 プロトタイプがきちんと作れれば、HTML／CSSで実装します。デザインの基本は重要ですが、独創性のあるデザインが求められているわけではありません。クライアントが要望するWebサイトやWebページを作るのが重要です。そのために必要な知識と、要望を形にするための最短距離を指南します。仕事ですから、時間は重要。最速で正解に到達するための手法を紹介します。 多くの案件では、デザインして終わりでは済みません。Webサイトとして公開するまでがお仕事です。ただ、Webデザイナーがインフラにもくわしくなれというのは困難です。そこで、WordPressでのサイト構築を武器にしましょう。これなら、専任の管理者がいないクライアントでも運用が可能です。 本書では単なる仕事の紹介ではなく、仕事の進め方だけでもなく、実際に仕事を進めていくうえでの技術的な知識とスキルも身に付けられるよう構成しました。「Figma」「WordPress」といった無料で使えるツールだけでなく、「Illustrator」「Photoshop」にも精通できるよう、また「PHP」「jQuery」など、いずれ知っておくと武器になるWebプログラミングも簡単に紹介しています。 プロのWebデザイナーを目指す人なら、ぜひ本書でその第一歩を踏み出してみませんか。

2,860円

ゼロからはじめるWebデザイナー…

本書は、著者がこれまでに発信してきた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検索結果ページへの対策

3,058円

現場で使える　Webデザインアイデアレシピ…

時系列データはどのように分析されるべきか。分析の“フレームワーク”を基礎から丁寧に解説。

2,750円

時系列分析と状態空間モデルの基礎…

このサイトのデータは 2026/08/06 17:29:18 に楽天APIから取得しました。このサイトで掲載されている情報は shopping.ago-go.org の作成者により運営されています。 価格、販売可能情報は、変更される場合があります。購入時に楽天市場店舗（www.rakuten.co.jp）に表示されている価格が、その商品の販売に適用されます。