2021年1月13日開催、 Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」のLTセッションの発表内容です。 実際の発表内容は、以下のYoutubeリンクから視聴可能です。 Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」 - YouTube https://www.youtube.com/watch?v=eX8Lf20ETew 発表内容やアンドパッドに興味を持って頂けた方はぜひ以下もチェックしてみてください。 エンジニア採用サイト｜&ANDPAD（アンドパッド）シェアNo.1 施工管理アプリ｜株式会社アンドパッド https://engineer.andpad.co.jp/

1. © 2021 ANDPAD Inc
ヒューマンインタフェースから考える
アクセシビリティ
株式会社アンドパッド 宮内壮基
2021/1/13 Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」

2. 本日お話する内容
© 2021 ANDPAD Inc.
1. 自己紹介
2. アクセシビリティとユニバーサルデザイン
3. ヒューマンインタフェースを知る
4. アンドパッドの紹介と採用のご案内

3. 自己紹介
宮内 壮基(まさき) / mmiyauchi
株式会社アンドパッド フロントエンドエンジニア
@masaki_miyauchi
マッチングサイト、コンビニ大手、東大発ベンチャー
を経験し、現在はアンドパッドで開発者をやっております
https://mmiyauchi.com🔗
© 2021 ANDPAD Inc.

4. 発表内容の要点
1. アクセシビリティは、設計手法(ユニバーサルデザインなど)に使
われる1つの観点である
2. ユニバーサルデザインは、ヒューマンインタフェースの分野に
内包される設計手法である
3. ヒューマンインタフェースを知ることで、私たちは利用者によ
り良い体験を提供できる
© 2021 ANDPAD Inc.

5. アクセシビリティとユニバーサルデザイン
1. アクセシビリティは、「ユニバーサルデザイン」を行う際に重視され
る考え方の1つ
2. アクセシビリティは、ユニバーサルデザインにおいては、ユーザビリ
ティ(使いやすさ)を考える以前に考慮する観点である
アクセシビリティとは、アクセスのしやすさのこと(※1)
© 2021 ANDPAD Inc.

6. アクセシビリティとユニバーサルデザイン
ユニバーサルデザイン(※2)とは、利用者の属性に関わらず、多くの
人が利用できることを想定した設計のこと(または、設計のプロセ
スのこと)
1. ユニバーサルデザインは、80年代半ばに提唱され、90年代以降「バリア
フリー」の普及を経て、次第に世に普及していった
2. ユニバーサルデザインの設計の各過程においては、特にアクセシビリティ
への配慮をおこなう特徴がある
© 2021 ANDPAD Inc.

7. ヒューマンインタフェース
アクセシ
ビリティ
ユーザビ
リティ
ユニバーサルデザイン
etc
© 2021 ANDPAD Inc.
ヒューマンインタフェースを知る

8. ヒューマンインタフェース
を取り巻く要素
© 2021 ANDPAD Inc.
(※1)より画像を引用
ヒューマンインタフェースを知る

9. クライアントアプリを開発する者にとっては、この分野を知ることは、利用
者の体験の改善に必ず貢献する。
なぜなら、ヒューマンインタフェースは人間工学のテーマの1つだから
アクセシビリティやユーザビリティ改善のため、ヒューマン
インタフェースの分野を知ってみよう
© 2021 ANDPAD Inc.
ヒューマンインタフェースを知る

10. ヒューマンインタフェースの成り立ち
から、業務で使えるアクセシビリティ、
ユーザビリティ改善のための知識が豊
富に掲載されています。
図解が分かりやすいこともあり、時短
でヒューマンインタフェース全般の知
識を得ることができます。
© 2021 ANDPAD Inc.
※Amazon.co.jpより画像を引用
ヒューマンインタフェースを知る

11. Appleの「Human Interface
Guideline」(※4)です。
GAFAの一角、Appleが提唱する、
ヒューマンインタフェースとは
なんぞや？を知ることができま
す。
ここまで精緻な内容で、かつ複
数のデバイス向けのガイドが誰
しも見れる状態にあるのは、珍
しい例かと思います。
© 2021 ANDPAD Inc.
ヒューマンインタフェースを知る

12. 参考文献
詳細な引用の内容はスライド中に明記しておりません。ご了承ください
(※1) イラストで学ぶヒューマンインタフェース 改丁第2版 – 北原義典 著
ISBN-13 : 978-4061538160
(※2) Mace, R (1985). Universal Design: Barrier Free Environments for Everyone. Designers West,
33(1), 147-152. のUDIT社による日本語訳
http://www.udit.jp/report/ud_about/ronmace.html
(※3) THE PRINCIPLES OF UNIVERSAL DESIGN
https://projects.ncsu.edu/ncsu/design/cud/about_ud/udprinciplestext.htm
(※4) Human Interface Guidelines - Design - Apple Developer
https://developer.apple.com/design/human-interface-guidelines/
ユニバーサルデザイン - Wikipedia
https://ja.wikipedia.org/wiki/%E3%83%A6%E3%83%8B%E3%83%90%E3%83%BC%E3%82%B5%E3
%83%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3
© 2021 ANDPAD Inc.

13. アンドパッドの紹介と採用のご案内
社名 株式会社アンドパッド
設立 2012年9月
場所 秋葉原
人数 約190名（内エンジニア：約60名）
© 2021 ANDPAD Inc.

14. アンドパッドの紹介と採用のご案内
開発者のための
プラットフォーム
建築職人のための
プラットフォーム
© 2021 ANDPAD Inc.

15. アンドパッドの紹介と採用のご案内
© 2021 ANDPAD Inc.
🔍「アンドパッド エンジニア」

16. © 2021 ANDPAD Inc
ヒューマンインタフェースから考える
アクセシビリティ
株式会社アンドパッド 宮内壮基
2021/1/13 Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」