18パーセントの割引でEUR 13.65
参考価格: EUR 16.70
配送料 EUR 25.26 5月6日 水曜日にお届け
詳細を見る
残り1点 ご注文はお早めに 在庫状況について
EUR EUR 13.65 () 選択したオプションを含めます。 最初の月の支払いと選択されたオプションが含まれています。 詳細
価格
小計
EUR EUR 13.65
小計
初期支払いの内訳
レジで表示される配送料、配送日、注文合計 (税込)。
出荷元
Amazon
Amazon
出荷元
Amazon
支払い方法
お客様情報を保護しています
お客様情報を保護しています
Amazonはお客様のセキュリティとプライバシーの保護に全力で取り組んでいます。Amazonの支払いセキュリティシステムは、送信中にお客様の情報を暗号化します。お客様のクレジットカード情報を出品者と共有することはありません。また、お客様の情報を他者に販売することはありません。 詳細はこちら
ギフトオプション
レジで利用可能
レジで利用可能 この商品はギフトです。変更
レジで、カスタムメッセージ、簡単返品のギフト領収書を追加して、商品をギフト包装することができます
次に追加されました:

申し訳ありません。問題が発生しました。

ウィッシュリストの取得中にエラーが発生しました。もう一度やり直してください。

申し訳ありません。問題が発生しました。

リストを利用できません。
Kindleアプリのロゴ画像

無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません

ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。

携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。

KindleアプリをダウンロードするためのQRコード

  • 現場で使える Webデザインアイデアレシピ (Compass Web Development)

著者をフォロー

新刊とおすすめタイトルの情報を入手
何か問題が発生しました。後で再度リクエストしてください。

現場で使える Webデザインアイデアレシピ (Compass Web Development) 単行本(ソフトカバー) – 2022/1/31

5つ星のうち4.2 (104)

{"desktop_buybox_group_1":[{"displayPrice":"EUR 13.65","priceAmount":13.65,"currencySymbol":"EUR","integerValue":"13","decimalSeparator":".","fractionalValue":"65","symbolPosition":"left","hasSpace":true,"showFractionalPartIfEmpty":true,"offerListingId":"HVOjfiLkB2Bqrzc8LE%2FLfUyeRxYbFQp%2F9C9tEiEnxPMzagXKGhONBKtBvizouo8rppMLDF21pg8o16sNNK3r6h3X2ECX7cu9uk3OYFNhgzpzn0ZdFD58oHtWwyIqzKigcL%2FBel%2FQiqXihuaIQg8JMr2kgv7st%2FLMl%2BAehLGsfL9j5Lo7cpyP95UYZmfkw%2FrA","locale":"ja-JP","buyingOptionType":"NEW","aapiBuyingOptionIndex":0}]}

購入オプションとあわせ買い

HTML&CSSで表現するシンプルで使いやすいデザイン。

本書はWeb制作Tipsを一冊にまとめて、具体的な実装方法を解説した書籍です。「デザインを見ただけで必要なHTMLタグとCSSコードをイメージし、実装できるようになる」をテーマに、画像とともに詳しく解説します。
最大10%ポイント還元:
紙書籍 まとめ買いキャンペーン

よく一緒に購入されている商品

対象商品: 現場で使える Webデザインアイデアレシピ (Compass Web Development)
EUR13.65
最短で5月6日 水曜日のお届け予定です
残り1点 ご注文はお早めに
この商品は、mabksyo(24時間発送対応)が販売し、Amazon Fulfillment が発送します。
+
EUR16.82
残り9点(入荷予定あり)
この商品は、Amazon.co.jpが販売および発送します。
+
EUR15.62
残り11点(入荷予定あり)
この商品は、Amazon.co.jpが販売および発送します。
総額: $00
当社の価格を見るには、これら商品をカートに追加してください。
ポイントの合計: pt
詳細
追加されました
これらの商品のうちのいくつかが他の商品より先に発送されます。
一緒に購入する商品を選択してください。

出版社より

デザイン
デザイン
デザイン

商品の説明

出版社からのコメント

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検索結果ページへの対策

著者について

小林 マサユキ
サイト制作の現場で使えるTipsやアイデアをSNS上で発信しているWebデザイナー。 (Twitter :@pulpxstyle)

登録情報

  • 出版社 ‏ : ‎ マイナビ出版
  • 発売日 ‏ : ‎ 2022/1/31
  • 言語 ‏ : ‎ 日本語
  • 本の長さ ‏ : ‎ 288ページ
  • ISBN-10 ‏ : ‎ 4839977356
  • ISBN-13 ‏ : ‎ 978-4839977351
  • 商品の重量 ‏ : ‎ 630 g
  • 寸法 ‏ : ‎ 18.3 x 2.3 x 23.4 cm
  • Amazon 売れ筋ランキング: 本 - 444,132位 (本の売れ筋ランキングを見る)
  • カスタマーレビュー:
    5つ星のうち4.2 (104)

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
小林 マサユキ
Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.

Webサイト制作をメインにサイト設計からデザイン、コーディングまでをワンストップで請負うフリーランスWebデザイナーとして活動。シンプルで伝わりやすいデザインを得意とし、中小企業のコーポレートサイト制作を主として制作中。著書『現場で使えるWebデザインアイデアレシピ(マイナビ出版)』は日本以外に韓国や中国で翻訳版を刊行。Twitter(@pulpxstyle)では自身の経験から得た制作の現場で使えるアイデアを発信中。

https://buildstd.com/

カスタマーレビュー

星5つ中4.2つ
104グローバルレーティング

上位レビュー、対象国: 日本

  • 2025年6月29日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    おしゃれなデザインが分かりやすく図解されていて、非常に使いやすいです。
    HTML CSS初心者なので、とても助かりました。
    1人のお客様がこれが役に立ったと考えています
    レポート
  • 2022年3月21日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    web上でいろんな表現が出来ることをまとめられているのはとてもよい。ただCSSの基本をある程度マスターしていないと使いにくいのかなと。なのでCSSの基本を学んでから使うのが良いのかも。
    2人のお客様がこれが役に立ったと考えています
    レポート
  • 2022年11月9日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    実務ではコーディングにもデザインにもアイデアのヒントなったり、行き詰まった時はこの本で調べたりと手元において活用しています!説明も簡潔でとてもわかりやすいです。
    4人のお客様がこれが役に立ったと考えています
    レポート
  • 2022年7月20日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    サポートサイトはありますが、画像での表示なので、実際の動きがわかりません。
    実際にコードの動きを見るには、HTMLファイルとCSSファイルを用意して、それをコピペしてから、やっと動作を確認できるという面倒くささがあります。
    アイデアレシピとしては、使えるのでありがたく使わせていただきます。
    3人のお客様がこれが役に立ったと考えています
    レポート
  • 2023年3月24日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    自分のCSS装飾に古臭さを感じていて、モダンな手法も取り入れたいなぁと駅前の大きめの本屋さんで何冊か物色してこの本にたどり着きました。

    疑似要素(::before, ::after)をposition で装飾したい要素の前後に重ね、それら疑似要素に装飾を加えることで、普通のCSSでは実現しない装飾を可能としています。つまりCSSの当たり前な使い方ではなくひねった使い方です。

    それらは私がしたことの無い手法だったので大いに参考になり、さっそく取り入れさせてもらったところ非常に満足いくものを作ることができました。

    ところでこの本は初心者向けではないと思います。CSSをひねった使い方をすることで非常にモダンな見栄えをシンプルなコードで実装できるのは非常にすばらしく、さらにそれを数値や色を多少変えることは初心者でもできるとは思いますが、それをアイデアのベースにして本に無い新たな装飾を思いつくとなるにはそれなりのベテランでなければ無理だと思います。

    逆にベテランがこの本を読むと「おお!」と思うところが多いんじゃないかなと思いました。少なくとも私はそうです。

    で、本で買うかKindleで買うか最後まで悩んで本で買ったのですがKindleで買うべきだったなぁと思います。

    というのが、コードをテキストエディタで手打ちでガシガシ入れていくのですが、本を開いたまま横に置いておくのに非常にてこずりまして……。これがタブレット&Kindleなら簡単なんですよね~。あるいはPC版のKindleで開いておく手もありますし。
    9人のお客様がこれが役に立ったと考えています
    レポート
  • 2022年2月3日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    Twitterでいつも参考にさせていただいてました。
    それがこのように本になり、いつでも手元に置けるのがとても嬉しいです!
    こんなことが出来るんだ!?ってびっくりするものがたくさんで、とても勉強になります。
    大切に丁寧に作られた本だということがよくわかります。
    いつか、小林さんのwebデザイン制作の流れや、こだわりなどの本も出版してほしいです(^^)
    (レシピ本も期待...)

    本大切にします。
    11人のお客様がこれが役に立ったと考えています
    レポート
  • 2022年2月3日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)
    クライアントさんから、「ちょっとここ寂しいんでなんかして下さい」みたいなフワッと要望を一気に片付けてくれる1冊です。

    また単に「装飾」というデザインにとどまらず、フォーム周りの「こうあるべきUIってどう組むんだっけ問題」がとても良くまとめられています。
    サンプルコードが貰えるので時短にもなるし、特に初心者コーダー&デザイナーさんは手元に置いておくと重宝する1冊です。
    7人のお客様がこれが役に立ったと考えています
    レポート
  • 2022年2月23日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    ちょっと、図形づくりにかたよってるかも。
    8人のお客様がこれが役に立ったと考えています
    レポート