2014年9月2日ヒカ☆ラボにて特定非営利活動法人エルピーアイジャパン真壁伸志氏にご登壇頂いた際の資料です。

1. 2014年9月2日 19:30～ ヒカラボ
HTML5プロフェッショナル認定資格
HTML5 Professional Certification
のご紹介
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
特定非営利活動法人エルピーアイジャパン
真壁 伸志

2. The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
2
HTML5時代の求められる人材像
各エリアでの高いスキルを保持しつつ、それぞれの領域をクロスオーバーする広範な知識が求められる
Web
デザイナー
（デザインスキル）
サーバーサイド
エンジニア
（構築・運用スキル）
Web
プログラマー
（開発・設計スキル）
LPIC＆OSS-DB
HTML5プロフェッショ
ナル認定
ITの知識
クリエイティブの知識

3. HTML5で作成されたアプリはソフトの変更無くし
て多くの端末に対応。
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
3
ワンソース・マルチユース/マルチデバイス
HTML5が対応しているデバイス
• PC・タブレット端末
• スマートフォン （Android携帯など）
• 電子書籍端末（Kindleなど）
• 最近のテレビ
• 車載システム（カーナビ）
• ゲーム機器

4. The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
4
JavaのHTML5対応
出展：http://www.atmarkit.co.jp/ait/articles/1306/14/news107.html

5. HTML5ベースのSAP Fiori
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
5
デスクトップPCからタブレット、スマートフォンといったモバイル端末まで、さまざまなディバイス上でHTML5対応
出展：http://ascii.jp/elem/000/000/846/846172/

6. HTML5対応 NHK Hybridキャストスタート
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
6
NHK、HTML5対応、過去番組表も利用できる、ネットとテレビの融合

7. HTML5の市場動向 －資格への期待
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
7
取得したいと考えている資格は何ですか？
1位 HTML5プロフェッショナル認定試験（LPI-Japan） 10.6％
2位 Webデザイナー検定（CG-ARTS） 10.1％
3位 ウェブデザイン技能検定（NSPC） 8.5％
4位 Webクリエイター能力認定試験スタンダード（サーティファイ） 7.4％
5位 Webクリエイター能力認定試験エキスパート（サーティファイ） 5.9％
出典:
Webデザイナー白書2013
（2013年12月）

8. The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
8
HTML5プロフェッショナル認定資格とは
• 次世代のWebプロフェッショナルのスキルの向上に貢献するために、
HTML5を活用したWebページやWebアプリケーションなどのデザイン、
設計、構築に関する体系だった知識とスキルを備えたHTML5のプロフェッ
ショナルを中立的な立場で公平かつ厳正に認定する資格制度です。
• Webデザイナー、Webプログラマー、スマートフォンアプリ開発者、サー
バーサイドエンジニアなどの、Web開発プロジェクトやWebサービスに関
わるあらゆるプロフェッショナルが対象です。
• 多くの企業が推進する次世代Web言語の認定資格として、HTML5のプロ
フェッショナルのスキルの向上に役立ちます。
また、企業内や研修機関での『技術力を担保する客観的基準』としても活
用できます。

9. The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
9
レベル1とレベル2の資格体系
認定名： HTML5 Level1 (Markup Professional)
試験名： HTML5 Level1 Exam
この資格の認定者は、下記のスキルと知識を持つWebプロフェッショナルであることを証
明できます。
●HTML5を使って静的なWebコンテンツを作成することができる。
●ユーザビリティ・ビジビリティの高いWEBコンテンツを設計・作成することができる。
●スマートフォンや車載システムなど、様々なデバイスに対応したコンテンツ作成ができ
る。
ベーシックレベル
HTML5プロフェッショナル向け
所要時間：90分
試験問題数：約60問
受験料：¥15,000 （税抜）
認定条件： HTML5 レベル1試験に合
格すること
認定の有意性の期限：5年間
アドバンストレベル
HTML5プロフェッショナル向け
認定名： HTML5 Level2 (Application Development Professional)
試験名： HTML5 Level2 Exam
この資格の認定者は、下記のスキルと知識を持つWebプロフェッショナルであることを証
明できます。
●動的に動作させて高いユーザビリティを実現するリッチユーザインターフェイスアプリ
ケーションを作成することができる。
●マルチデバイスに対応し高パフォーマンスで動作する動的コンテンツを作成することが
できる。
●システム間連携を行いリアルタイムな情報を提供するアプリケーションを作成すること
ができる。
所要時間：90分
試験問題数：未定
受験料：未定
認定条件：HTML5 レベル2試験に合
格し、かつ有意なHTML5レベル1認定
を保有していること。
認定の有意性の期限：5年間
2014年9月24日配信開始

10. Basic認証やDigest認証 HTMLの書式 DNS whois情報 Webサーバ Webプロキシ
データベース 改ざん検知 スクリプト言語 CMS SEO OGP SOAP PPC アドワーズ アフィリエイトなど
適切な記述方法（コンテンツのレイアウト、色、背景、罫線、リスト、テーブル、アニメーションなど）
外部・内部スタイルシート、インラインスタイルシートによる指定 指定プロパティが衝突した場合の優先順位など
HTML5で新たに加わった要素と属性（<section>, <article>, <audio>, <video>, <canvas> など）
HTML5で廃止されたタグ要素と属性（<basefont>, <big>, <center>, <font>, <frame>, <frameset> など
可変レイアウト、viewport、リセットCSS） メディアクエリを利用してスタイルを適用する記述方法
スマートフォンサイト最適化（CSSスプライト、高解像度画面向け対応、script要素のasync属性、defer属性 など
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
10
HTML5プロ認定制度は二つのレベル
マルチデバイスに対応した静的なWebコンテ
ンツをHTML5を使ってデザイン・作成できる。
対象
Webデザイナー
Webシステム
開発者
グラフィック
デザイナー
スマートフォンア
プリ開発者
フロントエンドプ
ログラマー
サーバーサイド
エンジニア
出題範囲
30％
20％
37％
10％
3％
Webの基礎知識 HTTP, HTTPSプロトコル GET, POSTなどのリクエストメソッド
CSS3 <link>や<style>タグによるスタイルシートの指定 各種セレクタの指定 疑似要素 結合子
要素 HTML4.01以前の要素と属性（<HEAD>, <TITLE>, <BASE>, <META>, <BODY> など）
レスポンシブWebデザイン マルチデバイス対応ページ（フルードグリッド・フルードイメージによる
オフラインWebアプリケーション html要素のmanifest属性 キャッシュマニフェスト セクション（CACHE,
FALLBACK, NETWORK） .htaccess MIMEタイプなど

11. 表示制御
ストレージ
通信
Geolocation API
Web Workers
パフォーマンス
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
11
HTML5プロ認定制度は二つのレベル
システム間連携や最新のマルチメディア技術に
対応したWebアプリケーションや動的Webコ
ンテンツの開発・設計ができる。
対象
Webシステム
開発者
Webディレク
ター
スマートフォンア
プリ開発者
サーバーサイド
エンジニア
フロントエンドプ
ログラマー
Webデザイナー
出題範囲
重要度
JavaScript
JavaScript文法 10
WebブラウザにおけるJavaScript API
イベント 8
ドキュメントオブジェクト／DOM 6
ウィンドウオブジェクト 8
Selectors API 4
テスト・デバッグ 2
グラフィックス
Canvas(2D) 6
SVG 1
マルチメディア
video要素,audio要素 2
オフラインアプリケーションAPI
アプリケーションキャッシュの制御 2
Session History and Navigation
History API 3
重要度
Page Visibility 2
Timing control for script-based animations 2
Web Storage 4
Indexed Database API 2
File API 2
WebSocket 2
XMLHttpRequest 4
Geolocation APIの基本と位置情報の取得 2
並列処理の記述 4
Navigation Timing 4
High Resolution Time 1

12. 9校9拠点 （2014年7月現在）
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
LPI-JAPAN HTML5アカデミック認定校

13. The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
13
認定教材
HTML5プロフェッショナル認定資格
レベル１ 教科書
出版社: 株式会社マイナビ
HTML5レベル１ 教科書（2014年9月17日発売）
出版社: 翔泳社

14. サーバ技術＋クライアント技術 ＩＴ技術＋コンテンツ系の能力
クライアント側
ＨＴＭＬ５ ＨＴＭＬ５
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
14
これからの時代におけるＩＴ企業の差別化
OSS-DB ＬＰＩＣ
サーバ側
ＬＰＩＣ
OSS-DB

15. Twitter @html5Cert
The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
15
本試験の情報
http://www.html5exam.jp/
Website
Facebook https://www.facebook.com/html5exam
Pearson VUE
http://www.pearsonvue.com/japan/Registration/index.html
Registration

16. The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/
© LPI-Japan 2014. All rights reserved.
16
Open the Future with HTML5.