GitHub アプリのカスタム バッジの作成

この記事で

バッジについて

すべての GitHub App にはバッジが含まれています。 バッジは円形の背景の中に正方形の画像で表されています。

既定では、新しいGitHub アプリでは、自動的に生成された identicon がバッジとして使用されます。 アイデンティコンバッジとは、次のようなものです。

円形の黄色い背景にランダムなパターンの白いピクセルで構成される、アイデンティコンのスクリーンショット。

GitHub アプリを登録したら、ロゴをアップロードして背景色を選択することで、アプリのバッジをカスタマイズできます。 ロゴは、1 MB 未満の PNG、JPG または GIF ファイルである必要があります。 最適なレンダリングのために、200 ピクセル x 200 ピクセルの画像サイズを使うことをお勧めします。

GitHub Marketplace での GitHub Apps のバッジの詳細については、「アプリのリスト説明を書く」を参照してください。 https://github.com/marketplace/manage に移動して、既に承認済みの Marketplace 登録情報を持つGitHub アプリのカスタム バッジを変更できます。

カスタム バッジを作る

  1. GitHub の任意のページの右上隅にある、自分のプロフィール写真をクリックします。

  2. アカウント設定にアクセスしてください。

    • 個人用アカウントが所有するアプリの場合は、[設定] をクリックします。
    • 組織が所有するアプリの場合:
      1. [自分の組織] をクリックします。
      2. 組織の右側にある [設定] をクリックします。
    • Enterprise が所有するアプリの場合:
      1. Enterprise Managed Users を使用する場合は、[Enterprise] をクリックして Enterprise アカウントの設定に移動します。
      2. 個人用アカウントを使用する場合は、[Enterprise] をクリックしてから、Enterprise の右側にある [設定] をクリックします。

  3. GitHub App 設定にアクセスしてください。

    • 個人用アカウントまたは組織が所有するアプリの場合:
      1. 左側のサイドバーで、[ Developer settings] をクリックしてから、[GitHub Apps] をクリックします。
    • Enterprise が所有するアプリの場合:
      1. 左側のサイドバーで、 [設定] から GitHub Apps をクリックします。1. 変更する GitHub App の右で [編集] をクリックします。

  4. [表示情報] で、ローカル フォルダーから画像をドラッグ アンド ドロップするか、 [ロゴのアップロード] を選んでコンピューターから画像を選んでください。

  5. 必要に応じて、画像をトリミングします。

  6.        **[新しいアバターの設定]** をクリックしてください。

  7. [バッジの背景色] で、ご自分のバッジの背景色の 16 進数の色コードを入力してください。

    メモ

    「バッジ背景色」入力フィールドは、ロゴをアップロードした後にのみ表示されます。

次のステップ

GitHub Marketplace に GitHub App を登録する方法の詳細については、「GitHub Marketplace にアプリを一覧表示する」を参照してください。