← トップに戻る
Tech Stack
本ポートフォリオサイト自体も制作物のひとつです。ソースコードは GitHub で公開しています。
Framework
Next.js 16
App Router + 静的エクスポートで全ページをビルド時に生成
Language
TypeScript
作品・プロフィールデータを型付きで一元管理
Styling
Tailwind CSS v4
テーマカラーを CSS 変数で定義し @theme で統合
Libraries
React 19
UI 構築
shiki
コード抜粋のハイライト(ビルド時に HTML 化)
IntersectionObserver
スクロール連動フェードイン(ライブラリ不使用)
Fonts
Noto Sans JP
日本語本文
Inter
欧文(next/font でセルフホスト)
Hosting / Infrastructure
GitHub Pages
ホスティング
GitHub Actions
main への push で自動ビルド・デプロイ