GitHubの貢献から作られる3Dシティ
GitHubシティは貢献パターンをブラウザベースのシティシーンに変換し、開発者に標準のGitHub貢献グラフとは違う、より視覚的な選択肢を提供します。
GitHub貢献の3D可視化ツール
下の埋め込みツールにGitHubユーザー名を入力すると、このページ上で3D貢献シティを生成できます。最も快適に操作するには、ハードウェアアクセラレーションを有効にしたデスクトップブラウザの利用がおすすめです。
まず、ツール画面内に公開GitHubユーザー名を入力してください。
コミットを街並みに変える
GitHubシティは、GitHub貢献グラフをインタラクティブな3Dシティに変換します。緑のマスを読む代わりに、公開GitHub貢献データから作られた街並みとしてコーディング活動を探索できます。
インストール不要。公開GitHubユーザー名があれば、埋め込みブラウザツールですぐに使えます。
ユーザー意図ガイド
多くの訪問者はGitHubシティをすぐに作成したいと考えていますが、そのシティが何を表しているのかも知る必要があります。このセクションでは、出力内容、データソース、GitHub貢献シティが想定より小さく見える最も一般的な理由を説明します。
GitHubシティは貢献パターンをブラウザベースのシティシーンに変換し、開発者に標準のGitHub貢献グラフとは違う、より視覚的な選択肢を提供します。
このツールはGitHubユーザー名を起点とし、カウント対象のコミット、プルリクエスト、Issue、その他の可視アクティビティなど、GitHubがそのプロフィールに紐づけられる貢献活動に依存します。
GitHubシティのコミット履歴が不完全に見える場合は、まずGitHub貢献グラフを確認してください。メール設定、デフォルトブランチ、非公開活動、フォーク、最近の更新状況はすべて表示内容に影響する可能性があります。
生成されたシティを、同じプロフィールの公式GitHub貢献グラフと比較してください。そこに活動が表示されていない場合、可視化ツール側でも信頼性高く表示することはできません。
GitHubの貢献ルールを読むツール概要
GitHubシティは、GitHub貢献グラフをブラウザ上の3Dシティに変換するオンライン可視化ツールです。GitHubユーザー名を起点に貢献アクティビティを読み取り、平面的なカレンダーグリッドではなく、街のようなシーンとして表示します。
GitHubシティ、Gitシティ、githubcity、GitHub貢献シティといった言葉で検索する人は、コーディング活動をより視覚的に確認したいと考えています。このツールは、GitHubプロフィールを楽しく共有したい開発者や、貢献パターンをひと目で把握したい人に特に役立ちます。
標準のGitHub貢献グラフは、日ごとの活動をマス目で表示します。GitHubシティは同じ考え方をより視覚的にし、貢献パターンを探索しやすく共有しやすい3D環境へ変換します。
GitHubシティは、公開ユーザー名に紐づいたGitHub貢献データに依存します。コミット、プルリクエスト、Issueなどの活動がGitHub貢献グラフに表示されない場合、シティの可視化にも反映されないことがあります。
| よく使われる検索名 | GitHubシティ、Gitシティ、githubcity、GitHub貢献シティ |
|---|---|
| 主な入力 | 公開GitHubユーザー名 |
| 主な出力 | インタラクティブな3D貢献シティ |
| 最適な用途 | ポートフォリオ、プロフィール、個人の活動まとめでGitHub活動を可視化すること |
| 関連する概念 | GitHub 3D貢献グラフ |
クイックスタート
GitHub貢献シティは数ステップで作成できます。ホームページのツールはブラウザ上で動作するため、コマンドラインツールのインストールや非公開アカウントの連携は不要です。
自分のGitHubユーザー名、または可視化したい公開GitHubプロフィールのユーザー名を用意します。
このホームページ上部付近にある埋め込みGitHubシティツール内にユーザー名を入力します。
ツール内の作成または生成ボタンをクリックし、貢献シティが読み込まれるまで待ちます。
ブラウザ内のシーンを移動しながら、貢献の密度やコーディングパターンを街の表示で確認します。
シティが小さすぎる場合は、公開GitHub貢献グラフと比較し、最近のコミットがカウントされているか確認してください。
3DシティはWebGL描画が重くなることがあるため、小さなモバイル画面よりもデスクトップブラウザの方が快適に動作しやすいです。
シティが空、または想定より小さく見える場合は、まずGitHubユーザー名が正しいか確認してください。次にGitHub上の公開貢献グラフを確認します。最近のコミットは反映に時間がかかることがあり、未連携メールで作成されたコミット、未マージのブランチ、フォーク上の活動は、GitHubがカウントする形でマージされるまで表示されない場合があります。
役立つ理由
平面的な貢献カレンダーだけでは、活動の全体像をひと目で伝えにくいことがあります。3D貢献シティは、特にポートフォリオ、開発者プロフィール、チームの振り返り、個人のコーディング活動まとめで、GitHub活動を提示・比較・説明しやすくします。
見慣れたGitHub貢献グラフを、探索しやすく記憶に残りやすい3Dシティに変換できます。
GitHubシティを、ポートフォリオ、履歴書、SNS投稿、個人サイトで使える視覚的な話題として活用できます。
活動が集中した時期、静かな時期、長期的な継続状況を、街のような表示で見つけやすくなります。
ツールは埋め込みiframeを通じてブラウザ上で動作するため、訪問者はホームページからすぐに開始できます。
| Tool Type | Best For | Main Output |
|---|---|---|
| GitHubシティ | ブラウザで素早く貢献を可視化したい場合 | インタラクティブな3Dシティ |
| GitHubスカイライン | 3Dプリント可能な貢献履歴を作りたい場合 | STL形式のスカイラインモデル |
| GitHub貢献グラフ | 公式の活動概要を確認したい場合 | カレンダーグリッド |
| GitHubコミットグラフ | コミット中心に活動を振り返りたい場合 | タイムラインまたはグラフ表示 |
よくある質問
GitHubシティは、GitHub貢献グラフをインタラクティブな3Dシティに変換するオンラインツールです。開発者が公開GitHub活動をより視覚的に探索できるようにします。
GitHubシティとGitシティは、似た3D貢献可視化ツールを指して使われることがあります。このページでは、GitHubシティはGitHubユーザー名と貢献グラフからシティを作成するブラウザベースのツールを指します。
このホームページの埋め込みツールにGitHubユーザー名を入力し、生成ボタンをクリックして、3D貢献シティが読み込まれるのを待ちます。別ページへの移動やインストールは不要です。
GitHub 3D貢献グラフは、GitHub活動データを視覚化したものです。貢献活動を平面的な緑のマスで表示する代わりに、シティやスカイラインのような3Dシーンとして表現します。
GitHubシティは貢献データに依存します。GitHubアカウントに接続されていないメールアドレスで作成されたコミット、未マージのブランチ上のコミット、未マージのフォーク内のコミット、またはGitHub側でグラフ更新がまだ完了していない活動は表示されないことがあります。
GitHubシティはモバイルブラウザでも読み込める場合がありますが、3Dシーンには画面スペースとグラフィック性能が必要になるため、通常はデスクトップブラウザの方が快適です。
非公開貢献の表示は、GitHubプロフィール設定と閲覧者が利用できるデータに依存します。非公開活動がGitHub貢献グラフで非表示または匿名化されている場合、シティ上でも明確に表示されないことがあります。
はい。埋め込みGitHubシティ体験は、無料のブラウザベースツールとして利用できます。公開GitHubユーザー名を入力すれば、ホームページから直接3D貢献シティを生成できます。