本サイトは新田聡一郎の個人事業のポートフォリオサイトとして2018年春に公開されました。

リニューアルにより、サイトのURLはこちらに移動しました。

2018.nitta.studio

今となっては粗さの目につく稚拙な作品ですが、当時出始めたばかりの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

主要ライブラリ:

• @nuxtjs/pwa ^2.0.8
• gsap ^1.20.3
• nuxt ^1.0.0
• nuxt-device-detect ^1.1.0
• pug 2.0.0-beta6
• stylus ^0.54.5
• vue ^2.5.13
• vuex ^3.0.1

サービス: Netlify, Google Domains, GitHub, AudioJungle, Google Fonts

リポジトリ: soichiro-nitta/2018.nitta.studio

ウェブデザインアワード「Awwwards」において、以下の各賞を受賞しました。

• Mobile Excellence
• Honorable Mention
• Mobile Site of the Week
• Mobile Site of the Year Nominee

Nitta.Studio - Awwwards Nominee

Nitta.Studio - Mobile Report

Nitta.Studio - Mobile Site of the Week

ウェブデザインアワード「CSS Design Awards」において、以下の各賞を受賞しました。

• Best UI Design
• Best UX Design
• Special Kudos Award

Nitta.Studio - CSS Design Awards

本サイトで実装した、Nuxt.js, Vue.js, Vuex, GSAPを用いたアニメーションの技法についてQiitaに寄稿しました。

Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 - Qiita

GitHubにてサンプルコードを公開しています。

リポジトリ: soichiro-nitta/qiita-animation