Kindle Unlimited
この本を含む500万冊の電子書籍が読み放題。人気のマンガ、雑誌も豊富 詳細はこちら
読み放題
または
10パーセントの割引でUSD 15.52 税込
紙の本の価格： USD 17.24
獲得予定ポイント: +25 pt (1%)
ご請求額:JPY 2,475

ご購入時にプロモーションが適用されます

これらのプロモーションはこの商品に適用されます:

一部のプロモーションは他のセールと組み合わせることができますが、それ以外のプロモーションは組み合わせることはできません。詳細については、これらのプロモーションに関連する規約をご覧ください。

を購読しました。 続刊の配信が可能になってから24時間以内に予約注文します。最新刊がリリースされると、予約注文期間中に利用可能な最低価格がデフォルトで設定している支払い方法に請求されます。
「メンバーシップおよび購読」で、支払い方法や端末の更新、続刊のスキップやキャンセルができます。
次に追加されました:

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

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

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

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

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

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

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

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

  • プロのコーディングが身につくHTML/CSSスキルアップレッスン すぐに活かせてずっと役立つ現場のテクニック

著者をフォロー

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

プロのコーディングが身につくHTML/CSSスキルアップレッスン すぐに活かせてずっと役立つ現場のテクニック

千貫 りこ (著) 形式: Kindle版
5つ星のうち4.3 (61)

【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】

脱・その場しのぎのコーディング！
現場で迷わない実務レベルのテクニックを身につける

HTML/CSSの知識をひと通り身につけて、デザインカンプ通りの実装ができるようになっても、実際の制作現場では、コーディングの選択肢に迷う場面が多々あります。

タグやプロパティについて「どうしてそれを選んだのか」と聞かれたとき、あなたは自信を持って答えることができるでしょうか？

レイアウト手法について、いつも手癖で慣れたものを採用していて、本当にこのアプローチが最適なのか、不安を感じることはありませんか？

本書は、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説します。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。

Web制作には無数ともいえるアプローチがあり、ただなんとなく知識を蓄えているだけでは、実務で求められるコーディングの攻略は困難です。本書を読んで「ただ知っているだけの知識」を「現場で活かせるスキルと自信」に変えましょう。

■解説トピック
・sectionとarticle、どのように使い分ける？
・background-imageではなく、imgを使うべき画像とは？
・カラムレイアウトに適しているのは、float・flex・gridのどれ？
・Class名の位置はどのように判断すればいい？
・運用しやすいコードを書くためには何に配慮する？　　…など

■本書のおすすめポイント
・実際の制作の流れに沿って工程ごとのポイントが理解できる
・キャラクターによるガイドでわかりやすく読み進められる
・「練習サンプル」で手を動かしながら理解できる

■対象読者
・実務で通用するスキルを身につけたいWeb制作会社の新人
・Web制作の仕事に就きたい学生、社会人
・指示される通りのコーディングから脱して、よりよい書き方を知りたい初級者

■目次
Lesson1　デザインカンプを正しく理解する
Lesson2　プレーンなHTMLを作成する
Lesson3　デザイン実装のための情報を追加する
Lesson4　ページのレイアウトを実装する
Lesson5　パーツのデザインを作り込む
Lesson6　レスポンシブ対応する
Lesson7　ワンランク上のコーディングを目指す

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

続きを読む
商品の詳細の前のスライド
  1. 言語
    日本語
  2. 出版社
    翔泳社
  3. アクセシビリティ
    詳細はこちら
  4. 発売日
    2023/1/17
  5. ファイルサイズ
    111.4 MB
  6. Page Flip
    有効にされていません
  7. Word Wise
    有効にされていません
  8. タイプセッティングの改善
    有効にされていません
商品の詳細の次のスライド
この本はファイルサイズが大きいため、ダウンロードに時間がかかる場合があります。Kindle端末では、この本を3G接続でダウンロードすることができませんので、Wi-Fiネットワークをご利用ください。

お買い得タイトル

あなたの購入および読書履歴からのおすすめ
セール&キャンペーンページに行く

出版社より

画像01
画像02

画像03

状況に応じた適切なコーディングがわかる！

いつも迷いがちなタグやプロパティの判断基準をしっかり解説！　制作中のかゆいところに手が届きます。

画像04

手を動かして理解できる練習用サンプル

サンプルコードはダウンロードできるので、手元で実際の表示を確かめながら理解を深められます。

画像05

現場で役立つ実践的な知識もフォロー！

入門書ではなかなか取り上げられない発展的なトピックも解説。Web制作者としておさえておくべき知識がしっかり身につきます。

これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
ホームページ辞典 第7版 HTML・CSS・JavaScript
HTML/CSSブロックコーディング デザインをすらすら再現できる
HTML/CSSの絵本 Webコンテンツ作りの基本がわかる新しい9つの扉
HTML5&CSS3しっかり入門教室 ゼロからよくわかる、使える力が身につく。
HTML教科書 HTML5プロフェッショナル認定試験 レベル1 スピードマスター問題集 Ver2.5対応 (EXAMPRESS)
カスタマーレビュー
5つ星のうち4.3 467
5つ星のうち4.8 16
5つ星のうち4.0 64
5つ星のうち4.1 31
5つ星のうち3.8 18
5つ星のうち3.9 39
価格 USD 15.17 USD 18.62 USD 17.93 USD 13.66 USD 16.41 USD 20.69
発売日 2021/10/14 2026/4/21 2022/11/16 2023/3/22 2018/7/20 2022/12/7

登録情報

  • ASIN ‏ : ‎ B0BN9X7822
  • 出版社 ‏ : ‎ 翔泳社
  • アクセシビリティ ‏ : ‎ 詳細はこちら
  • 発売日 ‏ : ‎ 2023/1/17
  • 版 ‏ : ‎ 第1
  • 言語 ‏ : ‎ 日本語
  • ファイルサイズ ‏ : ‎ 111.4 MB
  • Text-to-Speech（テキスト読み上げ機能） ‏ : ‎ 有効になっていません。
  • タイプセッティングの改善 ‏ : ‎ 有効にされていません
  • X-Ray ‏ : ‎ 有効にされていません
  • Word Wise ‏ : ‎ 有効にされていません
  • ISBN-13 ‏ : ‎ 978-4798176437
  • Page Flip ‏ : ‎ 有効にされていません
  • Amazon 売れ筋ランキング: Kindleストア - 63,171位 (Kindleストアの売れ筋ランキングを見る)
  • カスタマーレビュー:
    5つ星のうち4.3 (61)

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
千貫りこ

千貫りこ

Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.

フリーランスのウェブサイトクリエイター。主な業務は小〜中規模サイトの企画・制作。製造、呉服、美容、医療、作家、NPO法人などクライアントの業種は多岐にわたる。2010年よりプロのクリエイターを対象とした研修業務を開始。現在は大手デジタルマーケティング企業の技術顧問、大学の非常勤講師に従事。制作や書籍執筆業と並行して若手クリエイターの育成をサポートしている。初級〜中級者を対象とした「難しくない解説」が得意。

関連書籍

ページ 1 / 1はじめに戻る
スポンサー
Previous page
  1. Amazonのストアでお買い物 ›
    バカでもできる！コンテンツビシネスで稼ぐ方法
    バカでもできる！コンテンツビシネスで稼ぐ方法
    3.75つ星のうち3.7100
    USD0.62
  2. Amazonのストアでお買い物 ›
    図解 労務入門 人事の土台をゼロからおさえておきたい人のための「理論と実践」100のツボ
    図解 労務入門 人事の土台をゼロからおさえておきたい人のための「理論と実践」100のツボ
    4.25つ星のうち4.271
    USD19.31
  3. Amazonのストアでお買い物 ›
    ライフキャリア：人生を再設計する魔法のフレームワーク
    ライフキャリア：人生を再設計する魔法のフレームワーク
    4.55つ星のうち4.564
    USD12.41
  4. Amazonのストアでお買い物 ›
    「納得の内定」をめざす 就職活動1冊目の教科書 2026
    「納得の内定」をめざす 就職活動1冊目の教科書 2026
    4.45つ星のうち4.447
    USD11.04
  5. Amazonのストアでお買い物 ›
    「最強の一言」Webコピーライティング (ほんの数文字の工夫が「売れるサイト」をつくる！マイクロコピー活用術)
    「最強の一言」Webコピーライティング (ほんの数文字の工夫が「売れるサイト」をつくる！マイクロコピー活用術)
    4.35つ星のうち4.364
    USD13.79
Next page

カスタマーレビュー

星5つ中4.3つ
61グローバルレーティング

日本からのトップレビュー

  • めれんげ
    星5つ中5つ
    理解を深める1冊
    2023年2月15日に日本でレビュー済み
    フォーマット: 単行本（ソフトカバー）
    無料商品のAmazon Vineカスタマーレビュー
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    自設のブログなどのデザインで

    ちょっと使った事がある程度の素人ですが

    意味を理解しながら作業できるので

    大変勉強になる一冊です。

    何をどう変えたら良いのか

    どこのデザインが、どう変わるのか

    今まで手探りだった内容もわかるようになりました。

    ただ初心者にはチョット難しく感じる所もあるので

    スキルアップを目的にした方向けだと思いました。

    2人のユーザーが役に立ったと感じています
    フィードバックを送信中...
    フィードバックをお寄せいただきありがとうございます。
    フィードバックを送信中...
    ありがとうございます。数日中に調査いたします。
  • Amazon レビュアー
    星5つ中5つ
    ２０２３年１月初版本です。フルカラーでとても見やすく写真が多用されていて理解しやすい。
    2023年2月18日に日本でレビュー済み
    フォーマット: 単行本（ソフトカバー）
    無料商品のAmazon Vineカスタマーレビュー
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    コーディングを勉強している方にお勧めの参考書、テクニック本です。

    素敵にアレンジできるコツのようなものがわかりやすく書かれていて非常に参考になります。

    ２５０ページの厚めの本ではありますが、要所が書かれていて、ギュっと１ページに詰め込まれておらず、

    ページに余白も多く、読み進めがしやすいです。

    オールカラー写真、テキスト多用です。

    プレーンな内容から、より良い、ベターな作り方にヒントになるようなことが書かれています。

    2人のユーザーが役に立ったと感じています
    フィードバックを送信中...
    フィードバックをお寄せいただきありがとうございます。
    フィードバックを送信中...
    ありがとうございます。数日中に調査いたします。
  • モノスキ
    星5つ中4つ
    初心者向けと言うより、（最低限知識のある）初級者以上向けのスキルアップ本でしょうか・・？
    2023年2月13日に日本でレビュー済み
    フォーマット: 単行本（ソフトカバー）
    無料商品のAmazon Vineカスタマーレビュー
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    翔泳社さんの本です。

    翔泳社さんと言えば昔ベンダー資格の際にお世話なり、その際にとても役にたった記憶があったのでこちらも試して見ました。

    HTMLとCSSのスキルアップとの事ですが、どちらかと言えば初心者向けでは無く、初級者以上向けの一通り言語や手法・構文等を理解している人向けな感じでした。

    基礎知識があれば中身はカラー写真等で見やすいのと、所々にLet's TRYと言う実際にやってみる練習問題みたいなものがあるのは良いと思います。

    しかしがなら末尾にある索引が普通な感じで、後から「こうしたい」みたいな時に探せる逆引き辞典用の索引もあればもっと良かったと思います。

    （当方の場合、HTMLとCSSは趣味の片手間程度なので、暫くすると手法や構文自体を忘れてしまう事が良くある・・）

    但し、手法や構文を思い出せば成程と思う部分も幾つかあったので参考にはなると思います。

    尚、2023/02/13時点での確認ですが、正誤表に記載はありませんでした。

    評価は現状ですが☆4としています。

    以上

    〇更新履歴

    2023/02/13　初版

    4人のユーザーが役に立ったと感じています
    フィードバックを送信中...
    フィードバックをお寄せいただきありがとうございます。
    フィードバックを送信中...
    ありがとうございます。数日中に調査いたします。
  • Amazon カスタマー
    星5つ中3つ
    ある程度は参考になりましたが
    2025年3月21日に日本でレビュー済み
    フォーマット: 単行本（ソフトカバー）
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    コーディングを極めたい人にはいいかもしれませんが、そうでない方は別の書籍を購入したほうが参考になるかと思います。

    フィードバックを送信中...
    フィードバックをお寄せいただきありがとうございます。
    フィードバックを送信中...
    ありがとうございます。数日中に調査いたします。
  • さ〜
    星5つ中5つ
    スキルアップ用
    2023年2月19日に日本でレビュー済み
    フォーマット: 単行本（ソフトカバー）
    無料商品のAmazon Vineカスタマーレビュー
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    全くの初心者では読み切れないでしょまあ

    題名通りのスキルアップがメインです

    その名の通り、スキルアップ用として最適です

    最低限の知識があれば

    その先に進めます

    オススメです

    3人のユーザーが役に立ったと感じています
    フィードバックを送信中...
    フィードバックをお寄せいただきありがとうございます。
    フィードバックを送信中...
    ありがとうございます。数日中に調査いたします。
  • レオママ
    星5つ中5つ
    練習用サンプルがあったり、調べたいことを索引しやすい
    2023年2月11日に日本でレビュー済み
    フォーマット: 単行本（ソフトカバー）
    無料商品のAmazon Vineカスタマーレビュー
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    厚い本で、丁寧な解説だと思います。

    私の中では分かりやすくて使いやすい。

    ここをこう変えると、という例も多くあり、

    見やすいです。

    練習用サンプルをダウンロードできるようになっていて、

    直接自分で操作して学べるので、

    それがいい勉強になっています。

    調べたい内容を索引も出来るので、

    索引内容を見てから購入でもよさそうです。

    2人のユーザーが役に立ったと感じています
    フィードバックを送信中...
    フィードバックをお寄せいただきありがとうございます。
    フィードバックを送信中...
    ありがとうございます。数日中に調査いたします。
  • どっぺる
    星5つ中5つ
    割と珍しい中級者向けの本でスキルアップに役立ちます
    2023年2月10日に日本でレビュー済み
    フォーマット: 単行本（ソフトカバー）
    無料商品のAmazon Vineカスタマーレビュー
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    世の中には初心者の人に向けた解説書という物は多数存在するものの、中級者や上級者の人に向けた本となると一気に数が少なくなります。

    本書はそんな中級者の(HTMLやCSSの基本はすでに分かっている)人へ向けたスキルアップ書で希少で役に立つ良書と言えます。

    プロのWebサイトクリエイター＆講師として活躍している人の著書なので内容が分かりやすく、Webサイト構築の実務に役立つ内容が多数掲載されています。

    全ページフルカラーでサイトの写真も多め、コードの記載も無駄がなく洗練されていて非常に読みやすいですね。

    なるほどと関心する点が多く、近年読んだ解説書の中では一番役立ちましたし気に入りました。文句無しでおすすめ出来ます。

    なお商品と直接関係はありませんが、近年のAmazon.co.jpでは書籍を単品で注文するとクッションの無い薄い紙の封筒の中に固定もされず防水対策のビニールも無く郵便受けへの投函になります。

    なので本の角が潰れていたり帯がボロボロになっていたり本が濡れていたりという事故がよく起きるので注意が必要です。

    実体験で3割くらいの確率で本にダメージがあります。いい加減改善して欲しい物です。

    2人のユーザーが役に立ったと感じています
    フィードバックを送信中...
    フィードバックをお寄せいただきありがとうございます。
    フィードバックを送信中...
    ありがとうございます。数日中に調査いたします。
  • Kaz
    星5つ中4つ
    プロが困った時の実践本です
    2023年10月18日に日本でレビュー済み
    フォーマット: 単行本（ソフトカバー）
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    表紙に「プロのコーディング」と書いてある通り、初心者向けではありません。

    「教科書」というよりは「仕事で使える本」だと思いました。

    「いくつかの選択肢の中から、その時々で最適なやり方を選ぶ」という考え方は実践的だと感じました。

    自分としては「こちらのやり方が良い」と思ったとしても、お客さん都合とか状況的に許されないこともありますしね。「柔軟に対応できる＝プロのコーディング」ってことなのかな。

    自分の考え方と違うところもありましたが、「引き出しが増えた」と捉えながら読みました。良い意味で、本に書いてあることを鵜呑みにせず、自分の頭で考えるきっかけになった気がします。

    あと、「h1を画像にしている時点で苦笑」というレビューがありましたが、これはかなり昔のSEOですね。今は、ちゃんとしたaltが設定されていれば問題ありません。

    ネット上には間違った情報も多いので気をつけないとですね。

    17人のユーザーが役に立ったと感じています
    フィードバックを送信中...
    フィードバックをお寄せいただきありがとうございます。
    フィードバックを送信中...
    ありがとうございます。数日中に調査いたします。
レビューをすべて見る

問題を報告


この商品には、不適切な内容が含まれていますか?
報告
この商品は、著作権を侵害していると思いますか?
報告
この商品には、品質または書式設定の問題が含まれていますか?
報告