ポートフォリオサイトを作成しました

背景

授業課題の1つでポートフォリオサイトを作成しました。そうです、このサイトです。
課題と言われずとも多分作ってましたが、授業内で作成できるのは良かったです。先生大好き。

ライブラリはこちらから。

授業でHTML、CSSを学んでから自分で技術選定できるような課題等ではTailwindしか使った記憶ないです。写経かコピペぐらいしかしてないです。
普通にCSS書けって言われたら困りそうなので、そろそろちゃんと勉強したいですね。Sassとかもやってみたいです。

いくつかこだわったポイントがあるので紹介していきます。

一番のポイントです。このサイトは後期の課題なのですが、前期課程はUIライブラリに頼り作成していました。
そこで後期は頑張ってCSSを書こうと思いできるだけ自分のイメージをCSSで再現しています。テーマ変更ボタンとか一押しです。

カード好きなんですよね。情報がまとまった感じがするのわかりませんか？
いろんな所でカードを使っています。

デザインのセンスが欠落してる人間なので中々に難しかったです。
当初の予定通りのデザインとはいきませんでしたがまぁ満足してるほうです。

タイポグラフィやコントラスト等、講師の先生に色々教えて頂きました。ありがとうございました。

コードに限らずディレクトリ等も含みます。これはいつも意識しているのですが、特に意識しました。
ですが、あまり綺麗にはできなかった印象です。

Tailwindが肥大化しても見やすいようにclsxを導入したのですが、スタイルをあてる順番みたいなものを意識すべきでした。

ディレクトリの割り方もこれでいいのかな？って印象です。

各コンポーネント等の詳しい実装は、Blogにちょくちょくあげていきます。

このサイトに飽きて新しく作るまでは更新していくので見て頂けると勝手に喜びます。