割引: ￥ 440 (14%)
Kindle 価格: ￥2,640

(税込)

獲得ポイント:
26ポイント (1%)

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

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

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

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

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

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

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

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

著者をフォローする

伊原力也
フォロー
太田良典
フォロー
何か問題が発生しました。後で再度リクエストしてください。

インクルーシブHTML+CSS & JavaScript: 多様なユーザーニーズに応えるフロントエンドデザインパターン Kindle版

Heydon Pickering (著), 太田良典 (翻訳), 伊原力也 (翻訳), 形式: Kindle版
5つ星のうち3.7 16
すべての形式と版を表示
多様なユーザーニーズや閲覧環境に応える、HTML+CSS & JavaScriptの実装をマスターしよう!

この書籍は、パソコン、スーマートフォン、タブレット、時計、テレビなどのインターネットコンテンツの多様化が進む中で、あらゆる人・検索ロボットやユーザーエージェントなどのマシーンを含む、幅広いターゲットにとって使いやすいコンテンツやインターフェイスのデザインをどのように実現するのかを解説するものです。HTML5、CSS3、JavaScriptといったフロントエンド言語のデザインパターン(プログラムのパターン)を豊富なコンテンツやインターフェイスの実例とともに紹介します。

本書籍は、Web制作者が情報源として利用しているSmashing Magazineで公開された書籍「Inclusive Design Patterns - Coding Accessibility Into Web Design」の日本語訳版です。

目次の詳細は、単行本の目次をご覧ください。

1章 はじめに
2章 ドキュメント全体
3章 パラグラフ
4章 ブログ記事
5章 パターンごとの評価
6章 ナビゲーション領域
7章 メニューボタン
8章 インクルーシブ・プロトタイピング
9章 商品リスト
10章 フィルターウィジェット
11章 登録フォーム
12章 テスト駆動マークアップ
Previous page
  1. 本の長さ
    389ページ
  2. 言語
    日本語
  3. 付箋メモ
    Kindle Scribeで
  4. 出版社
    ボーンデジタル
  5. 発売日
    2017/11/4
  6. ファイルサイズ
    8699 KB
  7. Page Flip
    有効
  8. Word Wise
    有効にされていません
  9. タイプセッティングの改善
    有効
  10. すべての詳細を表示
Next page
Amazon スマイルSALE ゴールデンウィーク 開催中
期間限定！人気商品がお買い得。ポイントアップキャンペーン実施中
Amazon スマイルSALE ゴールデンウィーク を今すぐチェック

商品の説明

出版社からのコメント

HTMLやCSSに関する書籍は、主にレイアウトなどの見た目を実現するためのHTMLやCSSのパターン集が多くなりますが、本書はWebの本質に立った、「あらゆる環境やユーザーにとって使える(つまり除外しない)」WebサイトやWebアプリケーションの実装のアプローチ方法について解説しています。これは、弊社刊行のデザイニングWebアクセシビリティなど限られた書籍でしかアプローチされていません。弊社既刊「デザイニングWebアクセシビリティ」や「コーディングWebアクセシビリティ」をお読みいただいた方は、豊富なコードパターン解説を通じて、実装面の理解をぜひ深めてみてください。

著者について

ヘイドン・ピカリング
実用デザイナー、ライターで講演を行うかたわら、SMASHING MAGAZINEのWebアクセシビリティ担当エディター、The PacielloGroupのコンサルタントも務める。Webをインクルーシブな場所にするための新しい方法や革新的な手段に関心を持ち、ユーザー調査、システム思考、プレーンで昔ながらのセマンティックを持つHTMLといったものすべてを活用する。文章を書いたり、コードを書いたり、イラストを描いているとき以外は、メンタルヘルスに関するキャンペーンを行ったり、サウンドデザインに挑戦したり、自分でデチューンしたSGのコピーギターでドゥームメタルのリフを繰り返し弾いたり。そしていつも、オリジナルレシピのギネスとナガチリで燃料補給している。

太田良典(弁護士ドットコム株式会社)
HTML仕様の翻訳や解説といった個人活動をしながら、2001年よりビジネス・アーキテクツで大規模企業サイトの制作や管理に従事。Web技術の分野で幅広い専門性を持ち、セキュリティ分野においては「第二回IPA賞(情報セキュリティ部門)」を受賞。 アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会(WAIC)の翻訳作業部会主査として活動。 著書(共著)に『デザイニングWebアクセシビリティ』(ボーンデジタル)など。

伊原力也(freee株式会社)
アクセシブルなインタラクションデザインの実践を標榜し、Webサービスやスマートフォンアプリの設計業務に従事。ウェブアクセシビリティ基盤委員会(WAIC)理解と普及作業部会委員としても活動。HCD-Net認定人間中心設計専 門家。クリエイティブユニットmokuva所属。共著書に『デザイニングWebアクセシビリティ』、監訳書に『コーディングWebアクセシビリティ』(ボーンデジタル)。

登録情報

  • ASIN ‏ : ‎ B07B4WLSDK
  • 出版社 ‏ : ‎ ボーンデジタル; 初版 (2017/11/4)
  • 発売日 ‏ : ‎ 2017/11/4
  • 言語 ‏ : ‎ 日本語
  • ファイルサイズ ‏ : ‎ 8699 KB
  • Text-to-Speech（テキスト読み上げ機能） ‏ : ‎ 有効
  • X-Ray ‏ : ‎ 有効にされていません
  • Word Wise ‏ : ‎ 有効にされていません
  • 付箋メモ ‏ : ‎ Kindle Scribeで
  • 本の長さ ‏ : ‎ 389ページ
  • カスタマーレビュー:
    5つ星のうち3.7 16

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
前のページ
  1. 伊原力也

    伊原力也

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

    伊原力也（いはらりきや）

    freee株式会社 デザイナー

    ウェブアクセシビリティ基盤委員会（WAIC）理解と普及作業部会委員、人間中心設計推進機構（HCD-Net） 評議委員

    Webデザイン会社ビジネス・アーキテクツに13年勤務ののち、多様な働き方の実現を目指し2017年10月にfreeeに参加。デザインリサーチ・デザインシステムのマネジメント、およびアクセシビリティ普及啓発を行う。ほか、外部コンサルタントとしてUbie、STUDIO、東京都新型コロナウイルス感染症対策サイトのアクセシビリティ改善を推進。

    著者ページでもっと見る
  2. 太田良典

    太田良典

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

    著者の本をもっと発見したり、よく似た著者を見つけたり、著者のブログを読んだりしましょう

    著者ページでもっと見る
次のページ

カスタマーレビュー

星5つ中3.7つ
5つのうち3.7つ
16グローバルレーティング

この商品をレビュー

他のお客様にも意見を伝えましょう
カスタマーレビューを書く

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

Amazonのお客様
5つ星のうち5.0 アクセシブルなUIを作るための実践的な書籍
2018年2月25日に日本でレビュー済み
Amazonで購入
ヘイドン・ピカリングさんの前書「 コーディングWebアクセシビリティ - WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション 」からもう一歩踏み込んで、アクセシブルなUIを作るためのデザインパターンであったりベストプラクティスについての内容となっています。

アクセシビリティに限った話ではないのですが、HTML、JS、CSSといったクライアントで使われる言語の書籍は、「とりあえず作ってみよう」という初心者向けか、リファレンスに近い内容の書籍がほとんどです(自分の見えている範囲では)。

よって、本書に書かれているコードのように、ユーザーエージェントや支援技術の検証まで子細に行った現場で使えるコードが書籍でまとまって読めるのは非常にありがたいです。

現役のマークアッパーやフロントエンジニアなら読むと必ず身になる内容です。アクセシブルなコーディングであれば、ウェブで検索するとQiitaのエントリーやGithubのリポジトリやStack Overflowの質問がマッチしますが、書かれた時期や人によって内容がまちまちだったりもするので「どれがより確実なんだろう…」と悩むよりはこの本を読んだ方が確実です。

また、日本語版では監訳者の伊原さんと太田さんがこれでもかというぐらい子細に訳注をつけられています。その内容もローカライズに関する内容というよりは補足に近い内容が徹底的に追加されています。freeBSDの文化が分からないとピンとこない「自転車置き場の議論」のような言葉にもしっかり訳注が入っています。

さらに、タイトルに「インクルーシブ」という単語が含まれている通り、インクルーシブデザインを意識した記載がちりばめられており、1章使ってペーパープロトタイピングによるユーザーテストについて書かれていたりもします。

まさか、アクセシビリティの本で「ひっつき虫」という名前を見るとは思っていませんでした…
(ひっつき虫は仮止めなどをするための粘着剤です。ペーパープロトタイピングで使用します)

といった感じで、インクルーシブデザインという、はやりの内容にも触れつつ中身はガチなコーディングについて紹介している本です。「よりよりマークアップをしたい」「正しいマークアップってなんだっけ?」「フォールバックを考慮したCSSやJSを書きたい」と思っている方は読んでみるとよいです。
7人のお客様がこれが役に立ったと考えています
役に立った
 レポート
Wang　Kristin
5つ星のうち4.0 アクセシビリティ入門に最適
2018年2月21日に日本でレビュー済み
Amazonで購入
現役のWebフロントエンドエンジニアです。
他の方も書かれていますが、アクセシビリティ全般について書いた文書の中ではとても分かりやすい部類だと思います。翻訳も翻訳と思えないほど素晴らしいです。

Web-ARIAだけではなく、マークアップの作法やJavaScriptとのかかわりについても触れているので、実際にどうやってアクセシブル（インクルーシブ）なサイトを作るかの大きな参考になります。

フロントエンジニアの知見を１歩広げてくれるいい本だと思います。
個人的にはこの著者のテスト駆動マークアップという考えが好きです。
2人のお客様がこれが役に立ったと考えています
役に立った
 レポート
fujita naoki
5つ星のうち2.0 訳者は原著の意図を理解しているとは思えない。
2018年11月17日に日本でレビュー済み
Amazonで購入
私はフロントエンド分野のプロになりたいわけではないと、立場を明確にしておく。
一方で明瞭な文書や図示は常に求められているので、ドキュメントデザインに関する知識は持っており、それをフロントエンド分野で簡潔に表現する手段を知りたいと感じている。

本文の内容に関しては文句なく☆5つだと思われる。少なくとも私好みではある。
まずデザインと実装を分離して考えている。顧客のためにどのようなデザインやユーザビリティが提供できるかが価値であって過剰なエンジニアリングが価値なのではないと釘を刺している。
インクルーシブ(人を排斥しない)デザインを実現するためには、構造化された文書(html)と人間の認識特性を阻害しないスタイル(css)が重要であり、それを実現するための必要なweb技術を「羅列」ではなく「選別」して語っている。

さてこのデザインの観点から本書を見てみよう。この本にはデカデカとした空白とともに訳注がそこらじゅうについてまわる。悲しいことに訳注という文字のほうが本文のフォントサイズよりも大きい。p.68は1ページ丸ごと訳注で、インデントされていると文書のスタイルから読み取れないので、一見原著者の意見と錯覚してしまうようなデザインになっている。そして僕は訳者が知っていることが聞きたいのではなく、原著者がデザインについてどのように考えどのようなテクニックを使用しているのか知りたかっただけだ。 (p.42のパロディ)
無知ではデザインができないのは確かだろうが、アフォーダンスやマルチモダリティの定義について訳者に教えてもらうことを期待してこの本を買ったわけではない。実際こういう余計なチャチャが、重複は避けよというピカリング氏の警告を事実上無視しており、本文のテンポのよいリズムを破壊している。原著者の本文つまり<main>の中に、訳者の注意書きつまり<footer>を紛れ込ませており、文書としての構造が崩壊している。
伝統的に脚注というのはそのページの下、またはその節の最後にまとめて書くことになっている。原著者をリスペクトするのならばふつうはそうするものだ。この印刷物がそうなっていないのは、単にweb技術で書いていて、それをcssで表現するすべを思いつかなかっただけに過ぎない。
本当に訳者は原著の意図を「解釈」したのだろうか。原著者に対して最新知識でマウントを取ろうとするのは結構だが、デザインの基礎がわかっていない人間に何を解説されても読者には響かないのだ。
そうした訳者の自己満足により☆を1つではなく3つ減らすこととした。
15人のお客様がこれが役に立ったと考えています
役に立った
 レポート
mmm
5つ星のうち5.0 実践にあたり何度も読み返したい1冊
2018年2月27日に日本でレビュー済み
Amazonで購入
アクセシビリティの勉強のために「 デザイニングWebアクセシビリティ - アクセシブルな設計やコンテンツ制作のアプローチ 」の次に読みました。

“「ダメ」ではなく「こうしよう！」を学ぶ本”のキャッチコピー通り、「こういうのはダメ」と判を押すに止まらず、「なぜ良くないのか」「どう解決できるのか（よりインクルーシブにできるか）」が丁寧に解説されています。
ウェブサイトを構成する各要素、見出しひとつにしても、知らず知らずのうちにエクスクルーシブな状態を作っていたかもしれないという気づきと改善案を得ることができました。

ブログ記事、商品リスト、登録フォームなど、頻出のデザインパターンごとに章立てされており、つまみ読みもしやすいです。充実の訳注を含め、読むたびに理解と知識が深まる一冊です。
（手元に置いて読み返すのにちょうどいい、軽くて目に優しい紙質なのもうれしいポイントです）
6人のお客様がこれが役に立ったと考えています
役に立った
 レポート
トーマス５８９０
5つ星のうち1.0 タイムマシンで戻れるなら、買わない本
2019年9月7日に日本でレビュー済み
Amazonで購入
うーん
表紙のデザインとタイトルが良いので期待して買ってしまいました。
返却して、お金返してもらえるなら、そうします。
Bootstrap導入すれば解決できることが多く、そのような問題について、
Bootstrapを導入せずに、CSSを当てる方法が記載されています。
役に立った
 レポート
老眼エンジニア
5つ星のうち5.0 アクセシビリティの初学者から中級者まで存分に活用できる良書
2018年2月27日に日本でレビュー済み
Amazonで購入
表紙のキャッチの『『ダメ」ではなく「こうしよう！」を学ぶ本」にあるとおり、アクセシビリティにまだ馴染みが薄い・いまいち使いどころがよくわからない制作者にとって、「○○を実現するためには△△より□□のほうが向いている（より正しく伝えられる）」「なぜ☓☓はしないほうがいいのか？」という意味付けから理解できる良書。

訳注も非常に充実しており、全体でそこそこのボリュームがあるので、理解しながら一度に全てを読み進めるのは大変だと思う。自分はまず全体にひととおり目を通してから、気になるポイントをリファレンス的に参照し、さらにその前後を読むことで理解を深める使い方をしている。

「アクセシビリティ」という『お硬い（と思われがちな）』ジャンルを扱う書籍として考えると、非常に読みやすい内容だと思う。さらに、本文は細めのウェイトのセリフ体で、行間も若干広めに取られていて眼に優しい（笑）。
8人のお客様がこれが役に立ったと考えています
役に立った
 レポート
ちゃらを。
5つ星のうち3.0 勉強中。
2018年1月9日に日本でレビュー済み
Amazonで購入
素人に毛が生えた程度の自分には勉強になる部分が多い。
ただ、なんとなく範囲が狭いというか、応用するのが難しそうな気がする。
4人のお客様がこれが役に立ったと考えています
役に立った
 レポート
新宅睦仁/SHINTAKU Tomoni
5つ星のうち2.0 理想高きwebデザイナーのみ読むべし
2019年3月10日に日本でレビュー済み
Amazonで購入
「視覚にハンディキャップがある人にも優しいwebサイトを作るには？」というタイトルに変えた方がよい。言いたいことはわかるし、その重要性も理解できるが、現実問題、実務においてそんなことは全く求められない。そう考えると、残念ながらどんな分野においても、ハンディのある人は切り捨てられているのが現実であろう、と。

まじめな話、本書の書かれていることをすべて実践しようと思えば、webサイトの制作コストは少なくとも倍になると思う。

それはともかく、本書は英語版の著書の翻訳なので、そこここに気が利いているんだかいないんだかわからないジョークがあり（こんな作業をしているとスレイヤーを爆音で聞きたくなる等）、それはちょっとおもろかった
2人のお客様がこれが役に立ったと考えています
役に立った
 レポート
問題を報告

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