開発者が1日でClaudeコードを使用して3D GitHub都市ビジュアライゼーションを作成

✍️ OpenClawRadar📅 公開日: February 28, 2026🔗 Source
開発者が1日でClaudeコードを使用して3D GitHub都市ビジュアライゼーションを作成
Ad

ある開発者が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

Ad

👀 See Also

OpenClaw AIエージェントは、迅速なプロトタイプでチームがデモデイを乗り切るのを支援します。
Use Cases

OpenClaw AIエージェントは、迅速なプロトタイプでチームがデモデイを乗り切るのを支援します。

開発チームは、製品の方向転換によりサウスパーク・コモンズのデモデイへの参加が危ぶまれた際、OpenClawのAIエージェントを使用して、モックデータを含む動作可能なデモウェブサイトを10分で構築しました。

OpenClawRadar
貨物ドライバーがClaude CodeでiOSアプリを開発、実践的な学びを共有
Use Cases

貨物ドライバーがClaude CodeでiOSアプリを開発、実践的な学びを共有

コーディング経験がほとんどない日本の貨物運転手が、Claude Codeを使ってiOSアプリを構築し、App Storeへの申請に成功しました。このアプリは、2025年4月に導入された記録保管に関する新規制に対応するために開発されました。新規制では、毎日複数の紙の書類に記入することが義務付けられていました。

OpenClawRadar
LinuxからFreeBSDへのWi-Fiドライバ移植におけるAI活用:事例研究
Use Cases

LinuxからFreeBSDへのWi-Fiドライバ移植におけるAI活用:事例研究

開発者はClaude CodeとPiエージェントを使用して、Broadcom BCM4350 Wi-Fiチップ用のLinux brcmfmacドライバをFreeBSDに移植する試みを行いました。最初は直接的なコード翻訳を試み、その後、クリーンルーム実装のための詳細な11章の仕様書を生成しました。

OpenClawRadar
Claudeのための永続メモリを4つのMarkdownファイルで構築
Use Cases

Claudeのための永続メモリを4つのMarkdownファイルで構築

ある開発者が、プロジェクトコンテキストを通じて読み込まれる4つのマークダウンファイル(Protocol、CONVERGEHERE、Daily Capture、Continuity)を使用して、Claudeのセッションベースのコンテキスト制限を克服するシステムを構築しました。このシステムは、起動時にClaudeがすべてのファイルを読み、セッション終了時にContinuityとCONVERGEHEREを更新することで、セッション間でコンテキストを維持します。

OpenClawRadar