マナティ

購入形態

PDF
2,592円
数量:

カートに追加されました。カートを見る

カートに入れる
紙の本を買う

インクルーシブHTML+CSS & JavaScript

多様なユーザーニーズに応えるフロントエンドデザインパターン

ボーンデジタル

多様なユーザーニーズや閲覧環境に応える、HTML+CSS & JavaScriptの実装をマスターしよう!

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

原書のInclusive Design Patterns - Coding Accessibility Into Web Designは2016年10月にドイツ Smashing Magazineから刊行され、高い評価とレビューを得ています。この書籍は、その日本語版として、プロフェッショナル/学生を問わず、今日のWebサイトやWebアプリケーションを設計、デザイン、実装(プログラミング)するあらゆる従事者の方をターゲットに制作しました。


推薦コメント:株式会社サイバーエージェント Webフロントエンドディベロッパー 佐藤歩様

一見して見慣れない「インクルーシブ」という主題だが、フロントエンド開発の本質を実によくとらえている。利用環境がどのような条件下にあっても使用に耐えうる堅牢な実装は、サービスやコンテンツの価値を最大化するために不可欠である。本書が取り扱う事例は決して新奇なものではない。しかし、一般的な事例を「インクルーシブ」な視点から再考することによって、優れたフロントエンド開発者のみが実践してきた秘伝を学ぶことができるはずだ。

発売日:2018-03-05

ページ数:264ページ

目次

1章 はじめに
2章 ドキュメント全体
3章 パラグラフ
4章 ブログ記事
5章 パターンごとの評価
6章 ナビゲーション領域
7章 メニューボタン
8章 インクルーシブ・プロトタイピング
9章 商品リスト
10章 フィルターウィジェット
11章 登録フォーム
12章 テスト駆動マークアップ

著者プロフィール

  • Heydon Pickering(著者)

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

  • 太田良典(監訳)

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

  • 伊原力也(監訳)

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