koke portfolio

kokeWebClip

kokewebclipの画像です。
制作期間
2ヶ月
使用技術
HTML CSS WordPress jQuery
使用ソフト
Photoshop

flow

作品概要

学校の進級展で制作した作品になります。アニメやゲーム、ボカロなどのいわゆるサブカルチャーと呼ばれているジャンルのWebサイトをクリッピングして公開するWebギャラリーサイトです。自分がいいなと感じたwebサイトを集め、現在は100サイトほどクリッピングしています。

制作の過程・思考

進級展でWebに関することであれば自分の好きな作品を作れるということだったので趣味や好きなことを何かしら絡ませて制作していこうと考えました。私はアニメやゲームなどのオタクっぽい趣味があるのでやはりそこを絡ませていくべきだと思い、普段からWebサイトは見るので、見るだけでなく集めてクリッピングしていくことで今後のアイデアの参考を探す時にも使えるのでこのWebギャラリーサイトを制作しようと決めました。

公開したWebサイトを探しやすくするためにもカテゴリーで分けました。ゲームかアニメかどうか、さらにそこからジャンルごとに分けることで参考にできるようなサイトをより早く探せるようにしました。また今後の更新のしやすさを考慮してWordPressを導入しました。サイトの機能として、下にスクロールしていくとトップに戻るボタンをjQueryで実装しました。また、じっくり見ることも多いのかなと考えたのでダークモードを実装しました。ヘッダーにあるダークモードをクリックすると背景が黒、文字色が白になります。もう一度クリックすると元に戻るようになっています。

この制作を通して最後までサイトとして機能するところまでやっていく大変さを改めて学びました。なかなかうまく動かない時こともあり大変でしたが、自分の好きなことに関連していたこともあり全体的に楽しく制作はできたかなと思います。進級展では作品の展示だけでなく、作品についてのプレゼンも行いました。そこで自分の考えを言語化すること、プレゼンは5分と決まっていたのできちんと5分で伝えるべきことをしっかり伝える、大勢の前で発表するという緊張感などいろいろなことを経験できました。