神部凱斗 ポートフォリオ
Overview
自分の仕事と人柄を伝えるためのポートフォリオサイトです。ファーストビューに three.js の3D表現と切り抜き写真の動きを入れ、実績とお知らせは microCMS から更新できるようにしています。お問い合わせはフォームから受け付け、通知メールと自動返信を送ります。
Period
2026
Service
個人の制作実績の紹介とお問い合わせの受付
URL
Role
Full Stack Engineer
Scope of work
企画／デザイン／フロントエンド・バックエンド開発／運用
Features
3D のファーストビュー（名前の文字の反応、ブロブ、トーラスノット、紙飛行機）制作実績の一覧と詳細（microCMS で更新）お知らせ（NEWS）お問い合わせフォーム（通知メールと自動返信）スキル一覧スクロールに合わせた演出
Technical highlights
Astro による静的サイトで、表示が速い3D 表示は トップだけ遅延読み込みして軽量化CMS の更新後は再ビルドで反映お問い合わせは Cloudflare Pages Functions、D1、Resend で運用
Tech stack
- Astro
- TypeScript
- Three.js
- GSAP
- microCMS
- Cloudflare
- Resend