ポートフォリオサイト（本サイト）

制作区分

自主制作・実用

サービス分類

Webサイト制作

公開状態

公開済み

今ご覧いただいているこのサイト。Three.jsで描く海のヒーローとデータ駆動の事例管理を備えた、DBなし・ビルドなしのPHPサイト。

AK²Labの制作事例をまとめるために設計・実装した、このポートフォリオサイト自身。PHPテンプレートとJSON/CSVで構成し、DB・ビルドツール・外部パッケージを使わずに動作する。トップのヒーローは、上空から見下ろしたうねる海面をThree.jsのシェーダーで描く。空と水の色・太陽の向きは閲覧時刻で朝・昼・夕に切り替わり、ドラッグで視点を回せる。照り返しは海面の傾きの広がりまで含めた式で求め、きらめきの粒として描いている。ページヘッダーではCanvas 2Dの生成水面を使っている。制作事例はキーワード検索とサービス分類・技術・領域の複合絞り込みに対応し、参考価格・担当範囲・関連リンクをJSONで管理。対応スキルと使用ツールはCSVから読み込み、分類フィルター付きで表示する。登録データは検証スクリプトでタグ、リンク、画像パスなどの整合性を確認できる。