【HTML/CSS】爽やかブルーの動くポートフォリオサイト・テンプレート【初心者向けコメントアウト付き】 デザインやアニメーションやトランジションなどは動画よりご確認ください！ Web制作初心者の方でも扱いやすい、HTML/CSS/JavaScriptで構成された個人Vtuber＆ポートフォリオテンプレートです。 「爽やかなブルー」を基調としたデザインで、信頼感と清潔感のあるサイトがすぐに作れます。 スクロールに合わせて要素がふわっと浮き上がるアニメーションや、今どきの滑らかなスクロール演出（Lenis）を実装済み。 コード内には**「どこを書き換えればいいか」の丁寧なコメントを入れているため、HTMLに詳しくない方でも、テキストと画像を差し替えるだけで自分だけのサイトが完成します。 ✨ こんな方におすすめ 自分の作品をまとめたポートフォリオサイトが欲しいイラストレーター・動画制作者・Vtuber様 VTuber活動などのキャラクター紹介サイトを作りたい方 就職・転職活動で「おっ」と思わせるWeb履歴書を作りたい方 Wixなどの作成ツールではなく、自分でサーバーにアップロードして運用したい方 💎 主な機能・特徴 洗練されたアニメーション オープニングのローディング画面 スクロールに連動したふわっとした出現演出 背景でゆったり動く幾何学オブジェクト マウスカーソルの追従エフェクト（PC閲覧時のみ） スマホ・PC完全対応（レスポンシブ） 閲覧するデバイスに合わせてレイアウトが自動で切り替わります。 スマホ時はハンバーガーメニューを実装済み。 カスタマイズが簡単 CSSの変数（:root）を変更するだけで、サイト全体の「メインカラー」を一括変更可能。 Google Fonts（Noto Sans JP / Montserrat）導入済み。 滑らかなスクロール体験 高機能スクロールライブラリ「Lenis」を採用し、高級感のある操作感を実現。 📦 内容物 zipファイル内容↓ ・port.html ・Readme必ずお読みください。 ※CSS/JSはHTML内に記述されているため、ファイル管理が簡単です。 🛠 動作環境・技術スタック HTML5 / CSS3 jQuery 3.7.1 Lenis (Smooth Scroll) Google Fonts -注記- 【OK】 ・デザインやコードの改変・カスタマイズ ・クレジット表記なし 【NG】 ・テンプレートそのものの再配布・転売（改変の有無を問わず不可） ・「自作発言」 ・公序良俗に反する利用 当人は購入者様がこのhtmlファイルを使用し発生した被害など一切責任を負いません