ProtoPediaの作品登録の仕方



ITクリエイターの「つくろう」や「つくった」を発表する場で、日頃の制作活動にて生まれたモノやコトを記録、登録するWEBサイト「[ProtoPedia](https://protopedia.net/)」の使い方がわからない！！
という声を沢山いただくので、マニュアル作ってみました。

目次
1.ProtoPediaにアクセス
2.アカウントを作成する（またはログインする）
3.作品を投稿する
4.自分のページを確認する

#1.ProtoPediaにアクセスする
https://protopedia.net/
にアクセス。こんなページが表示され、最近作られた作品達が表示されます。
![screencapture-protopedia-net-frontpage-2020-03-31-10_14_08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/2766198d-47f9-f535-68a1-1305a2949e57.png)


#2.アカウントを作成する（またはログインする）
右上の「ログイン」をクリック
![20190221092954.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/db1eb01e-d000-e0c2-af7e-f9c0d23c3e49.png)

####・アカウントを持っている方
 usernameとPWをいれてログインしてください

####・アカウントを持っていない方
真ん中タブの「アカウント作成」タグをクリックしてください
![20190221094040.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/9a281999-49e7-b94e-b943-e8fe30d4ad6a.png)

クリックするとアカウントの作成画面に遷移しますので必要事項を入力して登録ください。
~~Facebookでアカウント作成することも可能です。~~　＊現在、新規でのソーシャルアカウント作成中止中
![screencapture-protopedia-net-user-register-2020-03-31-10_15_48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/538c10d7-fe83-9feb-9090-a26f04add01c.png)

必要となる情報は以下の様になっています。（*）は必須

- メールアドレス（＊）
- Username（＊）
- 名前・姓名（＊）
- プロフィール写真
- URL（ブログなどの）
- 自己紹介文
- 利用規約のチェック（＊）

入力が終わったら、【アカウントの作成】のボタンをクリックします。これで登録は完了です。
![20190221100445.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/dfefb13c-bb5f-371b-d3fc-e098ab60e462.png)

登録をしてログインをするとヘッダーが変わります。


#3.作品を投稿する
ログインした状態ではじめて作品を投稿できます。
ログインしているとヘッダーが以下のようになっているかと思います。
（アカウント情報とログアウトメニューがでてくる）

ヘッダーメニューの「Prototypes」テキストをマウスオーバーすると、「＞投稿する」メニューが表示されるので、それを選択。
![20190221101517.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/84610b79-00cb-b7b2-a696-11271ef29a72.png)

選択するとPrototypeの作成画面に遷移します。
![screencapture-protopedia-net-node-add-prototype-2020-03-31-11_46_07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/b46735f0-9b41-82a2-2da0-40592883db7e.png)

登録する項目は以下の通りになります。
- Title（＊）
- ステータス（＊）【アイデア段階・開発中・完成作品】のいずれか
- 画像（５画像まで）
- 動画（動画をアップロードしたURL）
- Body（作品の概要）
- API・素材等
- タグ
- プロトタイプのURL（もし作品のホームページを作っているようであれば登録）
- チーム名
- チームメンバー（一人以上の登録が必須）
- 連絡先メールアドレス（＊）
- Wow（この作品のアピール）


以下は、可能であれば登録していただきたい項目になります。
#####API・素材等の登録
ここに登録すると、素材ページ（例：[micro:bit](https://protopedia.net/material/microbit)｜[Twilio for KWC](https://protopedia.net/material/twilio-kddi-web-communications)）にて作品が並び、より多くの方の目にとまる可能性があります。複数登録可能です。
<img width="696" alt="スクリーンショット 2020-03-31 11.48.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/1bb9649d-d748-899d-dd65-74b8e756a5b0.png">
少し入力するとサジェストでてきます…。ただ、現在ProtoPediaに登録されているものでないとサジェストがでてこないので、でてこなかったら登録がされていない状態かも…。
そしたら、タグのほうで情報を入力してみてください。
#####タグの登録
![20190221111405.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/dbe3b11d-7c02-31e0-8d44-9082c8ded630.png)
こちらは、ハッカソンなどの際には、ハッカソン名、コンテストの場合はコンテスト名をいれてもらうよう、アナウンスされることも多いです。複数登録可能です。

#####チームメンバーの登録
チームで作られた作品の場合は、チームメンバーも登録しましょう。「チームメンバーを追加」から、登録ください。
![20190221112147.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/0d1a5c00-2e4f-aea5-b984-d4b4ed16f4b0.png)
ただし、ProtoPediaに登録されている方が対象になりますので、メンバーにも登録いただき、ユーザーネームを聞いて入力して登録ください。

#####プレビュー
登録が終了したら【保存】ボタンをクリックします。事前に【Preview】ボタンを押せば、登録した作品がどのように見えるかわかります。登録したあとも編集はできますので、こまめに編集していくのがいいと思います。
![20190221104331.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/c14a3905-a688-612d-850e-eb88853063fc.png)

作品の登録が終わると以下のような画面になります。これで登録は完了となります。
![screencapture-protopedia-net-prototype-eed5af6add95a9a6f1252739b1ad8c24-2020-03-31-12_20_22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/0565e7ab-eba4-bd68-9291-c49d3f893889.png)

【編集】のタブをクリックすれば再編集も可能です。
![20190221112732.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/a68f5137-f8fb-3f00-71cc-ab3adbe19e16.png)



#4.自分のページを確認する
ログインした状態で【アカウント情報】をクリックすると、これまでに過去に作られた自分の作品が一覧化された状態で登録が確認できます。
![20190222004431.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/4e6ed0b4-a39b-9136-f78b-8c7ef97e6fa7.png)

クリックすると以下のように一覧で表示されます。
![20190222005006.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216169/db0e7b1e-1c7e-8102-76e6-c8a923d492f6.jpeg)


ProtoPediaはハッカソンやコンテスト用だけのツールではありません。
作品を作ったら、PtotoPediaに登録して、「おれこんな作品作ってるヤツやで！」みたいな感じで自己紹介などで使っていただけると幸いです。

[Wantedly](https://www.wantedly.com/)のポートフォリオ欄などで登録してくれているひともたくさんいます。


こちらの情報は[上田さんのブログ](https://uepon.hatenadiary.com/entry/2019/02/21/115002?fbclid=IwAR0BRNeQ8Cl3EhiheyM9Ar9biuaoHIu_WxD47qIUiIY457giaeRjIwIrpz8)を参考にさせていただくと同時に、画像もいくつかお貸しいただきました。
ありがとうございます。