この夏にWeb初心者ですが自分のWebサイトを作ったので、その話をしようと思います。
まず思ったのは、自分デザインセンスなさすぎ。
OGPもロゴも手抜き感満載だし、機会があれば誰かに頼んで作ってもらおうかな～とか思ってます。
↓ロゴ
↓OGP画像
技術的な話
使用した技術とかライブラリとか
- Typescript
- React/Next.js
- tsParticles
Vue？なにそれ。知らない子だね...
それはさておき、このtsParticlesとか言う背景に幾何学模様を描くライブラリ、めちゃめちゃかっこいい。多分particles.jsっていう素jsライブラリのNode.jsバージョン的な感じなのかな？
ぜひ僕のサイトを見て確かめてほしい。最高。
ただ、なぜか僕の環境だと普通にやるとエラーが出てしまったので、Deprecatedなライブラリをインストールする必要が出てしまいました。悲しい。
あと、自分はWeb初心者なのでよくわかりませんが、ここまで小規模なサイトの場合あんまりNext.js使う旨味がないのかな～とか考えてます。しらんけど。
Vue？なにそれ。知らない子だね...
少なくともAtomic Designはやる必要なかったかなと。
過去の自分：Atomic Design? なんかトレンドらしい... とりまやってみるか\( ᐙ )/
普通にそのせいでめちゃくちゃ複雑なコードになったんですが！？
あと、TailwindCSSはなんか僕には使いこなせなかった。
一応素のCSSは殆ど使わずにTailwindだけでつくったんですが、無事保守性がごみかすになりました。
その他諸々
実は実際にコード書く前にFigmaでデザインを作っていたりしたのですが、なんか結局ぜんぜん違うデザインになりました。
自分には使いこなせないようです。
あと、Figmaで作ったデザインをコードに書き出すプラグイン的なやつを使ったら、レイアウトがぐちゃぐちゃになりました。もうちょっと精度が良くなったら改めて試すかも...？
あと、ブログ欄が準備中になってますが、書くか書かないかは主のやる気次第なので、一生準備中かも。期待してた方々ごめんな(´◡`)(自信過剰)
自分のサイトのリンク
今までさんざんdisってきた自分のサイトですが、なんやかんやで力作なので、皆さんぜひ見てほしいです！！！！！！