‭事前公表‬‭第19回 若年者ものづくり競技大会‬‭ウェブデザイン職種‬‭競技概要‬

‭競技概要‬‭第19回 若年者ものづくり競技大会‬‭1. 競技概要‬‭ウェブ技術におけるウェブデザイン技能とは「ウェブ上のインタフェースや情報の整理・設計・構‬‭築を行いユーザーに最適な形で提供すること」と定義する。ウェブデザイン職種競技では、競技課‬‭題に基づき、ウェブサイトの設計・構築に関わる技能について競技を行う。‬‭評価は、以下の各モジュールによる作業で行う。‬‭1.‬ ‭フロントエンド‬‭2.‬ ‭マーケティングページ‬‭各項⽬の詳細については「7.本競技で求められる技能」を参照すること。‬‭なお、この定義は技能五輪国際大会の当該職種の職種定義や技能五輪全国大会、若年者ものづくり‬‭競技大会の競技委員会、同職種分科会で適宜見直すものである。‬‭2. 競技時間および競技スケジュール‬‭2.1. 競技時間‬‭競技は、合計「6時間」を2日間に分けて実施する。‬‭●‬ ‭1日目の競技時間「3時間」‬‭●‬ ‭2⽇⽬の競技時間「3時間」‬‭詳細は「2.2.競技スケジュール」を参照すること。‬‭競技会場下⾒の際に「11時」より会場確認および機材確認、競技課題の発表、競技説明を行なう。‬‭7⽉31⽇（水）は、競技説明および競技⽤PC等の設定、1日目の競技を⾏う。‬‭1日目に、選⼿はキーボードやマウスなどを設置することができる。‬‭競技スケジュールは、変更する場合があるので留意すること。‬‭各競技日に実施されるモジュールで定められた競技時間の半分以上が経過し、課題が完成した場合‬‭は、適宜作業完了を競技委員に宣⾔し作業を終了することができる。‬‭また、競技時間内に課題を完成できなかった場合、採点対象外となる。‬‭2‬

‭競技概要‬‭第19回 若年者ものづくり競技大会‬‭2.2. 競技スケジュール‬‭7月31日（水）競技設備点検・モジュール1‬‭時 間‬‭〜 11:00‬‭内 容‬‭集合・受付‬‭11:00 〜 11:20‬‭開会式・競技説明・注意事項など‬‭11:20 ～ 11:40‬‭競技用PCおよび競技環境確認、設定等‬‭11:40 ～ 11:50‬‭質疑応答‬‭11:50 ～ 12:40‬‭昼食‬‭12:40 ～ 13:00‬‭モジュール1説明（質疑応答）‬‭13:00 ～ 13:10‬‭オープンコミュニケーション‬‭13:10 ～ 16:10‬‭モジュール1‬‭16:10 ～ 16:20‬‭オープンコミュニケーション‬‭16:20 ～ 16:40‬‭2日目の課題発表（モジュール2説明）‬‭8月1日（木）モジュール2‬‭時 間‬‭～ 09:00‬‭内 容‬‭選手集合 および 受付‬‭09:00 ～ 09:20‬‭質疑応答（モジュール2）‬‭09:20 ～ 09:30‬‭オープンコミュニケーション‬‭09:30 ～ 12:30‬‭モジュール2‬‭12:30 ～ 13:15‬‭昼食‬‭13:15 ～ 14:30‬‭プレゼンテーション‬‭14:30 ～‬‭講評・解散‬‭ 技時間中、情報機器作業における規定に基づき、競技選⼿が各⾃休憩すること。‬
競‭「情報機器作業における労働衛生管理のためのガイドライン」等の資料は、以下のURLを参照すること。‬‭https://www.mhlw.go.jp/web/t_doc?dataId=00tc6314&dataType=1&pageNo=1‬‭3‬

‭競技概要‬‭第19回 若年者ものづくり競技大会‬‭3. オープンコミュニケーション‬‭各競技日において、オープンコミュニケーションが設けられている。‬‭このオープンコミュニケーションは、選手のコーチ（指導者、監督）が選手と競技における確認や‬‭戦略を含めてコミュニケーションができる。‬‭選手（所属先により複数の場合もある）とコーチは、選手（複数名）と1名のコーチが原則コミュニ‬‭ケーションを行うこと。オープンコミュニケーションは、原則競技エリアの外または選手の競技席‬‭外の競技エリア内で行うこと。‬‭その際、‬‭コーチや選手はパソコンやスマートフォンなどの携帯端末を用いて、資料を提示したり‬‭オープンコミュニケーションを行ってはならない。‬‭オープンコミュニケーションでは、‬‭競技課題をコーチ（指導者、監督）は使用することができる‬‭が、選手はオープンコミュニケーション時に自身の競技課題を持ち出すことはできない。‬‭また、‬‭コーチや選手は電子機器で調べたり筆記用具などで書き込みを行うことはできない。‬‭オープンコミュニケーション時に順次複数のコーチが交代で選手（複数の場合も）とコミュニケー‬‭ションを行うことを禁ずる。‬‭4. 使用機材等‬‭使用する機材の詳細はインフラストラクチャリストを参照すること。‬‭インフラストラクチャリスト‬‭https://jakunen.skilljapan.info/2024/infra.html‬‭2024年7月上旬を目処に公開予定である。また、公開後であっても更新される可能性がある。‬‭4‬

‭競技概要‬‭第19回 若年者ものづくり競技大会‬‭5. 競技課題概要‬‭1.‬ ‭フロントエンド‬‭2.‬ ‭マーケティングページ‬‭各競技課題は、設定された時間で実施する。‬‭5.1. 各モジュールの概要‬‭5.1.1. モジュール1「フロントエンド」3時間‬‭与えられる要件、テーマをもとに、フロントエンドにおけるJavaScriptの基本技能を中心としたプロ‬‭グラムの実装を行う。このモジュールでは主に以下の技能を出題する。‬‭●‬ ‭API通信‬‭○‬ ‭RESTful APIを用いたデータの取得と更新‬‭●‬ ‭データ操作・表示‬‭○‬ ‭ReactやVue.jsを用いたデータの操作と画面表示‬‭●‬ ‭インタラクティブ‬‭○‬ ‭キーボードやマウス操作に連動した機能と画面操作‬‭このモジュールでは機能実装を中心とした課題のため、あらかじめスタイルが適用された、‬‭横‬‭430px、縦932pxのテンプレートが素材として配布される。‬‭このモジュールで評価される技能は、課題の仕様を理解し、プログラムが仕様通りに実装されてい‬‭ること。また、ソースコードの可読性や保守性が考慮されていることを評価する。‬‭5.1.2. モジュール2「マーケティングページ」3時間‬‭与えられる要件やサイトテーマをもとに、顧客の要求を理解し、ウェブサイトの設計・デザイン・‬‭構築作業を行う。‬‭このモジュールで評価される技能は、ウェブサイトの目的を達成できるよう、要件に沿った設計・‬‭デザイン、HTML/CSSコーディング、JavaScriptのプログラミングである。‬‭5‬

‭競技概要‬‭第19回 若年者ものづくり競技大会‬‭5.2. 各モジュールの提出期限と進め方‬‭1日目は、モジュール1を行う。1日目は、次のモジュールに進むことができない。‬‭2⽇⽬は、モジュール2のみを行う。‬‭モジュール提出期限‬‭モジュール1‬‭1日目の競技終了まで‬‭モジュール2‬‭2⽇⽬の競技終了まで‬‭※ 最終提出は競技用サーバ負荷により競技委員より指示を行う場合がある‬‭各モジュールの提出期限が過ぎた後に修正を行っても採点対象としない。‬‭6. 競技課題‬‭競技課題は競技日に公表を行う。‬‭事前に練習を行いたい場合は、去年の若年者ものづくり競技大会の競技課題が大会主催者ページの‬‭「過去の大会記録」で確認できるので、そちらを利用すること。‬‭7. 本競技で求められる技能‬‭7.1. ウェブサイトデザイン‬‭‬ 利●‭ ⽤ユーザーや利⽤⽬的を理解し、適切に情報を伝達できるデザインができること‬‭●‬ ‭指定されたデバイスや利⽤場所、利⽤⽬的を考慮し、適切なデザインやコンテンツの提案、選‬‭定ができること‬‭●‬ ‭インタフェースにおけるアクションに対して、想定通りのリアクションを構築できること‬‭●‬ ‭ユーザビリティ、アクセシビリティに配慮したデザインができること‬‭●‬ ‭JIS X8341-3、WCAGのガイドラインを考慮したデザインができること‬‭7.2. レイアウト‬‭‬●‭●‬‭●‬
‭●‬
‭●‬
‭●‬

‭ 定されたデバイスや利⽤場所、利⽤⽬的を考慮し、適切な画⾯の実装ができること‬
指‭HTMLおよびCSSを用い、計画したウェブサイトデザインの表現ができること‬‭標準規格に準拠したHTML、CSSコーディングができること‬‭構造化されたHTMLを記述できること‬‭アクセシビリティガイドラインを含むW3C標準に基づいた実装ができること‬‭コンテンツに対して、適切なアニメーションや表現を構築できること‬‭6‬‭競技概要‬‭第19回 若年者ものづくり競技大会‬‭7.3. フロントエンド‬‭‬●‭●‬‭●‬‭●‬‭●‬‭●‬‭ 定されたデバイスや利用場所、利用目的を考慮し、適切な画面の実装ができること‬
指‭提供されたAPIの仕様を理解し、要件通りに正しく結合できること‬‭コンポーネント指向を考慮し、再利⽤可能なコードを記述できること‬‭必要に応じて、Async/Await、オブジェクト指向や⾼階関数などを正しく利⽤できること‬‭通信等のエラーに対して、例外処理が記述できること‬‭ライブラリを適切に利⽤して実装ができること‬‭7.4. プロジェクトマネジメント‬‭‬●‭●‬‭●‬‭●‬‭●‬‭ 業時間や⼿順を考慮し、適切な作業の計画ができること‬
作‭指定された形式で、適切に課題を提出できること‬‭情報伝達やサイトの⽬的を達成するために留意され、訴求⼒のある制作を⾏えること‬‭⽬的に応じた要求を満たし、情報を漏れなく含み、完成された状態で課題を提出できること‬‭プレゼンテーションが適切に⾏われ、作業および制作物の要旨を正しく伝達できること‬‭8. 評価について‬‭本競技では「7.本競技で求められる技能」について評価を行い、すべて加点方式となる。‬‭また、配点については以下の表のとおりである。‬‭評価項⽬‬‭配 点‬‭ウェブサイトデザイン‬‭30‬‭レイアウト‬‭27‬‭フロントエンド‬‭38‬‭プロジェクトマネジメント‬

‭5‬

‭合 計‬

‭100‬

‭7‬

‭競技概要‬‭第19回 若年者ものづくり競技大会‬‭9. 注意事項‬‭1.‬ ‭競技の際に利用する基本的な筆記⽤具は、主催者より提供を⾏う。また、和英、英和辞書、手‬‭荷物等については、持込みを許可するが、競技に関係のないもの（携帯端末等）については、‬‭競技中に利⽤することはできない。机上に置けるものは、配布された筆記⽤具・時計（必要で‬‭あれば⽬薬）等とする。スマートフォンやスマートウォッチを時計として利⽤することはでき‬‭ない。また、各自でマーカー等、使用したい筆記用具があれば持参すること。持参した筆記用‬‭具などは競技委員がチェックし確認する場合がある。‬‭2.‬ ‭選⼿は競技実施⽇において、本⼈確認のため、学⽣証、社員証、公的に証明する写真貼付の⾝‬‭分証明書などの提⽰を求められることがある。‬‭3.‬ ‭競技中、⽔分補給の必要がある場合は、閉栓可能なペットボトルなどの飲料を持参することが‬‭できる。または、主催者より飲料水等が支給される場合がある。ただし、その飲料などが原因‬‭で機材等にトラブルが発⽣した場合は、自己責任となる。‬‭4.‬ ‭競技は、見学者などにより、騒音等が発生する可能性がある。騒音防止のために耳栓や音楽お‬‭よびヘッドフォン、イヤフォン等の持込みを認める。ただし、有線接続のみとしBluetoothでの‬‭接続は認めない。音楽については、競技用PCを用いて再生すること。タブレットやスマート‬‭フォン等は使用不可とする。音楽については、下記の内容に注意すること。‬‭1.‬ ‭選手は、1つのUSBメモリの持ち込みを許可します‬‭■‬ ‭USBメモリで持ち込むことができるのは、mp3の音楽データとなります‬‭■‬ ‭持ち込みができる曲（mp3データ）は最大で20曲まで‬‭■‬ ‭許可されるmp3データは、編集がされていない曲のみに限ります‬‭2.‬ ‭持ち込む場合‬‭■‬ ‭USBメモリは、受付の際に持ち込む事を必ず伝えてください‬‭■‬ ‭USBメモリは、一度回収させてもらい競技委員で中身を確認いたします‬‭3.‬ ‭確認が完了したら‬‭■‬ ‭競技の事前準備（PCのセッティング）の際にお預かりしたUSBメモリを選手に返却‬‭いたします‬‭■‬ ‭返却されたUSBメモリは、競技委員等が立ち合い、選手自身が使うパソコンのデスク‬‭トップにコピーしてもらいます‬‭4.‬ ‭コピー終了後‬‭■‬ ‭コピー後は、利用したUSBメモリを取り外しカバンの中に必ずしまってください‬‭■‬ ‭以降、利用したUSBメモリは指示がない限り競技中に出すことはできません‬‭8‬‭競技概要‬‭第19回 若年者ものづくり競技大会‬‭5.‬ ‭計時については、競技用PCの時計を参考にせず、競技委員に説明された計時機器等を利用する‬‭こと。また、競技時には、適宜、競技委員から経過時間のアナウンスを行う。‬‭6.‬ ‭競技の際、服装等は、競技にふさわしいものを着用すること。選手は寒暖の変動に対処できる‬‭ように留意すること。また、騒音や見学者、撮影、取材などが予想されるため、必要であれば‬‭耳栓などを、競技委員に申し出て使用することができる。ゼッケン等が配布されるので競技委‬‭員の指示に従い、競技中には必ず着用すること。‬‭7.‬ ‭競技用PCについては、動作確認の際に事前にその動作を確認しておくこと。競技実施前の説明‬‭会の際に競技用サーバ等への接続設定等について説明を行うので、接続方法、操作方法につい‬‭て必ず確認を行うこと。また、その際に各自、環境設定の為に持ち時間20分程度を与えるの‬‭で、PCの環境設定等を行うこと。競技に必要な機器等や検証用機材等を競技委員より支給され‬‭る場合は、使用上の注意等に必ず従うこと。‬‭8.‬ ‭原則、競技用PCおよび検証用機材からインターネット（競技用ネットワーク外）へアクセスす‬‭ることはできない。また、選手が競技委員の指示なくネットワークの設定を変更することはで‬‭きない。競技用ネットワーク外へ故意にアクセスした場合は失格とする場合がある。ただし、‬‭競技委員より許可された場合においてはその限りではない。‬‭9.‬ ‭競技の事前に作成した独自のプログラム、ソース、テンプレートや素材を利用することはでき‬‭ない。競技課題により規定された場合は競技委員の許可を得て利用することができる。‬‭10.‬ ‭競技用PCに、各ソフトウェア標準の状態でインストールされている。‬‭素材データやテンプレートについては、各自の判断で利用することを許可する。‬‭11.‬ ‭競技中に他の選手と用具の貸し借り、PC、競技用機器およびデータ交換は禁止する。‬‭12.‬ ‭USB方式のキーボードおよびマウスについては、ドライバを新規で組み込む必要のないものに‬‭限っては持込みを許可する。その他の入力デバイス（タブレット等）については、持ち込みは‬‭不可とする。‬‭また、持ち込む機器については選手各自の責任とし、競技用PCで満足に動作しないこともある‬‭ため選手各自で判断すること。競技委員は一切のサポートを行わない。‬‭13.‬ ‭他の選手や競技の進行、運営を妨害する行為をしないこと。‬‭9‬‭競技概要‬‭第19回 若年者ものづくり競技大会‬‭14.‬ ‭競技機材、機器等のトラブルが発生した場合は、挙手などをして競技委員または関係者に作業‬‭の待ち時間の記録をしてもらうこと。なお、この際に作業をしてはならない。また、競技用PC‬‭が障害などにより、競技中に停止（フリーズ・クラッシュ）した場合、その停止時間も競技委‬‭員が測定を行う。作業が上記理由等で継続できない場合、その繰越分は、競技終了時に連続し‬‭て行うこととする。‬‭プレゼンテーションの順番および割り当て時間を越える場合には別途、協議し変更する場合が‬‭ある。‬‭15.‬ ‭競技用PCのトラブルにより作成中のデータが失われる場合もあるため、各自データの保存や‬‭バックアップについて十分に留意し作業を行うこと。作業データは、パソコン内に保存するこ‬‭とを推奨する。‬‭作成中のデータに関しては、競技用パソコン内および競技用サーバ、データ保存用のメディア‬‭としてUSBメモリ（2GB以上を各競技用PCに設置）が利用できる。以上のデータ保存可能な場‬‭所にデータを適宜バックアップすること。‬‭16.‬ ‭当日の競技時間の半分を超え、制限時間内に作業を完了した場合「作業完了」と挙手などを‬‭し、競技委員に意思表示を行うこと。‬‭競技委員の確認後、指示に従い、控室等で待機すること。‬‭17.‬ ‭競技中に不正があった場合、また、競技委員に不正を指摘された場合、選手は失格とする。‬‭18.‬ ‭競技中のトイレは各自が適宜行うこと。その際は必ず競技委員に申し出ること。‬‭なお、所要時間については作業時間に含まれる。‬‭19.‬ ‭安全衛生上の観点から各自、作業中に適当な休憩を取ること。‬‭また、他の選手の妨害にならないように注意すること。‬‭20.‬ ‭選手はトイレまたは、休憩、昼食時には、適宜データを保存し、PCからログオフするか、アプ‬‭リケーション等の操作画面、ブラウザなどに制作途中の課題が表示されないよう配慮するこ‬‭と。‬‭21.‬ ‭競技実施中、各自の作業および操作中のパソコン画面等が会場見学者にむけて提示されること‬‭がある。‬‭22.‬ ‭制作した課題の著作権は大会主催者である中央職業能力開発協会に帰属する。‬‭しかし、制作した著作物の引用の責任については競技（制作）者側にあるものとする。‬‭10‬