ProtoPediaを使ったコンテスト開催のメリットとやり方


[ProtoPedia](https://protopedia.net/)は、
・つくる場やきっかけがもっともっと増えたらいいな
・新しいデバイスがでて、みんなが遊ぶところみたいな
という思いから、「かんたんにコンテスト開催できる機能」があります。

・コンテスト開催したいけど予算が…
なんて担当者の方は、ぜひぜひ活用ください！
また、ハッカソン利用にも向いていると思います。

ProtoPediaを活用してコンテスト開催するメリットはこんなかんじでしょうか

* 作られた作品が一覧として残る
* ProtoPedia登録者にPRできる
* 作られた作品を多くの人に見てもらえる
* 審査がしやすい
* コンテストLPをマークダウンで簡単につくれる＋受賞ページもつくれる


ツールを利用すれば、担当者の方でこんなものが作れます

1. コンテストの簡易ランディングページ（例：[toioのdo!コン](https://protopedia.net/event/13)）
* 応募作品一覧（例：[M5Stack Japan Creativity Contest 2021](https://protopedia.net/event/22)）
* 受賞作品一覧（作品へのバッジ付加）
* ProtoPedia利用者への告知（TOPページ中段バナー）
* 審査シート（応募作品をtab形式でDLできます）


また、ご希望であれば以下のような対応も可能です

* ProtoPedia利用者へのメール告知
* ProtoPediaページへのバナー表示（トップページ、作品ページ）
* コンテスト運用（利用規約の作成、応募フォーム作成、問い合わせ対応、副賞送付など）


イベントページ作成ツールの利用のステップについて、説明します。

#①イベントページの編集権限設定と作成

###1.ProtoPedia管理者側がグループを作成
　ご希望のグループ名をお教えください（後で変更可能です）

###2.グループ管理者に追加します
作成したグループの管理者に設定しますので、ProtoPediaのアカウント名をお教えください。
追加後にグループページにアクセスすると「グループを編集」「新規イベント作成」ボタンが出現します。
![スクリーンショット 2021-12-23 12.32.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/77ee1b61-c506-62a8-d540-8d7652d89e53.png)

###3.グループ内容を編集ください
上記までの対応が終わったら、グループページにアクセスいただき、情報を追記ください。
管理者の追加も可能です。
 ※管理者追加には、ProtoPediaアカウント登録が必要になります。
![スクリーンショット 2021-12-23 12.35.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/328e2c5f-60dc-8695-233c-43c891c7518a.png)

###4.新規イベント作成する
「新規イベント作成」ボタンからイベントページを作成する。
 イベント作成ページじて、まず関連グループの選択をお願いします。
続けて、以下の情報を登録いただけます。
・イベント名（必須）
・イベント概要
・主催者名
・開催日時（必須）
・イベントURL
・カバー画像
![スクリーンショット 2021-12-23 12.38.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/476448d8-5230-7060-6608-973f2da8ae9f.png)

必要事項の入力が終わったら、右上の「イベントを登録」ボタンをクリックして、イベントページ作成完了です。
　注意）下書き保存機能はありません。作成するとグループページに掲載されます。

#②応募作品一覧の作成
イベントに関連した作品を表示したい場合は、ツールをご利用いただきます。
ツールに、以下の3点を入力いただき、「作品を登録」ボタンをクリックいただくと、イベントページに作品が表示されます。
（ツールを利用されたい方は、別途お知らせしますので問い合わせください）
 ・イベントID
 ・認証キー
 ・登録URL


#③受賞作品一覧の作成（作品へのバッジ付加）
ベントページ上に表示されている「賞を登録する」ボタンをクリックします。
![スクリーンショット 2021-12-23 12.42.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/e63797d1-7d3c-1b9a-b8fa-72bbb191ab73.png)

###1.受賞情報を入力する
以下の情報を入力します
・表示順
・表示カラム
・賞名
・賞バッジ
・コメント
・作品番号
・受賞写真
![スクリーンショット 2021-12-23 13.00.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/10736ef3-f1af-857d-3eda-de3ccc2be82a.png)

最後の受賞公開設定は、「非公開」のままでお願いします。
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3231363136392f36646433306166332d636630372d326638332d363665372d3732353135643633343431612e706e67.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/96cddc6a-b3e0-1b0d-d165-59b5abcd61f1.png)


###表示カラム
カラムとは、列の表示件数レイアウトです。1カラムか3カラムの選択が可能です。
受賞件数が多い場合は、3カラムの利用をおすすめしております。
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3231363136392f38376139346139332d346161322d356463312d363236612d6166626161303866633262302e706e67.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/077c2b0d-65e4-101f-c80e-99bc41aa1a63.png)

###受賞バッジ
受賞バッジは、金色、銀色、銅色、青色の4種類から選択可能です。
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3231363136392f36343530373138662d626365652d353633622d373632662d6262363866336535346134352e706e67.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/572c463e-fb58-1ce6-06ff-a3101d53ca0f.png)

右上の「受賞作品を登録」ボタンをおすと、マスクがかかった状態で公開ページを確認できます。
（ここが一番緊張します）
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3231363136392f36616263643737652d396638622d623933352d613161622d3935383261633839623538662e706e67.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/e9cf6329-33e4-35a2-6915-1d682f00ed5d.png)


###2.公開日を設定する
イベント編集ページの一番下の「詳細を入力」をクリックください。
 受賞公開日時が設定できますので、公開したい日時を入力ください。
 （受賞公開状況は、非公開になっているはずです）
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3231363136392f66303939313765392d323732652d653636392d393532622d3633303234343733396565652e706e67.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/7a4b1a1f-e6be-7926-b453-dec38e3bfe59.png)


公開されるとマスクがとれ、参加作品一覧が下がり、受賞作品一覧が上に表示されます。
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3231363136392f30306634613832362d326137392d303130612d636433312d6131643631376361313733362e706e67.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/68ac2ec5-c05d-2ea9-f01f-57dcf78817cb.png)


###受賞情報が公開されると起こるアクション
受賞情報が公開されると、以下2つのアクションが起こります。
 ・作品ページに受賞バッジと受賞コメントが表示される
 ・作品ページに情報が追加された旨が、作品メンバーに通知される（メールも送られます）

＜キャッチ画像上に表示される「受賞バッジ」＞
![スクリーンショット 2021-12-23 13.14.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/80c11916-8855-361e-60bf-9bef4f31376e.png)



＜コメント欄に表示される「受賞コメント」＞
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3231363136392f61363132636532312d303037322d366332362d626133342d3939653837613134636332642e706e67.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/3e0b8a66-f356-d6a8-2050-f4423b20a87b.png)



＜メンバーに受賞通知＞
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3231363136392f61356563376262622d643731302d313235382d616233302d3561313033623339373031612e706e67.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/4613d99b-e1f3-8e0e-076c-611033d556bf.png)


###！！！通知がいってしまうので、公開設定は慎重に！！！