HTML/CSS/JavaScript を使ったレスポンシブ対応の静的ポートフォリオサイト。スクロールアニメーションやボタン操作などのフロントエンド表現も実装。

この記事は、Part2 『入門』Reactポートフォリオ作成の続きになります。 前回のあらすじ 前回は、各ページのコンポーネントを作成して、react-router-domを導入しpathとcomponentを設定しました。 Navbar.jsで各リンクの設定 Navbar.jsを開き以下のように編集します。

1ヶ月近くSNSから身を置き更新がすっかり滞ってしまったのですが、決してダラダラ遊んでいた訳ではなく、『0からHTML/CSSを ...

HTML/CSS の技術力に不安があったため、いきなり Next.js で作成するのではなくピュアな HTML/CSS でサイトを作成することから始めました。 その後、SCSS での実装に変更しつつ GitHub Pages にアップロードした静的サイトのパフォーマンス向上を施しました。