結構前に完成はしていたが、載せるのが少し遅くなった。
実は、このプロジェクトを作成しながら、自分の能力がまだ足りないことに気づいてもっと勉強をしていた。
まずは、前にも言ったことがあるが、デザイン感覚が悪いこと。
私がデザイナーを目指しているわけではないが、エンジニアとして仕事をする以上、WEBサイト作りの全体的な流れは理解しておいた方がいいと思った。
それで、デザインも私個人的には重要だった。
UI, UX, ユーザービリティなどの様々なデザインの要素があるが、それらはともかく、配色などの基本的な要素すら勉強していなかったのが、デザイン的な失敗の要因だった。
私は、デザインの本を買って読み始めた。Youtubeや色々なサイトを巡りながら勉強もした。
そうしたら、立派には出来なくとも、基本的な要素については理解ができるようになった。
そして、やっぱり時間の問題かな。
まだ慣れていないからか、結構時間がかかった。でも、サイトを作っている途中にも慣れてくる気はした。
あとは、自由自在に扱えていないこと。
これも熟練の問題だと思う。
なぜなら、Googleに調べながら作っていると、こんな考え方もあるんだなと驚きながらも、いつの間にか自分が扱えるようになっている。
例えば、
このコードは、この(下のイメージ)部分にアニメーションを適用するために作成したJqueryだ。
（上のGIFを参照）
このアニメーションは、ほかのサイトでも結構見ることが多かった。
簡単に作れるし、いい感じのデザイン要素だからかな。
画面の高さを計算し、適用させるところの位置と比べて、opacityと写真の位置をもとに戻すだけの簡単な作業だ。
最初は不思議だと思っていても理解さえすればすぐに自分のものになってくる。そして、応用できるようになる。
やっぱりまずは作ってみるのが大事だと思った。
サイトを作りながら、
最低限のデザインの原理は知っておきたくて、勉強を始めた。
アニメーションを適用したいと思い、Jqueryを勉強した。
HTMLやCSSなど頭から薄くなっていた知識を覚える時間にもなった。
まずはやってみる。ぶつかってみる。
これを一生忘れないように。
次回のプロジェクト。すでに７割ほど完成！？
お楽しみに！
（こちらはオンライン掲載予定。）