ポートフォリオサイトをリニューアルしました

自分のポートフォリオサイトをリニューアルした。以前お知らせした書籍にポートフォリオの URL を載せるに当たり、今までのものではまずいかな、という経緯です。

前回のデザインはブラウザの UA スタイルシートで構成されたものでした。非常にロックであり既存のあらゆるデバイスへの対応、考えうる最速のパフォーマンスを提供しましたが、飲み会で結構滑るのでやめました。

なのでこんなの作った。

koume.in

koume.in


このサイトは Jade + Gulp で開発環境を作った。Gulp では、開発段階で svg や png をはじめとするイメージや文書の最適化、各ファイルの minify 、デプロイコマンドでの HTML/CSS/JS の gzip 化 、公開までの全て行ってくれる。ほんと Gulp 様様って感じだ。

高速化も取り組んでいるので、(そもそもそんなにわちゃわちゃしてないけど)ストレスを感じる速度ではないはず。ちなみに Y!Slow のスコアは98点だった。めでたい。ホスティングは自前の VPS で行っている。

また、今回は反省点もたくさんあった。スタートは極力最小限であるべきだけど、削りきれなかった。全ての要素が意図を持っているのか、アニメーションは効果とパフォーマンスを天秤にかけてきちんと判断できているのか、その辺が甘かったと思う。次回に活かしたい。 力量不足以外の何物でもないので、これは次回以降、継続して作り続けることで向上させていきたい。とりあえず、いまは WebGL でなにかしたいと思っているので、アイデアが降りてきたらアップデートしたい…!

もっといいサイトを作れるようにがんばるゾ。