BASHICO — 当ポートフォリオサイト

いまご覧いただいているこのサイトです。フリーランスとしての自己紹介と制作事例をまとめるために、企画・設計・デザイン・実装・公開までを一人で制作しました。デザインは配色・文字・余白のルールづくり（デザイントークン）から起こし、マスコットのビーバー「バシコ」もSVGで自作しています。トップページではカーソルに視線がついてきます。

実装は Next.js（App Router）と TypeScript、スタイリングは CSS Modules + Sass です。ページ遷移には View Transitions API を使い、動きは全体に控えめに。OSで「視差効果を減らす」を設定している方には、すべてのアニメーションが止まるようにしてあります。キーボード操作やスクリーンリーダーでの利用も含めて検証し、モバイルでの表示速度も高い水準を保つよう作りました。お問い合わせフォームは Resend を使ったメール送信で、入力エラーの案内やスパム対策まで作り込んでいます。

「見えない部分にも同じだけ手を入れる」という当サイトの方針を、そのまま実物で確かめていただくためのサイトでもあります。画面の振る舞いやソースの構造も含めて、制作をご依頼いただく際の品質の目安としてご覧ください。