第 60 回技能五輪全国大会

ウェブデザイン職種

Q＆A
Q1．JS フレームワークのダウンロード用 zip は今後インフラストラクチャリストで公開されますか。

A1．準備ができ次第インフラリストで公開を行います。インフラリストについては今後も更新される場合がありますので適宜ご確認ください。

Q2．モジュール２の「タスク削除」とは、タスクを完了することという認識でよろしいでしょうか。

A2．完了ではなく削除という前提でデザイン・実装を行なってください。

Q3．モジュール２の各 API で認証に失敗した場合の表示や、POST・DELETE に失敗したときの表示・メッセージに何か指定はありますか。

A3．特に指定はございません。

Q4．モジュール２のタスクやカテゴリーを DB に追加するための API がないようですが、これらは DB では管理しないということでしょうか。その場合、localStrage などを使ってブラウザでこれらを管理する機能を考える必要はないのでしょうか。

A4．提供 API 以外のデータ保持機能は必須ではないため、特に考慮する必要はございません。

Q5．モジュール２の API の URI が全て deleted_tasks になっていますが、閲覧履歴を残すための API 以外は存在しないという事でしょうか。

A5．ご質問頂いている内容ですが、閲覧履歴を残す API ではございません。

Q6．モジュール２の API における HTTP Header と HTTP Body のスキーマの詳細な記載がありません。

A6．事前公表課題をご確認ください。

Q7．モジュール２において、認証は Bearer 認証とのみ記されていますが、これは Tokenを意味するのでしょうか。
その場合、一般的にはユーザ側から ID とパスワードが PAPI 側に POST され、API 側でそれらを認証した上で Token を戻す、ということになるはずですが、いかがでしょうか。

A7．頂いたご質問は、Bearer 認証についての質問となります。課題の解答説明になってしまうため、ご自身でお調べになって頂ければと思います。

Q8．モジュール２において、Bearer 認証における Token は固定されたハッシュ値でしょうか。

A8．事前公表課題をご確認ください。

Q9．モジュール３において、飲食店マスタ用に users テーブルを用意してあるとあるが、飲食店マスタで使用するテーブルとは別に users というテーブルを用意したという事でしょうか。それとも飲食店マスタ用のテーブルが users なのでしょうか？

A9．飲食店マスタ用のテーブルが users です。

Q10．モジュール３において、飲食店ユーザの認証に ID が指定されているが、ID を格納するデータベースが存在しません。データベース上に認証ユーザを持たないという事でしょうか。

A10．ログイン ID に利用できる項目として「アカウント」を記載しましたが、「これ以外の項目が必要と判断する場合は適宜追加すること。」と記載した通りにご判断ください。

Q11．モジュール３において、提供されているテンプレートを使用して管理インターフェイスを作成するとあるが、テンプレートに関する記載がどこにもありません。提供されているテンプレートとは何を指すのでしょうか。

A11．「提供されているテンプレートを使用して」の一文が不要でしたので、削除いたします。

Q12．モジュール３において、商品またはセットメニューをウェブサイトから注文するための API を構築するとありますが、API の仕様に情報がありません。商品またはセットメニューをウェブサイトから注文するための API とはどの様な内容を指すのでしょうか。

A12．P.8 に記載されている「特徴：B1」からの記述をご覧ください。

Q13．モジュール３において、商品情報を削除する項目において、「削除」ボタンを押した後に「OK」ボタンを押すことで、商品情報ではなくセットメニューを削除する事を求めていますが、これはどういう事でしょうか。

A13．誤記のため修正しました。

Q14．モジュール３において、テーブルや注文に関する仕様が不足しています。

A14．記載漏れのため追加しました。

Q15．会場の設備の詳細（パソコンの性能やディスプレイの枚数など）を教えてください。

A15．競技用 PC は以下の予定です。なお、外部ディスプレイはありません。
OS:Windows 10 Version 21H1
CPU:Core i5 2.70Ghz
メモリ:16GB
SSD:250GB
ディスプレイ:15inch（解像度 1366x768）

Q16．音楽 CD およびヘッドフォン、イヤフォン等の持込みを認めるとありますが、競技用のパソコンは Bluetooth に対応はしているのでしょうか？

A16．競技用 PC は Bluetooth に対応しておりますが、Bluetooth のヘッドフォン、イヤホンの利用は認めておりません。有線のものをご利用ください。

Q17．モジュール３課題のテーブルに必要項目とありますが、必須項目ではないので使用しなくてもいいのでしょうか？

A17．必要なものとなりますので使用してください。

Q18．モジュール２課題の API 仕様の一覧 API を見ると、ResponseBody に created_atの項目がありますが、格納日時の表現は多くあると思いますので、例などを載せてもらえないでしょうか？

A18．MySQL における TIMESTAMP 型により定義された日付を、文字列型で返却いたします。例としては次のようになります。

例：2022-11-01 08:30:00

詳細は TIMESTAMP 型の仕様をご参照ください。

Q19．モジュール１課題では、D3 タスクのみ Bootstrap などの CSS フレームワークの使用を明言していますが、その他のタスクでの JS・CSS フレームワーク・ライブラリの使用はできないのでしょうか？

A19．記載がある場合のみ利用可能です。また、素材として配布されている場合のみ利用可能で、それ以外の場所では利用はできません。

Q20．VScode プラグインに Remote-SSH が許可されているのですが、競技サーバにVScode で Remote-SSH を使用して SSH 接続することはできるのでしょうか？

A20．事前アンケートによって要望があったため Remote-SSH はプラグインとして提供しています。競技サーバに接続は可能となりますが、プラグインの設定などにつきましては、一切のサポートは行いませんので利用される場合は、選手自身で設定を行っていただく必要があります。

Q21．Bootstrap は CSS のファイルだけでなく JS のファイルも配布されるのでしょうか？
その他、CSS フレームワーク・ライブラリの配布はされるのでしょうか？

A21．公式サイトで配布されているものが、そのまま配布予定です。
また、インフラリストに公開されている CSS フレームワークやライブラリは選手のパソコンに素材として配布されます。

Q22．Laravel のディレクトリの中身一式を普通にサーバに設置した場合、アクセスするURL は"ドキュメントルート URL/public/admin"といったように、URL に"public"を含めなければアクセスが出来ません。URL から public を取り除く必要はありますか？

A22．本番環境では各モジュールの「public」フォルダがドキュメントルート設定されています。そのため、public の処理は不要となります。

Q23．PHP フレームワークの配布は行われないのでしょうか？
また、インフラリスト https://gorin.skilljapan.info/2022/infra.html からダウンロードできたりするようになりますでしょうかA23．ご要望が多数ありましたので、インフラリストよりダウンロードできるようにいたしました。

Q24．最新のインフラリスト https://gorin.skilljapan.info/2022/infra.html に、jQUeryUI の追加はお願いできないしょうか。

A24．開発終了のため、大会では追加の予定はございません。

Q25．モジュール３の P3 に「データベースにはサンプルデータが含まれている」とありますが、どのテーブルにデータが入っていますか？また、テーブルはすべて自分で作成することになりますか？

A25．事前課題中、上記文言については削除し、更新版を公開いたしました。
users 以外のテーブルはすべて選手にて作成してください。

Q26．提供された VM にあるデータベースが、本番環境の VM と同じ内容ですか？

A26．事前配布された VM は、本番時にも各 PC にローカル開発環境として同じものが配布されます。ただし、本番課題の内容変更により VM の変更が行われる場合もあります。

Q27．競技３日目にプレゼンテーションが予定されていますが、どのモジュール成果物を用いてプレゼンを行うのでしょうか。

A27．どのモジュールを使って、プレゼンをしていただいても構いません。選手が自信を持ってプレゼンを行えるものを選択してください。

Q28．モジュール４の成果物でプレゼンを行うということであれば、・作成した Web サイトを表示してプレゼン・課題内で作成する説明資料 PDF を表示してプレゼンの、どちらを想定すればよいのでしょうか。

A28．もし、モジュール４を使ってプレゼンを行う場合は、作成したサイトを使ってプレゼンを想定していただいて構いません。
ただし、説明資料を使ってはいけないという訳ではありませんので、説明に必要な場合はご活用してください。

Q29．モジュール２において、『「 m2」フォルダに作成したウェブアプリを保存してください。メインファイルが index.html という名前であることを確認してください。』とある一方、『「 m2」フォルダ内に「SOURCE」という名前のフォルダを作成し、ソースコードのデータを提出してください』とありますが、成果物を提出するドキュメントルートは「m2」フォルダ直下なのでしょうか、それとも「m2/SOURCE」 フォルダ直下なのでしょうか？

A29．ドキュメントルート（成果物）の提出場所は「 m2 」の直下になります。これは、ビルド後のデータ想定になります。
フレームワークを使った際、ビルドするとソースコードの解読が難しくなるため、「 m2/SOURCE 」ディレクトリに格納するものは、ビルド前の編集時のソースコードの格納場所となります。