2020-04-18に投稿2020-09-24に更新イベントレポート5分で読む (約713語)

クリ森公式サイトの振り返り

こんにちは。

先日、「引きこもれ！クリエイターの森」という企画のHPデザインを担当しました。
そこでこだわった点をちょっと話したいと思います。

スピードと最適化

今回は、スピードと最適化に重点を置いて制作しました。
スピードというのは

以上の2つです。

今回のサイトは、デザインの骨組み作成2時間、デザイン5時間、最適化2時間の計9時間で作りました。

今回の企画が、そもそもかなり短い期間で準備をしなければならなかったので、そのために早めた感じですね。

開発スピードを上げるために

などを行いました。

最近はGithubの扱いに慣れてきたこともあって、なかなか良い開発ができたと思っています。

CSSに関しては、Bootstrapを用いることで最小限にして、少ない記述でサイトを組み立てました。

今回は、表示スピードを早めるために

という手段を取りました。

これにより、Google insightsで100点を取ることができました

めっちゃ急ぎで作ったので超辛かった
てかもっとこだわりたかった

あとサイトに動きがまったくないので、軽量化しつつどうサイトに動きを付けていくかは今後の課題としたいと思ってます（APNGやWebMなども試してみたいな～）

めっちゃ急いで開発する知見を得た

あとはやっぱりWebPは速い
あと画質良い

今回のサイトは個人的にはやりたいことができて満足でした。
今回のサイト、お金もらってないので良かったら寄付してください。

Braveブラウザを使えば、継続的に支援することもできますよ。