20140902　html5認定試験紹介資料

© LPI-Japan 2014. All rights reserved.

The HTML5 Logo is licensed under Creative Commons Attribution 3.0. Unported by the W3C; http://creativecommons.org/licenses/by/3.0/

HTML5プロフェッショナル認定資格 HTML5 Professional Certification のご紹介

特定非営利活動法人エルピーアイジャパン

真壁伸志

2014年9月2日 19:30～ヒカラボ



2

HTML5時代の求められる人材像

各エリアでの高いスキルを保持しつつ、それぞれの領域をクロスオーバーする広範な知識が求められる

Web

デザイナー（デザインスキル）

サーバーサイド

エンジニア（構築・運用スキル）

Web プログラマー

（開発・設計スキル）

LPIC＆OSS-DB

HTML5プロフェッショナル認定

ITの知識

クリエイティブの知識



3

ワンソース・マルチユース/マルチデバイス

HTML5が対応しているデバイス

• PC・タブレット端末

• スマートフォン（Android携帯など）

• 電子書籍端末（Kindleなど）

• 最近のテレビ

• 車載システム（カーナビ）

• ゲーム機器

HTML5で作成されたアプリはソフトの変更無くして多くの端末に対応。



4

JavaのHTML5対応

出展：http://www.atmarkit.co.jp/ait/articles/1306/14/news107.html



5

デスクトップPCからタブレット、スマートフォンといったモバイル端末まで、さまざまなディバイス上でHTML5対応

HTML5ベースのSAP Fiori

出展：http://ascii.jp/elem/000/000/846/846172/



6

NHK、HTML5対応、過去番組表も利用できる、ネットとテレビの融合

HTML5対応 NHK Hybridキャストスタート



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月）

HTML5の市場動向－資格への期待



8

HTML5プロフェッショナル認定資格とは

• 次世代のWebプロフェッショナルのスキルの向上に貢献するために、

HTML5を活用したWebページやWebアプリケーションなどのデザイン、

設計、構築に関する体系だった知識とスキルを備えたHTML5のプロフェッショナルを中立的な立場で公平かつ厳正に認定する資格制度です。

• Webデザイナー、Webプログラマー、スマートフォンアプリ開発者、サーバーサイドエンジニアなどの、Web開発プロジェクトやWebサービスに関わるあらゆるプロフェッショナルが対象です。

• 多くの企業が推進する次世代Web言語の認定資格として、HTML5のプロフェッショナルのスキルの向上に役立ちます。また、企業内や研修機関での『技術力を担保する客観的基準』としても活用できます。



9

レベル1とレベル2の資格体系

認定名： HTML5 Level1 (Markup Professional) 試験名： HTML5 Level1 Exam

この資格の認定者は、下記のスキルと知識を持つWebプロフェッショナルであることを証明できます。 ●HTML5を使って静的なWebコンテンツを作成することができる。 ●ユーザビリティ・ビジビリティの高いWEBコンテンツを設計・作成することができる。 ●スマートフォンや車載システムなど、様々なデバイスに対応したコンテンツ作成ができる。

アドバンストレベル HTML5プロフェッショナル向け

ベーシックレベル HTML5プロフェッショナル向け

認定名： HTML5 Level2 (Application Development Professional) 試験名： HTML5 Level2 Exam

この資格の認定者は、下記のスキルと知識を持つWebプロフェッショナルであることを証明できます。 ●動的に動作させて高いユーザビリティを実現するリッチユーザインターフェイスアプリケーションを作成することができる。 ●マルチデバイスに対応し高パフォーマンスで動作する動的コンテンツを作成することができる。 ●システム間連携を行いリアルタイムな情報を提供するアプリケーションを作成することができる。

所要時間：90分試験問題数：未定受験料：未定認定条件：HTML5 レベル2試験に合格し、かつ有意なHTML5レベル1認定を保有していること。認定の有意性の期限：5年間

所要時間：90分試験問題数：約60問受験料：¥15,000 （税抜）認定条件： HTML5 レベル1試験に合格すること認定の有意性の期限：5年間

2014年9月24日配信開始



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,

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属性など

FALLBACK, NETWORK） .htaccess MIMEタイプなど



11

HTML5プロ認定制度は二つのレベル

システム間連携や最新のマルチメディア技術に対応したWebアプリケーションや動的Webコンテンツの開発・設計ができる。

対象

Webシステム開発者

Webディレクター

スマートフォンアプリ開発者

サーバーサイドエンジニア

フロントエンドプログラマー

Webデザイナー

出題範囲重要度

　JavaScript文法　　　　　　　　　　　　　 10

　イベント　　　　　　　　　　　　　　　　 8　ドキュメントオブジェクト／DOM　　　　　 6　ウィンドウオブジェクト　　　　　　　　　 8　Selectors API　　　　　　　　　　　　　 4　テスト・デバッグ　　　　　　　　　　　　 2

　Canvas(2D)　　　　　　　　　　　　　　　 6　SVG　　　　　　　　　　　　　　　　　　 1

　video要素,audio要素　　　　　　　　　　 2

　アプリケーションキャッシュの制御　　　　 2

　History　API　　　　　　　　　　　　　　 3

Session History and Navigation

JavaScript　　　　　　　　　　　　　　　

グラフィックス

WebブラウザにおけるJavaScript API

マルチメディア

オフラインアプリケーションAPI

重要度

　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

表示制御

ストレージ

通信

Geolocation API

Web Workers

パフォーマンス



9校9拠点（2014年7月現在）

LPI-JAPAN HTML5アカデミック認定校



13

認定教材

HTML5プロフェッショナル認定資格

レベル１教科書

出版社: 株式会社マイナビ

HTML5レベル１教科書（2014年9月17日発売）

出版社: 翔泳社

http://www.ntts.co.jp/publish/book/index.html#book07















14

これからの時代におけるＩＴ企業の差別化

OSS-DB ＬＰＩＣ

サーバ側

ＬＰＩＣ

OSS-DB

クライアント側

ＨＴＭＬ５ＨＴＭＬ５

サーバ技術＋クライアント技術ＩＴ技術＋コンテンツ系の能力



15

本試験の情報

http://www.html5exam.jp/

https://www.facebook.com/html5exam Facebook

Website

Pearson VUE http://www.pearsonvue.com/japan/Registration/index.html

Registration

@html5Cert Twitter



16

Open the Future with HTML5.

20140902 html5認定試験紹介資料

Engineering

20140902　html5認定試験紹介資料