技術実例・ショーケース
LLMを活用したプログラミングの実例をご紹介します。 近年は LLM を活用することで、効率的で高速なソフトウェア試作が可能になりました。
🌐 このウェブサイトの構築
LLMエージェントによるコード生成の最初の実験として、このウェブサイト自体を構築しました。 デザインからコーディング、デプロイまで、現代的なウェブ開発の全工程でLLMの活用を検証しています。
技術仕様
- • Next.js 15 / React 19
- • TypeScript
- • Tailwind CSS
- • Canvas API（背景アニメーション）
- • レスポンシブデザイン
実装特徴
- • 雲のアニメーション背景
- • iOS風ガラスエフェクト
- • モバイル対応UI
- • コンポーネント設計
- • モダンなフロントエンド構成
※ このページを含む全てのコードがLLMエージェントとの協働により生成されています
🎮 LLMエージェントによるコード生成実験
「LLMエージェントによるコード生成はどのくらいできるの？」を調査するため、テトリスを題材に実験しました。 初期設計をLLMにまかせ、その後の機能追加やメモリリーク解消など、開発過程で発生した問題を通じて実用性を検証しています。
技術仕様
- • JavaScript/HTML5 Canvas
- • リアルタイムゲームループ
- • レスポンシブデザイン
- • アニメーション & エフェクト
- • 複数の操作スキーム対応
実装特徴
- • レベル進行に応じた背景色変化
- • レベル別キャラクター表示
- • 滑らかなアニメーション
- • モダンなマテリアルデザイン
- • アーケード/モダン操作切替
🎮 Tetris Game Demo
🎮
テトリスをプレイ
LLMを活用して開発されたフル機能のテトリスです。
新しいタブで開いてお楽しみください。
※ ゲームは新しいタブで開きます。矢印キーまたはタッチで操作できます。
🤖 コード生成実験プロセス
1
設計・仕様定義
「テトリスを作って」という要求でLLMがどこまで実装できるかを検証
2
機能追加
ゲームとして成立させるため、段階的に機能を追加指示してコード生成能力を検証
3
問題解決
メモリリークやビルド設定などの実際の問題に対するLLMの対応能力を検証
その他のプロジェクト
更多くの実例とケーススタディを準備中です。
お問い合わせ