こんにちは、しろです。

2/1から続けてきたDailyCocoda! が、3/22で50個全て完成しました！
少しずつ続けていければいいかなーと思っていたのですが、気がついたら50日間連続提出していました。

提出したDailyCocoda!作品はこちらから

今回は、DailyCocoda!をやりきってみた感想や、お題の進め方のポイントなど個人的にまとめてみました。

初挑戦した時の記事→Cocoda! に初挑戦してみた

🏃‍♀️やりきってみた感想🏃‍♂️

001~025（半分）までは、毎日続けることが辛い時もありました。お題によっては3時間位ぐるぐるアイデア出しをしていた時もあったり…
後半は、続ける習慣がついてきたり、サクサク作業が進むことが増えていきました。
リアクションやコメントを沢山いただいたり、毎日続けている方がいることで挫折しませんでした。ありがとうございました🙇‍♀️🙇‍♀️

やりきることが厳しい場合は、アイデア出し＋設計、素材集め、作成を時間あけてやるのもおすすめです。
私はアイデア出し＋設計を朝行い、素材集めと作成は夕方やっていました。

やりきってみて変わったこと

私の中で、特にここの力がついた！と思ったのは以下の３つです。

・毎日限られた時間の中で作品を作り上げるという習慣がついた
1日1~3時間程度でも毎日作品を提出することで、まとめ上げる力がつきました。また、この程度のアプリなら◯◯時間で作れるという感覚が掴めるようになりました。

・アプリの基本的なUIを掴むことができた
ログイン、LP、カメラ、ECサイト、ニュースサイト、ストリーム等、今身近に使用されているアプリ（Webサイト）のお題が満遍なく出るので、進めている内に機能ごとの基本的な構造が理解できるようになりました。
他のお題でも基本構造を参考にしながら作ることができるので、効率化にも繋がりそうだと感じました。

・なぜこのデザインなのかを説明する練習になった
私の中で今１番の課題が、『サービスの設計やユーザストーリーを言語化・図式化できるようになりたい』というものでした。
DailyCocoda! では、毎回ユーザやコンセプトが指定されているので、どうしてこの色を使用するのか、どうしてこの構造なのかをきちんと考えて行う訓練になりました。
提出する時に、説明文を書く欄があったのも良かったです。

✏️お題の進め方

初期の頃に決めたマイルールを最後まで徹底しました。

思考　→　メモ書き（手描き）　→　調査　→　作成

🗒思考→メモ書き

朝お題を確認したら、15分位で機能やラフスケッチ、気がついたこと、他のアプリで確認することを書き出します。

メモ一例（手帳のメモ書きを撮影しているので字が歪んでいます…💧）

このスケッチやメモ書きがあると、実際に作り込む段階で手が止まりにくくなったり、作り直しの手間が無くなるのでおすすめです！

🔍調査

参考アプリをダウンロードして、使用感、導線やボタンの配置を確認します。
あまり取り組んだことのないお題の時は、UIトレースをする感覚でサイズを確認していました。（カメラや動画系のお題）
最初の内は時間がかかっていましたが、沢山のアプリを見ることで大体の構造を掴むことができるようになるので、設計時に迷いにくくなりました。

調査時によく使うChromeの「検証」機能です。
PC上でもスマホやタブレットのレスポンシブサイトが確認ができるので便利です。このまま全画面のスクリーンショットを撮ってトレースの練習にも使えます。

🎨作成

01~50までAdobe Illustratorで作成しました。
メモ書きと調査で大体の設計ができているので、デザインに落とし込んでみて機能が落ちていないか、違和感なく使えるかを確認しながら作成していきます。

アイコンや画像は基本的にはフリー素材を使用しました。
以下のサイトを使用していました。

【デザインの参考】
dribbble
【写真素材】
Unsplash（https://unsplash.com/）
GIRLY DROP（https://girlydrop.com/）  
【アイコン素材】
ICOOON MONO（https://icooon-mono.com/）
Freepik（https://www.flaticon.com/）

DailyCocoda! を達成すると…！？

Dailycocoda! の50個のお題をやりきると、自分専用のcongratulationsページが出てきます🎉
今までに作った作品一覧を眺めることができるページで、かなり達成感があります。

そおわりに

今の時代にあったお題や、わかりやすいTips集、完成した時のお祝いページなど、力を付ける＋続けることをかなり考えてられているサービスです😊
たくさんの作品を作ることができるので、ポートフォリオ作成にもすさ役立ちそうです！
今後は、画面数の多い課題にも挑戦していきたいと思います！！は

↑記念にフォトブック作ってみました📕
（50ページ版も現在作成中…）　

最後までお読みいただき、ありがとうございました⛄️