HTML5プロフェッショナル認定試験 レベル2 ポイント解説無料セミナー

HTML5

ョ

認定試験

ベ

2

ン 解説無料セ

ー

LPI-Japan

主催

株式会社　生形可奈子

事業内容

HTMばす

開発環境 Monaca

ネ

開発

生形　可奈子 うぶ

・

•

講師・

ン

•

元 ン



HTMばす

ョ

認定試験

•

概要

•

試験範囲



頻出

ン 解説

•

のaェaScィipt

ータ型

•



特定非営利活動法人ばPIけのapan 実施

HTMばす

び周辺技術 知識 ベ

を測 認定制度



試験 難易度を示 2種類

ベ

あ

段階的 受験

•

ばらェら」1 

チ

対応

静的 Wらbコン ン を HTMばすを使

ン 作

成

ベ

•

ばらェら」2

間連携や最新

チ

術 対応

Wらb

ー ョンや動的

出題範囲

重要度

のaェaScィipt

のaェaScィipt文法

★★★★★★★★★★ 10

Wらb

のaェaScィipt API

ベン

★★★★★★★★ 8

キュメン

／とOM

★★★★★★ 6

ン

★★★★★★★★ 8

Sらlらctoィイ API

★★★★ じ

出題範囲

重要度

でanェaイ(2と)

★★★★★★ 6

SVに

★ 1

チ

ェidらo要素,aウdio要素

★★ 2

ン

ー ョンAPI

ー ョンキャッ ュ 制御

★★ 2

Sらイイion Hiイtoィオ anよ Naェiるation

出題範囲

重要度

表示制御

Paるら Viイibilitオ

★★ 2

Timinる contィol りoィ イcィipt‒baイらd animationイ

★★ 2

ー

Wらb Stoィaるら

★★★★ じ

Indらxらd とatabaイら API

★★ 2

出題範囲

重要度

通信

WらbSockらt

★★ 2

XMLHttpRらアウらイt

★★★★ じ

にらo」ocation API

にらolocation API 基本 位置情報 取得

★★ 2

Wらb Woィ「らィイ

出題範囲

重要度

ー ン

Naェiるation Timinる

★★★★ じ



試験方式 コン ュータベー

でてT

試験配信会

社

ソンVUど を通

受験

問題数

じ0～じ5問

試験時間

90分

合格

ン

約7割

回答方式

殆 が選択式 複数回答あ

記述式も１問程度

コー

ー

ン 問題が多い



代表的

ータ型

型 分類

代表的 型

型

１

値

を持

数値 文字列 論理値

型

集合体

関数 配列



以下 実行結果 ？

問題：

型 対

を指定

console.log("hoge".length);

•

じ

•

nウ」」

•

ウnよらfinらよ



ー

 … 

型 対応

"hoge".length

型

ー

数値

Nウmbらィ

文字列

Stィinる

論理値

てoo」らan

上記

う 記述

型 文字列

ー



以下 実行結果 ？ tィウら こ りa」イら

問題：

型

ー

比較

var a が "hoge";

var b が new String("hoge");

console.log(a

がが

b);



以下 実行結果 ？ tィウら こ りa」イら

var a が "hoge";

var b が new String("hoge");



以下 実行結果 ？ tィウら こ りa」イら

問題：値 比較 参照 比較

var a が

"hoge"

;

var b が

"hoge"

;

console.log(a がが b);



以下 実行結果 ？ tィウら こ りa」イら



型 値そ も を比較



型 参照

い

同 も

う を

比較

a

b

a

b

"れoるら"

"れoるら"

var a が new String("hoge");

var b が a;

console.log(a がが b);

こ 場合 同

を



ソ

•

要素

数値や文字列

値

く

関数も代入

•

値

を

関数

を

ソ

いう

値

関数



以下 実行結果 ？

var obj が {

name: "hoge"

れ;

delete

obj.name;

console.log(obj.name);

•

nウ」」



Objらct

べ

ベー

い

Objらct

Stィinる



以下 実行結果 ？

var array が な10, 20, 30];

arrayな

9

] が 99;

console.log(array.length);

•

し

•

じ

•

10

0

1

2

10 20 30

9

99



ン

連番

く も割 振



tれiイ

自分自身

を指

var

obj1

が {

name: "hoge",

func: function() {

console.log(

this

.name); // hoge

れ

れ;



ca」」こapp」オ

tれiイ 指

を変更

var obj1 が {

name: "hoge",

func: function() {

console.log(

this

.name); // fuga

れ

れ;

var

obj2

が {

name: "fuga"

れ;



以下 tれiイ 何を指 ？

<script>

console.log(

this

);

</script>

•

nウ」」



りウnction命令文

function func(message) {

alert(message);

れ

func("hello");



関数

var func が

function(message) {

alert(message);

れ

func("hello");

•

りウnc いう変数 関数を代入

い



即時関数

(

function(message) {

alert(message);

れ

)

(

"hello"

)

;



以下 実行結果 ？

for(var i が 0; i か 3; i++) {

var a

が "hoge";

れ

console.log(

a

);

•

ー

•

ウnよらfinらよ

•

nウ」」



のaェaScィipt

コー

い

var a

が 10;

// a グローバル変数

こ ら も参照可

function func1()

{

var b

が 20;

function func2()

{

var c

が 30;

れ

れ

•

コー

作

関数内



以下 実行結果 ？

var a

が "global";

function func() {

console.log(

a

);

var a

が "func";

れ

func();

•

ー

•

ウnよらfinらよ

•

"る」oba」"



ホ

ン

変数 巻 上

var a が "global";

function func() {

var a;

console.log(a);

a が "func";

れ

•

関数 途中 宣言さ

変数

関数 先頭 巻 上

宣言さ

•

初期値

代入さ

い 値 巻 上

い



ガベー コ

ョン

もう参照さ

く

領域を

自動的 解放

機能

var func が function() {

var a が 0;

console.log(++a);

れ;



ガベー コ

ョン

もう参照さ

く

領域を

自動的 解放

機能

var func が function()

{

var a

が 0;

console.log(++a);

れ

;

func(); // 1

func(); // 1



ガベー コ

ョン

もう参照さ

く

領域を

自動的 解放

機能

var func が function() {

var a

が 0;

console.log(++a);

れ;

func();

// 新しくa 作ら 、消去さ

func();

// 新しくa 作ら 、消去さ

関数が最後ま 実行 終わっ

、

関数内 ロー

変数 不要

っ



ー

変数を参照 続

状態を保持

仕組

var func が (function() {

var a が 0;

return function() {

console.log(++a);

れ;

れ)();



ー

変数を参照 続

状態を保持

仕組

var func が (function()

{

var a

が 0;

return function() {

console.log(++a);

れ;

れ

)();

func(); // 1

func(); // 2



ー

変数を参照 続

状態を保持

仕組

var func が

(function() {

var a が 0;

return

function() {

console.log(++a);

れ

;

れ)()

;

func(); // 1

func(); // 2

即時関数

っ い

外側 関数が実行さ

内側 関数が

戻 値



ー

変数を参照 続

状態を保持

仕組

var func が

function() {

console.log(++a);

れ

;

func(); // 1

func(); // 2

外側 関数 終了

が、

a

ま 参照さ

い



のaェaScィipt

タ

ベー

指向言語

•

別

を基礎

新 い

を作成

ベー

タ

ベー

とoる

とoる

ン タン

とoる

ン タン

とoる

とoる

ン タン

とoる

ン タン



タ

＝関数

var Dog が

function(のname) {

this.name が のname;

this.show が function() {

alert(this.name);

れ;

れ

;

•

関数内 処理

ン タン 化

時 コン

タ

実行さ

namら ロ

イれowメソッ

namら ロ

イれowメソッ

namら ロ

イれowメソッ

とoる

とoる

ン タン

とoる

ン タン

 

を ン タン 化

元

定義さ

ソ

各 ン タン

コ ーさ

 

関数

持 pィototオpら

定義

ソ

コ ーさ

各 ン タン

参照さ

namら ロ

namら ロ

イれowメソッ

namら ロ

イれowメソッ

とoる

とoる

ン タン

とoる

ン タン

コ ー

参照

イれowメソッ

pィototオpら



各 ン タン

共通

ソ

pィototオpら

登録

var Dog が function(のname) {

this.name が のname;

this.show が function() {

alert(this.name);

れ;

れ;

Dog.prototype

.show が function() {

alert(this.name);

HTMばす Wらb標準API