【ウェブデザイン技能検定】2級実技試験、準備から勉強方法のコツまで
この記事では、ウェブデザイン技能検定2級について、実技試験の準備から勉強方法について解説します。
学科試験対策については、以下の記事で紹介していますので、参考にしていただければと思います。
https://shikaku-benkyou.com/web-design-ginou-kentei-benkyou-...- 試験日：
1級学科：11月下旬頃
1級実技：2月下旬頃
2・３級：5月下旬頃、8月下旬頃、11月中旬頃、2月下旬頃の年4回 - 申込日：
1級学科：10月上旬～下旬頃
1級実技：12月下旬～翌年1月中旬頃
2・３級：４月上旬～下旬頃、7月上旬～下旬頃、10月上旬～下旬頃、12月下旬～翌1年月中旬頃の年4回 - 合格発表：
1級学科：12月中旬頃
1級実技：3月中旬頃
2・3級：６月下旬頃、9月下旬頃、12月中旬頃、３月下旬頃 - 試験時間：
1級：学科90分、実技180分、ペーパー実技60分
2級：学科60分、実技120分
3級：学科45分、実技60分 - 受験料：
1級：学科7,000円、実技25,000円
2級：学科6,000円、実技12,500円（35歳未満は実技7,000円）
3級：学科5,000円、実技5,000円（35歳未満は実技3,000円） - 合格基準：全ての試験で70点/100点以上（ただし、実技は試験要項に示す各作業分類で60%以上の得点が必要）
- 受験資格：
1級：実務経験必須
2級：実務経験、大学での学習経験、3級合格など
3級：とくになし - 想定勉強時間：
1級：不明（難易度はかなり高い）
2級：50～100時間程度（未経験から学習する場合）
3級：15～30時間程度（未経験から学習する場合） - 公式サイトはこちら
ウェブデザイン技能検定2級、実技試験の事前知識
難易度は「学科試験よりかなり簡単」。過去問そっくり問題が毎回出題される
まず、難易度についてですが「学科試験よりかなり簡単」です。
実際に私が受験した際、アプリケーションの使い方から勉強が必要でしたが、それでも合計5時間の練習で全問解答できました。
実技試験と聞くと「なんとなく難しそう…」と思う人もいるかも知れませんが、実際には現地で試行錯誤して、正しく動作するか確認しながら解答できるぶん簡単です。試験時間も2時間とかなりたっぷり用意されている（私は1時間15分で見直しも含めて完了しました）ため、何度でも修正して正解にたどり着きましょう。
内容は毎年「過去問のそっくり問題」です。
これは今後も簡単には変わらないと思います。ある程度の難易度を超えない国家試験では「過去問の使い回し・類似問題で難易度を安定させる」ことはよくあることですので、予告なく試験を大幅に改変させる可能性は非常に低いと私は考えています。
ただし、試験の内容が変化しないわけではありません。例えば、作業2は「flashかGIF形式」だったものが、2018年から「JavaScriptによるアニメーションかGIF形式」に変化しました。このように、時代にあわせて内容が変化することはありえます。
試験内容に関する注意点として、試験前に公表される「実技試験概要」が変化されていないことを確認するようにしましょう。作業2の変化については、この実技試験概要の作業2を読んでいれば「アニメーションの形式はGIF（GIF89a）形式、JavaScriptによる形式のいずれかで作成すること」との文言から判断できたはずです。
また、もしも最新版の問題集などが公式に販売された場合は注意しましょう。問題集の内容が、従来から変化していた場合は、出題内容もそれにあわせて変化する可能性があります。
課題に使うアプリケーションの基本的な操作スキルが必要
「実技試験の課題はかなり簡単」と先に説明しましたが、アプリケーションの操作方法だけはしっかり覚えておきましょう。
例えば、試験用のPCに用意されているアプリケーションである「Adobe Photoshop」は画像素材を作成する作業である「作業1」「作業2」で利用することになるかと思います。作業3以降であれば「Adobe Dreamweaver」が便利です。
試験で使う基礎的な操作は簡単に覚えることが可能ですが、事前にこれらのアプリケーションには一度触れておいて、使えるようになっておく必要はあります。
作業5は、作業5bの方が簡単（選んでいる人も多い）
作業5については、作業5aと作業5bからの選択式となります。
作業5aはデータ送信フォームの作成ですが、作業5bと比べると作業量がかなり多く、難易度が高い傾向があります。
そこで合格を優先するのであれば、作業5bのJavaScriptによるDOM操作がおすすめです。作業5bは実質的に「2行分の決まりきったテンプレートを暗記し、指示に応じてStyleオブジェクトのCSSプロパティを修正する」問題です。
CSSプロパティをある程度覚えておく必要はありますが、Dreamweaverの補完機能を利用すれば、現地である程度は対応可能ですので、やはり作業5bの方がおすすめといえます。
作業3と作業5bについては、初心者はメモを作っておく
基本的にはネットの動画で対応可能な実技試験ですが、作業3と作業5bについてはメモを作っておいて直前に確認できるようにしておくといいでしょう。
とくに初心者の場合「CSSファイルの編集内容はどうすればよかったっけ？」と悩む人が多いかと思います。また、作業5bはDreamweaverの補完機能を利用するとしても、ある程度はStyleオブジェクトのCSSプロパティを知っておいたほうが安全です。このあたりもメモを作っておいて、直前で読み直せるようにしておいた方がいいでしょう。
ウェブデザイン技能検定2級の準備
「Adobe Photoshop」と「Adobe Dreamweaver」を準備する
2級の実技試験のPCには、Adobe PhotoshopやAdobe Dreamweaverが用意されています。3級と同様のテキストエディタもありますが、普段からコーディングで使い慣れている人以外はあえて使う必要はないでしょう。
一方、PhotoshopやDreamweaverの操作に慣れていない場合は、事前に練習しておく必要があります。学習未経験の人には、持っていない人が多いと思います。以下のどれかの方法で準備方法しておくといいでしょう。
- 無料体験版を使う（1週間のみ可能）
- 月額プランで1ヶ月だけ購入
- 「たのまな
」などのオンライン学習とあわせて購入することで、学割を利用して1年分購入（学生は普通に学割でもOK）
教材は「平成25年度 第４回」の過去問が中心
過去問については「平成25年度 第4回」の内容が素材も含めて過去問を紹介しているページからダウンロードできます。
また、最新の3回分が公式サイトの「過去問題の公表」にあります。
最新3回分の過去問については、素材がついていないため、細部まで含めての過去問演習はできません。ですので、学習の中心としては「平成25年度 第4回」を利用していただければと思います。
2級の実技試験の解説
出題内容はおおむね以下のとおりです。
- 作業1・作業2：画像処理（Photoshopを使う）
- 作業3・作業4：コーディング（Dreamweaverを使う）
- 作業5：aかbの選択式（おすすめはbのJavaScriptによるDOM操作。Dreamweaverを使う）
作業1
グローバルナビゲーション用のパーツを作成する作業です。
Youtubeの動画でわかりやすく解説されています。こちらを見ながら学習すれば、必要な知識は十分学習できます。