開発者が1日でClaudeコードを使用して3D GitHub都市ビジュアライゼーションを作成
ある開発者がGit Cityを作成しました。これはGitHubユーザーがピクセルアートの建物として表示される3Dビジュアライゼーションです。プロジェクトはClaude Codeを100%使用してVS Codeで構築され、手動でのコーディングは一切なく、最初のバージョンは1日で完成しました。
プロジェクト詳細
このビジュアライゼーションは、GitHubのアクティビティを建物の特徴にマッピングします：
- コミットが多いほど、建物は高くなる
- リポジトリが多いほど、基礎部分は広くなる
- 点灯している窓は最近のアクティビティを示す
現在、このプロジェクトには約10,000人の開発者が都市に含まれており、thegitcity.comで無料で試すことができます。
開発プロセス
開発者はコーディングとUX/デザインの決定の両方に、Claude Codeを独占的に使用しました。ワークフローでは、計画用とコーディング用に2〜3つのターミナルを同時に実行し、常に活動を維持しました。最初の1日での構築後、開発者は1週間、Claude Codeを使用して毎日アップデートをリリースしています。
技術スタック
- Next.js
- Three.js
- Supabase
- Vercel
プロジェクトの反響
このプロジェクトは500,000回以上の閲覧と、GitHubで400以上のスターを獲得しています。ソースコードはhttps://github.com/srizzon/git-cityで入手可能です。
📖 詳細なソースを読む： r/ClaudeAI
👀 See Also
Claudeを使用してメールシステムの不足ユーザーシナリオを監査する
ある開発者がClaudeを活用してデータベーススキーマとメールトリガーを分析し、4つの重大なギャップを特定しました：未確認サインアップへのフォローアップがない、ダウングレードの確認がない、チーム招待の承諾通知がない、プラン制限への接近警告がないことです。
Claude ゲーム開発ログ：エージェント的Three.js開発の教訓とスタック
開発者が、Claude AIを完全に使用してThree.jsのライドゲームを構築した実践的な教訓を共有。Gitワークツリー、TypeScriptファーストのアプローチ、AI制限のための管理者スライダー、Firebase、WebSocket、決定論的ロックステップシミュレーションを使用した技術スタックを含む。
Qwen3.5 35B-A3B MoEは、中程度のハードウェア上で27ステップのエージェントワークフローをローカルで実行します。
ある開発者がLenovo P53ノートパソコンでQwen3.5 35B-A3B MoEをQ4_K_M量子化でローカル実行し、27ステップの動画処理ワークフローをエラーゼロで完了させた。このモデルは、文字起こし、字幕編集、動画処理を順次ツール呼び出しで実行し、人間の介入なしに処理を行った。
完全自動化された製品チュートリアル動画：Claude + Playwright + Magic Hour + Remotion
デベロッパーが、機能のURLから完成したチュートリアル動画までを生成する、人間を介さないパイプラインを構築しました。Claudeでスクリプトとオーケストレーション、Playwrightで画面録画、Magic Hour APIで顔交換とリップシンク、Remotionで編集を行います。