開発技術･過去の活動歴について
NYAIこの度、nyaisaba.com代表のNYAIの技術ポートフォリオをリニューアル致しましたので、ご報告させていただきます。
これまでは既存のCMSやテンプレートを活用して運用してきましたが、今回は「自分の技術力の証明」として、構想・デザイン・フロントエンド実装・サーバーインフラ構築に至るまで、すべての工程をゼロから一人で設計・開発しました。
特徴
- "Liquid Glass UI" デザイン
「美しさと情報の見やすさ」を両立させるため、独自のデザイン言語「Liquid Glass UI」を定義しました。 すりガラスのような質感（Glassmorphism）を基調にしつつ、流れるようなアニメーションと鮮やかな色彩を取り入れ、未来的かつ透明感のあるインターフェースに仕上げています。 PCの大画面でもスマートフォンの縦画面でも、崩れることなく美しく表示される完全レスポンシブ対応です。
- Three.js による3D体験
サイトの背景や演出には、Web上で3Dグラフィックスを描画する技術「Three.js（React Three Fiber）」を全面的に採用しました。 ただ情報を読むだけでなく、スクロールに合わせてキャラクターが動いたり、視点がダイナミックに変化したりと、まるでゲームの世界に入り込んだような没入感のある体験を目指しました。
- AIアシスタントの実装
サイト左上には、当サイトの開発者の分身となるAIアシスタントを搭載しました。 私の経歴やスキル、過去の開発実績について質問すると、24時間365日いつでも回答してくれます。 最新のLLM技術を活用し、自然な対話ができるようにチューニングしていますので、ぜひ話しかけてみてください。
- 徹底したパフォーマンス・チューニング
リッチな3D表現を取り入れつつも、サイトの読み込み速度や操作のスムーズさ（60fps）を損なわないよう、徹底的な最適化を行いました。 SPA（Single Page Application）構成による高速なページ遷移、アセットの遅延読み込み、各種キャッシュ戦略など、フロントエンドエンジニアとしての技術も詰め込んでいます。
最後に
このサイトは単なるポートフォリオ（作品集）にとどまらず、私の現在の技術力と「作りたいものを作る」という情熱を形にしたものです。 エンジニアの方も、そうでない方も、ぜひ一度訪れて、少しでも「面白い！」「綺麗！」と感じていただけたら嬉しいです。
今後もこのサイトを拠点に、新しいプロジェクトや活動情報を発信していきます。 新しくなった nyaisaba.com を、どうぞよろしくお願いいたします！
▼ 生まれ変わったポートフォリオサイトはこちら
