Velo 第７０回 VDC(プロジェクトを提出する)
VDCとは Velo Developer certification のことです。目的は以下の様に書いてあります。(Free Velo Certification & Exam | Wix Learn)
JavaScript と Velo 機能に関する理論および実践の知識を持つが証明されることで、Wix認定プロフェッショナルとして認められ、顧客や従業員から注目を集めること。
また受験に相応しい対象者の記載もあります。英語の壁があるので日本ではあまり合格者はいないのではと思っています。
・フリーランスの開発者で顧客へより良い提案をしたい人
・開発において業界標準を欲する代理店
・Velo コーディングの知識を試したい開発者
VDCには２つのステップがあります。今回は２つ目の「プロジェクトを提出する」です。
プロジェクトを提出する
ガイドラインに沿ったサイトの構築が課題となります。試験を受ける場合と同様に、一度不認定であっても何度でも提出することが可能です。
Velo コーディングが必要になりますので初心者には大きな試練になります。既に認定されている方に教えてもらうのが最も効果的です。
ガイドライン
Wix 側から下されるガイドラインは以下のようなものです。
Create a phone book application that stores contact information. Each site member using this application should be able to see only their own, individual contact lists with corresponding contact details, add new contacts to their lists, and get in touch with contacts via email.
Each phone book contacts should be include fields for: a first name, last name, image, birthday, email address and phone number (the phone number field should have no specific formatting). Feel free to add more fields if you'd like.
The application will include 4 views: Homepage, Contact Page, Remove Contact Confirmation' Lightbox and 'Add Contact' Page.
和訳すると概ね以下の様になります。
サイトメンバーが利用できる電話帳アプリケーションを作りましょう。このアプリケーションでサイトメンバーは自分用の(連絡先)リストページと(連絡先)詳細ページにのみアクセスすることが出来て、そこに新規の連絡先を増やしたり、相手先への email が使えるようにします。
詳細ページにはファーストネーム、ラストネーム、画像、誕生日、emailアドレス、電話番号(書式は問いません)のフィールドを含むことが必須ですが、その他のフィールドの有無はあなたにお任せします。
このアプリケーションには４つのビューを含みます。ホームページ、詳細ページ、(削除確認用)ライトボックス、(連絡先)追加ページです。
さらに各ビューへの指示が付加されています。本来英文ですがここからは日本語で表示しておきます。
ホームページ
ホームページにはログインしたサイトメンバーが自身で追加した連絡先の全リストが表示されます。その際連絡先の名前と画像の列挙が必須です。連絡先をクリックすると詳細ページに遷移します。またホームページには新しい連絡先を追加するための追加ページへ遷移するボタンが必要です。
ホームページが動的リストページ、詳細ページがアイテムページ、ホームページに追加ページへのリンクボタンを追加、という感じです。
(連絡先)詳細ページ
各連絡先の詳細ページです。先に述べたフィールドの全情報が含まれます。削除ボタンを追加し、クリックで削除確認用ライトボックスが開くようにします。また email が送信できるセクションが必要です。この emailセクションには、email の本文を収めるテキストボックス、送信ボタン、送信成功メッセージ、送信失敗メッセージが必要です。
ライトボックスの開閉、email 送信が問題となります。
ライトボックス
ユーザーに連絡先を削除する許可を与えるためのライトボックスです。Yesボタンをクリックすれば削除後にホームページへ遷移します。Noボタンをクリックすると削除はキャンセルされ、ライトボックスを閉じて詳細ページに戻ります。
ライトボックスから他ページへの遷移をコーディングする必要があります。
(連絡先)追加ページ
サイトメンバーが新しい連絡先を追加できる機能をフォームで提供します。既に述べた全フィールドの情報を含みます。
以上の課題とは別に追加機能が要求されます。これは２択です。
追加機能
（１）お誕生日メールの送信：スケジュールジョブを使って、連絡先に登録された人へ、誕生日おめでとうメールを送信する。
（２）連絡先 API：APIエンドポイント利用で連絡先の全データを取得し、削除する。
外部機能の利用、とくに認証関連が問題となっています。ここでは（１）で対応を考えます。
その他の要請
・デザインは評価の対象外です。しかし努力されることを希望します。
・PCで評価しますのでモバイル上のレスポンシブ対応は不要です。
・ログイン機能を使って許可されたサイトメンバーのみがアプリケーションを利用できるようにして下さい。(Wix の関連するビルトイン機能が使えます)
・外部APIの利用を評価しますので、email はサービスプロバイダを利用して下さい。また外部サービスの API はバックエンドから呼び出し、決してフロントエンドから呼び出さないで下さい。そしてAPIキーは必ずシークレット・マネジャに保存して下さい。
・どのサイトメンバーの連絡帳かを wix-members モジュールで特定し、アクセス制限をして下さい。
・全ての機能をコーディングする必要はありません。
以上、多岐に渡り初心者には荷が重い課題となっています。しかし業務としては当然の要件が並んでおり、提出期限も設けられていませんので、基礎・基本力を試せる良いチャンスになります。いい課題だと思います。
対策については機会を改めてお話し致します。
Velo開発のご依頼はこちら