Lab
Lab は、まだ完全なプロダクトではない実験、プロトタイプ、ビジュアルシステム、開発メモをまとめる場所です。小さな検証を通して、より良いフロントエンドシステムを作るための知見を残しています。
React Three Fiber / GLB
構築済みGLBアセット、アニメーションシーン、ブラウザ上での3D表現、Web配信向けの軽量モデル最適化を検証した実験です。
クリエイティブコーディング
進行中シンプルなアイコン形状をパーティクル用の点群データへ変換する手作りのアプローチです。軽量で制御しやすいビジュアルシステムを目指しています。
ビジュアルシステム
構築済みCanvasベースの背景演出です。補助ページを重い3Dシーンにせず、技術的な雰囲気を演出するために使用しています。
3Dワークフロー
メモBlenderで作成した3DモデルをWeb上で扱いやすくするために、削減、デシメート、整理、エクスポート、圧縮についてまとめたメモです。
ワークフロー
運用中AIを設計・実装のパートナーとして活用しつつ、アーキテクチャ、責務分離、ソースコードレビューは人間側で制御する実用的な開発フローです。
React Three Fiber
構築済み選択した技術を単なるテキスト表示ではなく、モーフィングするパーティクルとして表現するインタラクティブなスキルステージです。
レスポンシブモーション
構築済みモバイルレイアウト向けに、技術スタックを右から左へ無限スクロール表示するスキルティッカーです。小さな画面でも自然に技術一覧を見せられるように設計しています。
インタラクティブUI
構築済みトップページ上で Projects と Blog を横方向に表示するコンテンツフェーズです。インタラクティブな入口と通常の詳細ページをつなぐ役割を持っています。
ブログUI
構築済みブログ詳細ページで複数の画像コンテンツを整理して閲覧できるスライドショーUIです。画像ベースの内容を読みやすく見せるために実装しています。
データ取得
構築済み公開済みブログコンテンツを Supabase から取得するためのサーバーサイドデータ取得設計です。公開ポートフォリオを軽量に保つことを意識しています。
Direction
いくつかの実験は、ビジュアルアイデア、技術検証、小さなユーティリティ、アーキテクチャメモとして始まります。それらが一つの仕組みとして説明できるほど安定したら、Projects に移したり、詳しい Blog 記事として整理していきます。
