本サイトは新田聡一郎の個人事業のポートフォリオサイトとして2018年春に公開されました。
リニューアルにより、サイトのURLはこちらに移動しました。
今となっては粗さの目につく稚拙な作品ですが、当時出始めたばかりのNuxt製のサイトにアニメーションを詰め込んだことは、デザインアワードを受賞するようなNuxt製ホームページの先鋒であったとも言え、お仕事のご依頼や技術者同士のつながり等、流行に乗りたくさんのことを引きよせてくれた作品ではあったと今では思います。
またVueを初めて採用したプロジェクトでもありました。(それまでは数年ほどRiotを愛用していました。)
流行り始めたNuxtで何か作ってみよう!という動機で作り始め、Nuxtに感動しながら作っていた思い出があります。
制作期間: 2018/03 ~ 2018/04/26
マシン環境: iMac Pro (2017) 8-Core 3.2GHz Intel Xeon W
ツール: VSCode, Terminal.app, Photoshop CC
開発言語: JavaScript, Node.js
主要ライブラリ:
サービス: Netlify, Google Domains, GitHub, AudioJungle, Google Fonts
ウェブデザインアワード「Awwwards」において、以下の各賞を受賞しました。
ウェブデザインアワード「CSS Design Awards」において、以下の各賞を受賞しました。
本サイトで実装した、Nuxt.js, Vue.js, Vuex, GSAPを用いたアニメーションの技法についてQiitaに寄稿しました。
Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 - Qiita
GitHubにてサンプルコードを公開しています。