事前公表

第60回 技能五輪全国大会

ウェブデザイン職種
競技概要

技能五輪全国大会 ウェブデザイン職種競技委員会

競技概要

第60回 技能五輪全国大会 ウェブデザイン職種

1. 競技概要
ウェブデザイン技能とは、「ウェブ上のインタフェースや情報の整理・設計・構築を行い、ユーザーに最適な形で提供すること」と定義する。ウェブデザイン職種競技では、競技課題に基づき、ウェブサイトの設計・構築に関わる技能について競技を行う。
評価は以下の各モジュールによる作業で行う。
1. スピードテスト（その他ウェブデザインに関わる諸技能）
2. フロントエンド（ウェブアプリケーション）
3. バックエンド（アプリ、サーバサイドおよびバックエンド開発）
4. CMS（コンテンツ マネジメント システム）
各項目の詳細については「6.本競技で求められる技能」を参照すること。
なお、この定義は、技能五輪国際大会の当該職種の職種定義や技能五輪全国大会、若年者ものづくり競技大会の競技委員会、同職種分科会で適宜見直すものである。

2. 競技日程および競技時間
2.1. 競技時間
競技は制限時間10時間以内で3日に分けて実施する。
1日目は競技時間を1時間、2日目は競技時間を6時間、3日目は競技時間を3時間とし、3日間で合計10時間の実施とする。
競技は下記のスケジュールで行い、競技会場下見の際は10時00分より会場確認、機材確認、競技課題の発表及び競技説明を行なう。
11月4日（金）は、1日目の競技、競技課題発表、競技説明および各自競技用PC等設定を行う。この時に選手はキーボードなどを設置することができるが、競技会場に持ち込んだ機材は競技が終了するまで会場外へ持ち出すことはできない。また、競技スケジュールについては変更する場合もあるので留意すること。なお、各競技日に実施されるモジュールで定められた競技時間の半分以上が経過した後に課題が完成した場合は、適宜作業完了を競技委員に宣言して作業を終了することができる。一方、競技時間内に課題を完成できなかった場合は、入賞対象としない。

2競技概要第60回 技能五輪全国大会 ウェブデザイン職種

2.2. オープンコミュニケーション
各競技日において、オープンコミュニケーションが設けられている。このオープンコミュニケーシ
ョンは、選手のコーチ（指導者、監督）が選手と競技における確認や戦略を含めてコミュニケーションすることができる。
選手（所属先により複数の場合もある）とコーチは、（複数名の）選手と1名のコーチが原則コミュニケーションを行うこと。ただし、オープンコミュニケーションは、原則競技エリア外、または、選手の競技席外の競技エリア内で行うこととし、その際、コーチや選手はパソコンやスマートフォンなどの携帯端末を用いて、資料を提示しながらのオープンコミュニケーションを行ってはならない。
オープンコミュニケーションでは、コーチ（指導者、監督）は競技課題を使用することができるが、選手はオープンコミュニケーション時に自身の競技課題を持ち出すことはできない。
また、コーチや選手は電子機器で調べたり、筆記用具などで書き込みを行うことはできない。
オープンコミュニケーション時に順次複数のコーチが交代で選手（複数の場合も）とコミュニケーションを行うことを禁ずる。

2.3. 競技日程
11月4日（金）説明会（開会式・競技会場下見）・競技1日目（競技時間：1時間）
時

間内

容〜 10:00

集合・受付

10:00 〜 10:10

競技説明、注意事項等

10:10 〜 10:40

競技用PCの設定など

10:40 〜 10:50

質疑応答

10:50 〜 11:10【休憩：20分 】

11:10 〜 12:10

モジュール1（スピードテスト）競技：60分

12:10 〜 12:20

オープンコミュニケーション（ロスタイム消化）12:20 〜

競技2日目の競技課題発表※14時より開会式（オンライン形式）実施予定。予定変更の場合は競技スケジュールも変更する

3

競技概要

第60回 技能五輪全国大会 ウェブデザイン職種

11月5日（土）競技2日目（競技時間：6時間）
時

間

内

容

09:00 〜 09:10

選手集合および受付

09:10 〜 09:20

モジュール説明

09:20 〜 09:30

オープンコミュニケーション

09:30 〜 11:00

モジュール2（フロントエンド）競技：90分

11:00 〜 11:10【 休憩：10分 】

11:10 〜 12:40

モジュール2（フロントエンド）競技：90分

12:40 〜 13:30【 昼食：50分 】

13:30 〜 15:00

モジュール3（バックエンド）競技：90分

15:00 〜 15:10【 休憩：10分 】

15:10 〜 16:40

モジュール3（バックエンド）競技：90分

16:40 〜 16:50

オープンコミュニケーション（ロスタイム消化）16:50 〜

競技3日目の競技課題発表

11月6日（日）競技3日目（競技時間：3時間）
時

間内容

09:00 〜 09:10

選手集合および受付

09:10 〜 09:20

モジュール説明

09:20 〜 09:30

オープンコミュニケーション

09:30 〜 11:00

モジュール4（CMS）競技：90分

11:00 〜 11:10【 休憩：10分 】

11:10 〜 12:40

モジュール4（CMS）競技：90分

12:40 〜 13:30【 昼食：50分 】

13:30 〜 14:50

プレゼンテーション

14:50 〜

講評・片付け・解散

競技時間中、情報機器作業における規定に基づき、競技選手が各自休憩すること。

4

競技概要

第60回 技能五輪全国大会 ウェブデザイン職種「情報機器作業における労働衛生管理のためのガイドライン」等の資料は、以下のURLを参照すること。

https://www.mhlw.go.jp/web/t_doc?dataId=00tc6314&dataType=1&pageNo=1

3. 使用機材等
使用機材などについては、下記のインフラリストを参照すること。
https://gorin.skilljapan.info/2022/infra.html

4. 競技課題概要
本職種競技の実施に当たっては、これまでの技能五輪国際大会での競技課題および実施方法を職種分科会において分析するとともに、国内での当該分野で求められる技術・技能・業務内容、その他の状況なども考慮の上、競技課題のあり方を検討した。その結果、チームジャパンとしての方向性も踏まえた上で完全モジュール方式の競技として、以下の4つのモジュール毎に実施する。
それぞれは、設定された時間で実施する。
1．スピードテスト（その他ウェブデザインに関わる諸技能）
2．フロントエンド（ウェブアプリケーション）
3．バックエンド（アプリ、サーバサイドおよびバックエンド開発）
4．CMS（コンテンツ マネジメント システム）

4.1. 各モジュールの概要
4.1.1. モジュール1「スピードテスト」1時間
ウェブデザインに必要とされる技能・作業の速さを競う。ウェブデザイン作業における各種の専門的な問題を時間内に完成させる。各問題の配点は同⼀得点とする。このモジュールで評価されるのはウェブデザイン技能に必要となる作業の速度と正確さである。

5

競技概要

第60回 技能五輪全国大会 ウェブデザイン職種

4.1.2. モジュール2「フロントエンド」3時間
ウェブブラウザで動作するウェブアプリを作成する。HTML/CSSを用いてアプリのレイアウトを作成し、JavaScriptによりアプリの機能の実装を行う。このモジュールでは、JavaScriptによる機能の実装、Ajaxを用いたデータ通信、クライアントサイドWebAPIなどを用いた応用機能の実装、拡張性や保守性を意識したコーディングの4つの要件を下に評価が行われる。

4.1.3. モジュール3「バックエンド」3時間
PHP（フレームワーク）とデータベースを使用して、バックエンド部分（管理画面とRESTful API）の構築を行う。このモジュールで評価される技能は、ウェブ開発におけるプログラミング技能である。これにはPHPなどのコーディングの他にDBの操作、テーブル設計なども含まれる。

4.1.4. モジュール4「CMS コンテンツマネジメントシステム」3時間
広く普及しているCMSパッケージであるWordPressを用いて、管理者や編集者が内容等を容易に更新可能なウェブサイトの導入を支援することを目的とする。このモジュールでは、顧客の要求を理解し、CMSを考慮したテーマデザイン・レイアウト、WordPressプラグインの組み込みや作成、管理画面のカスタマイズなど、CMSを構築する上で必要となる総合的な技能が求められる。
WordPressのテーマである「BlankSlate」の「Child-theme」を活用してテーマのレイアウトを行う。
WordPress本体やテーマ、プラグインなどは素材として配布されるため、要件に応じて選手自ら導入やカスタマイズを行う必要がある。

4.2. 各モジュールの提出期限と進め方
1日目は、モジュール1を行う。1日目では、次のモジュールに進むことはできない。
2日目は、モジュール2とモジュール3を行う。モジュール2が終了した場合は、モジュール3に進むことができる。2日目の午前終了後はモジュール2に戻って作業することはできない。
2日目は、モジュール4に進むことはできない。
3日目は、モジュール4のみを行う。
モジュール提出期限
モジュール1

1日目の競技終了まで

6

競技概要

第60回 技能五輪全国大会 ウェブデザイン職種

モジュール2

2日目の午前中まで

モジュール3

2日目の競技終了まで

モジュール4

3日目の競技終了まで※ 提出期限間際等での競技用サーバへの負荷によっては競技委員会より別途指示を行う場合がある

各モジュールの提出期限が過ぎた後に修正をしても採点対象としない。また、各モジュールの対応順序については、競技全体の各課題を円滑に進められるよう競技者自身が調整する必要がある。

5. 競技課題
競技課題の詳細を含んだ事前公表課題は競技の1ヶ月前を目途として別途公開する。
競技日の前日に事前公表課題よりおおよそ 10 〜 30% 程度を変更したものを最終課題として発表する。

6. 本競技で求められる技能
6.1. ウェブサイトデザイン● 利用ユーザーや利用目的を理解し、適切に情報を伝達できるデザインができること● 指定されたデバイスや利用場所、利用目的を考慮し、適切なデザインやコンテンツの提案、選定ができること● コンテンツに対して、適切なアニメーションや表現を構築できること● ユーザビリティ、アクセシビリティに配慮したデザインができること● JIS X8341-3、WCAGのガイドラインを考慮したデザインができること

6.2. UI・UXデザイン● 利用ユーザーや利用目的を理解し、適切に利用できるインタフェースのデザインができること● 指定されたデバイスや利用場所、利用目的を考慮し、適切なインタフェースや機能を提案、選定ができること● インタフェースにおけるアクションに対して、想定通りのリアクションを構築できること● ユーザビリティ、アクセシビリティに配慮したデザインができること

7

競技概要

第60回 技能五輪全国大会 ウェブデザイン職種

6.3. フロントエンド● 指定されたデバイスや利用場所、利用目的を考慮し、適切な画面の実装ができること● HTMLおよびCSSを用い、計画したデザインの表現ができること● 標準規格に準拠したHTML、CSSコーディングができること● 構造化されたHTMLを記述できること● ライブラリを適切に利用して実装ができること● アクセシビリティガイドラインを含むW3C標準に基づいた実装ができること● デバイスや利用場所、利用目的を考慮し、適切なインタフェースの実装ができること● 提供されたAPIの仕様を理解し、要件通りに正しく結合できること● CSSを用いて、計画したデザインの表現ができること● 再利用可能なコードを記述できること● Async/Await、オブジェクト指向や⾼階関数などを正しく利用できること● 通信等のエラーに対して、例外処理が記述できること● ライブラリを適切に利⽤して実装ができること

6.4. バックエンド● サーバサイドにおける全体像が理解できること● 保守性を考慮したDBのテーブル設計・構築ができること● 指定された要件を満たすAPIの実装および検証ができること● セキュリティを考慮した実装ができること● フレームワークを適切に利用して実装ができること

6.5. プロジェクトマネジメント● 作業時間や手順を考慮し、適切な作業の計画ができること● 指定された形式で、適切に課題を提出できること● 情報伝達やサイトの目的を達成するために留意され、訴求力のある制作を行えること● 目的に応じた要求を満たし、情報を漏れなく含み、完成された状態で課題を提出できること● プレゼンテーションが適切に行われ、作業および制作物の要旨を正しく伝達できること

8

競技概要

第60回 技能五輪全国大会 ウェブデザイン職種

7. 評価について
本競技では「6.本競技で求められる技能」について評価を⾏う。
また、配点については以下の表のとおりである。
モジュール項⽬

配 点

スピードテスト

10

フロントエンド30

バックエンド30

CMS30

合 計

100

9

競技概要

第60回 技能五輪全国大会 ウェブデザイン職種

8. 注意事項
1.

競技の際に利用する基本的な筆記用具は、主催者より提供を⾏う。また、和英、英和辞書、手荷物等については、持込みを許可するが、競技に関係のないもの（携帯端末等）などについては、競技中に利⽤することはできない。机上に置けるものは、配布された筆記用具・時計（必要であれば目薬）等とする。スマートフォンを時計として利用することはできない。また、各自でマーカー等、使用したい筆記用具があれば持参すること。持参した筆記用具などは競技委員がチェックし確認する場合がある。

2.

選手は競技実施日において、本⼈確認のため、学生証、社員証、公的に証明する写真貼付の身分証明書などの提⽰を求められることがある。

3.

競技中、水分補給の必要がある場合は、閉栓可能なペットボトルなどの飲料を持参することができる。または、主催者より飲料水等が支給される場合がある。ただし、その飲料などが原因で機材等にトラブルが発生した場合は、自己責任となる。

4.

競技は、見学者などにより、騒音等が発生する可能性がある。騒音防止のために音楽CDおよびヘッドフォン、イヤフォン等の持込みを認める。音楽CDについては、競技用PCを用いて再生すること。タブレットやスマートフォン等は使用不可とする。音楽CDについては不要なデータが含まれていないか競技委員がチェックすることがある。

5.

計時については、競技用PCの時計で確認せず、競技委員に説明された計時機器等を利用すること。また、競技時には、適宜、競技委員から経過時間のアナウンスを行う。

6.

競技の際、服装等は、競技にふさわしいものを着⽤すること。選手は寒暖の変動に対処できるように留意すること。
また、騒音や見学者、撮影、取材などが予想されるため、必要であれば耳栓などを、競技委員に申し出て使用することができる。ゼッケン等が配布されるので競技委員の指示に従い、競技中には必ず着用すること。

7.

競技⽤PCについては、動作確認の際に事前にその動作を確認しておくこと。また、競技実施前日の説明会の際に競技用サーバ等への接続設定等について説明を行うので、接続方法、操作方法について必ず確認を行うこと。また、その際、各自、環境設定の為に持ち時間30分程度を与えるので、PCの環境設定等を行うこと。また、競技に必要な機器等や検証用機材等を競技委員より支給される場合は、使用上の注意等に必ず従うこと。

8.

原則、競技用PCおよび検証用機材から、インターネット（競技用ネットワーク外）へアクセスすることはできない。
また、選手が競技委員の指示なくネットワークの設定を変更することはできない。競技用ネットワーク外へ故意にアクセスした場合は失格とする場合がある。ただし、競技委員より許可された場合においてはその限りではない。

9.

競技の事前に作成した独自のプログラム、ソース、テンプレートや素材を利用することはできない。ただし、競技課
題により規定された場合は競技委員の許可を得て利用することができる。

10. 競技用PCに、各ソフトウェア標準の状態でインストールされている。素材データやテンプレートについては、各自の判断で利用することは許可する。
11. 競技中に他の選手と用具の貸し借り、PC、競技用機器およびデータ交換は禁止する。
12. USB方式のキーボードおよびマウスについては、ドライバを新規で組み込む必要のないものに限っては持込みを許可する。その他の入力デバイス（タブレット等）については、持ち込みは不可とする。また、持ち込む機器については選手各自の責任とし、競技用PCで満足に動作しないこともあるため選手各自で判断すること。競技委員は一切のサポートを行わない。競技会場に持ち込んだ機材は競技終了後まで会場外に持ち出すことはできない。

10

競技概要

第60回 技能五輪全国大会 ウェブデザイン職種

13. 他の選手や競技の進行、運営を妨害する行為をしないこと。
14. 競技機材、機器等のトラブルが発生した場合は、挙手などをして競技委員または関係者に作業の待ち時間の記録をしてもらうこと。なお、この際に作業をしてはならない。また、競技用PCが障害などにより、競技中に停止（フリーズ・クラッシュ）した場合、その停止時間も競技委員が測定を行う。作業が上記理由等で継続できない場合、その繰越分は、競技終了時に連続して行うこととする。プレゼンテーションの順番および割り当て時間を越える場合には別途、協議し変更する場合がある。
15. 競技用PCのトラブルにより作成中のデータが失われる場合もあるため、各自データの保存やバックアップについて十分に留意し作業を行うこと。作業データは、ハードディスクに保存することを推奨する。作成中のデータに関しては、競技用PCのハードディスクおよび競技用サーバ、データ保存用のメディアとしてUSBメモリ（2GB以上を各競技用PCに設置）が利用できる。以上のデータ保存可能な場所にデータを適宜バックアップすること。
16. 競技開始後9時間を超え、制限時間内に作業を完了した場合、「作業完了」と挙手などをし、競技委員に意思表示を行うこと。競技委員の確認後、指示に従い、控室等で待機すること。
17. 競技中に不正があった場合、また、競技委員に不正を指摘された場合、選手は失格とする。
18. 競技中のトイレは各自が適宜行うこと。その際は必ず競技委員に申し出ること。なお、所要時間については作業時間に含まれる。
19. 安全衛生上の観点から各自、作業中に適当な休憩を取ること。また、競技時間中に休憩時間を設けている。その際に不正行為などを防ぐ目的から競技エリアからの退出は禁止する。また、他の選手の妨害にならないように注意すること。
20. 選手はトイレまたは、休憩、昼食時には、適宜データを保存し、PCからログオフするか、アプリケーション等の操作画面、ブラウザなどに制作途中の課題が表示されないよう配慮すること。
21. 競技実施中、各自の作業および操作中のPCの画面等が会場見学者にむけて提示されることがある。
22. 今年度は、新型コロナウイルス感染症対策を行いプレゼンテーション競技を実施する。また後日、競技委員会より選手の競技データの一部について参加選手や参加施設が閲覧できるよう、作品集として公開することを予定している。
23. 制作した課題の著作権は大会主催者である中央職業能力開発協会に帰属する。また、制作した著作物の引用の責任については競技（制作）者側にあるものとする。

11