ニッタスタジオ(個人事業)
💫
2018-nitta-studio
Nitta.Studio
Nuxt.jsで自己紹介サイト作りました。NetlifyホスティングでPWA対応してます。
いろいろ自分のイカれた略歴など晒しました。宜しくお願いします。
❤️
178
2018/04/26 01:39
🎨
Colors used
📜Commentary

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


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

2018.nitta.studio


今となっては粗さの目につく稚拙な作品ですが、当時出始めたばかりのNuxt製のサイトにアニメーションを詰め込んだことは、デザインアワードを受賞するようなNuxt製ホームページの先鋒であったとも言え、お仕事のご依頼や技術者同士のつながり等、流行に乗りたくさんのことを引きよせてくれた作品ではあったと今では思います。


またVueを初めて採用したプロジェクトでもありました。(それまでは数年ほどRiotを愛用していました。)


流行り始めたNuxtで何か作ってみよう!という動機で作り始め、Nuxtに感動しながら作っていた思い出があります。

🛠Production details

制作期間: 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

ウェブデザインアワード「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

まさかのアワァーーズから、Mobile Excellence Awardをいただきました!
@AWWWARDS とGoogleが提携して審査する、パフォーマンス・デザイン・UXで評価される賞とのこと。
スコアがかなり高くてうれしい!他のSOTDのサイトなんかと比べても上位のよう。Vue.jsのおかげ🙏🏻
awwwards.com/sites/nitta-st…
❤️
15
2018/05/09 05:06
Honorable Mention✨ 完全にAwwwardsおわったなーと思っていたけど、こちらもいただけました。
❤️
3
2018/05/09 05:13
🏅CSS Design Awards

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


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


Nitta.Studio - CSS Design Awards

なんとCSS Design Awardsから、Best UI Design、Best UX Design、Special Kudos Awardをいただきました。こっそり応募していたのですが、これはうれしい...!
cssdesignawards.com/special-kudos-…
❤️
91
2018/05/08 10:03
💡Learn tips

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


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


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


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

Qiita、書きました!サンプルコードを題材に解説しています。宜しくお願いします。
qiita.com/SoichiroNitta/…
❤️
31
2018/04/30 05:36
1100LGTM! | Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 by @soichiro_nitta buff.ly/3jPfkhh
❤️
20
2020/07/27 02:30
🥰
Loved by design people
ストアにアニメーションを集約するの天才の極みすぎる
Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 qiita.com/soichiro_nitta… #Qiita
❤️
10
2020/01/15 09:05
@soichiro_nitta スゴすぎる!
かっこよすぎだし、動きまくるし、どうやったらこんなセンスが生まれるんだってくらい感動ものでした。
❤️
2
2018/10/19 04:23
@soichiro_nitta 素敵すぎて鼻から牛乳が出ました
❤️
1
2018/04/26 01:54
シンプルな構成だけど、easeInBackな動きにセンスを感じる。
nitta.studio
❤️
2
2018/05/01 15:58
@tokidrill カッコ良すぎて嫉妬するぐらいカッコいいです 笑
PCで音出して見るとなおいいです!
nitta.studio/about
❤️
7
2020/02/19 03:31
@soichiro_nitta ポートフォリオサイトをお見かけしました!とてもかっこよくて、デザインとエンジニアリング両刀のインパクトに加えて音もよくて。。
興奮しながら拝見しました。
事後報告ですが、私のサイトで紹介させていただきました!
arutega.jp/japanese-portf…
❤️
9
2018/04/29 01:24
このサイトかっこよすぎた。
アニメーション入れ過ぎると鬱陶しくなりがちだけど、すごく綺麗に纏まってる。
nitta.studio/about/
❤️
3
2019/02/14 22:46
やばい…超かっこいー
今までに見たwebサイトの中で一番好きかもしれない nitta.studio
❤️
4
2018/04/26 09:11
おわり。
© 2023 Nitta.Studio Inc.