PHP / JavaScript
概要
自身の経歴・スキル・制作物を伝えることを目的に構築した個人ポートフォリオサイト。フレームワークを使用せず PHP で構成し、テンプレート分割・データ管理・フォームバリデーション・メール送信までを自前で実装した。
技術スタック詳細
担当内容
MVCに近い構造を意識したディレクトリ設計を行い、includes と assets を分離してテンプレートとロジックの責務を整理。CSS はカスタムプロパティによるデザイントークンで管理し、Bootstrap と組み合わせてデザインの一貫性を維持した。お問い合わせフォームでは入力バリデーション・CSRF 対策・Cloudflare Turnstile によるスパム防止・PHPMailer によるメール送信・自動返信までを一貫して実装した。
工夫した点
フレームワークを使用しない構成でテンプレート管理と簡易ルーティングを自前で設計し、保守しやすいディレクトリ構成を構築。Cloudflare Turnstile のサーバーサイド検証フローについては公式ドキュメントをもとに処理フローを整理し、レスポンシブ対応時のレイアウトについても設計段階から考慮した構成とした。
成果
経歴・スキル・制作物・お問い合わせを一元管理できる情報発信基盤を構築。フレームワーク不使用の構成を通じて、PHP によるテンプレート分割・フォーム処理・外部 API との連携の実装知識を体系的に整理した。