Creators Dashboard(仮) (beta)

つくる人の、いま。これから。

使い方

閲覧者向け — ダッシュボードの見方

カードの見方

各カードは1つのプロジェクトを表しています。プロジェクト名、説明、最新リリース情報、次回リリース予定、リンク、作者コメントが表示されます。

バッジの意味

  • NEW — 直近7日以内に更新されたプロジェクト
  • UPDATED — 直近7〜14日以内に更新されたプロジェクト
  • 左側の青いライン — あなたが前回訪問した後に更新があったプロジェクト

ソート順

カードは更新日が新しい順に表示されます。更新日がないカードは末尾に配置されます。

※ 更新頻度や内容により、表示順が前後する場合があります。

外部リンクについて

カード内のリンク(App Store、Google Play 等)は外部サイトへのリンクです。リンク先の内容は当サービスの管理外であり、安全性を保証するものではありません。

不適切な掲載の報告

各カードの右下に表示されている「」アイコンをクリックすると、不適切な掲載を報告できます。報告はサービス改善のために利用されます。

掲載者向け — プロジェクトを掲載する

準備は3分、掲載は半日〜1日後

  1. GitHub リポジトリにトピック creators-dashboard を追加
  2. push する
  3. 定期巡回で自動的にダッシュボードに反映

さらにリッチな表示をしたい場合は catalog-info.yaml を追加してください(下記参照)。

プロジェクトを掲載するには

GitHub リポジトリにトピック creators-dashboard を追加すると、定期的に GitHub API を通じて情報が取得され、リポジトリの基本情報(名前・説明・言語等)が自動的に掲載されます。

さらに catalog-info.yaml を配置すれば、リリース情報・作者コメント・ストアリンクなどリッチな情報を表示できます。トピックを除去すれば数日中に掲載が取り下げられます。

※ イメージ画像です

トピックのみの基本表示カード

creators-dashboard トピックのみ

catalog-info.yaml ありのリッチ表示カード

creators-dashboard + catalog-info.yaml

初回設定

Step 1: トピックを追加

GitHub リポジトリの Settings → Topics に creators-dashboard を追加してください。これだけでリポジトリの基本情報が掲載されます。

GitHub リポジトリの Topics 設定画面

Step 2: catalog-info.yaml を作成(任意)

リッチな情報を表示したい場合は catalog-info.yaml を追加できます。手書きでも構いませんが、Claude や ChatGPT などの LLM を使うと下書きを簡単に作れます。生成結果は確認のうえご利用ください。

このリポジトリの catalog-info.yaml を書いてください。
各フィールドの文字数制限(半角換算)を守ってください。

フォーマット:

apiVersion: devour.jp/v1alpha1
kind: Component
metadata:
  name: "プロジェクト名"              # 半角40文字
  description: "一言説明"             # 半角66文字
  links:                             # 最大5件、ロゴは URL から自動判定
    - url: https://github.com/...   # → GitHub ロゴ
    - url: https://apps.apple.com/... # → App Store バッジ
    - url: https://play.google.com/... # → Google Play バッジ
    - url: https://devour-jp.github.io      # → GitHub ロゴ(GitHub Pages)
      title: Website                  # title は半角40文字以内
spec:
  type: web | app | tool | docs
  devour:
    release:
      current:
        version: "現在のバージョン"
        date: "YYYY-MM-DD"
        headline: "最新リリースの要約"  # 半角66文字
      next:
        version: "次のバージョン"
        date: "YYYY-MM-DD"
        headline: "次回リリースの要約"  # 半角66文字
    card:
      bg: "#RRGGBB"               # カード背景色(任意)
      fg: "#RRGGBB"               # カード文字色(任意)
    author:
      comment: "作者の一言"            # 半角64文字(カジュアルに)

※ そのほか必要に応じて、README や CHANGELOG 等の情報をご準備ください。

事例: ここすき(kokosuki)の catalog-info.yaml
apiVersion: devour.jp/v1alpha1
kind: Component
metadata:
  name: kokosuki
  description: "ここすき 散歩×命名アプリ。子どもと歩いた場所に名前をつけて記録。"
  links:
    - url: https://github.com/devour-jp/devour-site
      title: GitHub
    - url: https://apps.apple.com/us/app/%E3%81%93%E3%81%93%E3%81%99%E3%81%8D/id6760634470
      title: App Store
    - url: https://play.google.com/store/apps/details?id=com.example
      title: Google Play
spec:
  type: game
  devour:
    release:
      current:
        version: "1.0.1"
        date: "2026-03-21"
        headline: "描画の最適化、メッセージの改修"
    author:
      comment: "子どもと一緒に街を探検しよう"

Step 3: リポジトリのルートに配置

catalog-info.yaml をリポジトリのルートディレクトリに配置して push してください。

Step 4: 自動で反映

定期的に GitHub API でトピック creators-dashboard のリポジトリを検索し、catalog-info.yaml があればリッチ表示、なければ基本情報のみでダッシュボードに反映します。

おすすめの方法

専用リポジトリに集約する

プロジェクトごとに catalog-info.yaml を配置する代わりに、プロモーション専用のリポジトリを1つ作り、そこに全プロジェクトの情報をまとめる方法もあります。

my-promotion/
└── catalog-info.yaml   ← 複数プロジェクトを --- で区切って記述
  • 1ファイルで全プロジェクトを管理できる
  • 各プロジェクトのリポジトリを汚さない
  • 更新もこのリポジトリだけで完結
  • YAML の --- セパレータで複数プロジェクトを記述

専用リポジトリにトピック creators-dashboard を追加すれば、中の全プロジェクトがダッシュボードに掲載されます。

事例: 2プロジェクトを1ファイルにまとめた catalog-info.yaml
apiVersion: devour.jp/v1alpha1
kind: Component
metadata:
  name: kokosuki
  description: "ここすき 散歩×命名アプリ。子どもと歩いた場所に名前をつけて記録。"
  links:
    - url: https://github.com/devour-jp/devour-site
      title: GitHub
    - url: https://apps.apple.com/us/app/%E3%81%93%E3%81%93%E3%81%99%E3%81%8D/id6760634470
      title: App Store
spec:
  type: game
  devour:
    release:
      current:
        version: "1.0.1"
        date: "2026-03-21"
        headline: "描画の最適化、メッセージの改修"
    author:
      comment: "子どもと一緒に街を探検しよう"
---
apiVersion: devour.jp/v1alpha1
kind: Component
metadata:
  name: creators-dashboard
  description: "更新情報を集約するカード型ダッシュボード。"
  links:
    - url: https://github.com/devour-jp/devour-site
      title: GitHub
spec:
  type: website
  devour:
    release:
      current:
        version: "0.6.0"
        date: "2026-03-22"
        headline: "使い方ページ・利用規約・PFバッジ追加"
    author:
      comment: "個人開発プロジェクトを一覧で見られる"

更新時

リリースしたとき

catalog-info.yamlrelease.current を更新して push するだけです。

この CHANGELOG をもとに catalog-info.yaml の
release.current を更新してください。
headline は1行で要約してください。

CHANGELOG やリリースノートと一緒に LLM に渡せば、headline を適切に生成してくれます。

次のリリースを予告したいとき

release.next を追加すると、カードに「Next: vX.X.X(予定日)」が表示されます。

    release:
      current:
        version: "1.0.0"
        date: "2026-03-22"
        headline: "正式リリース"
      next:
        version: "1.1.0"
        date: "2026-04-15"
        headline: "ダークモード対応"

掲載を取り下げたいとき

リポジトリからトピック creators-dashboard を除去してください。数日中にダッシュボードから非表示になります。

リファレンス

掲載件数の上限

ベータ版では以下の上限があります。上限を超えた分は表示されません。

  • 1 organization あたり最大 4件
  • Creators Dashboard(仮) (beta) 全体で最大 80件
ベータ版の利用状況を鑑みて、上限の拡大や仕様の変更を行う可能性があります。

最小構成

トピック追加のみで掲載可能です。catalog-info.yaml を使う場合の最小構成:

apiVersion: devour.jp/v1alpha1
kind: Component
metadata:
  name: my-project

フィールド一覧

Backstage 標準

#要素名概要上限
(2)metadata.nameプロジェクト名(必須)半角40文字まで
(3)ownerGitHub API から自動取得(指定不要)
(4)metadata.description一言説明半角66文字まで
(5)spec.typeweb / app / tool / docs 等のいずれか
(10)metadata.linksリンク(URL からロゴ自動判定)5件まで
links[].titleロゴ対象外のリンク表示名半角40文字まで

独自拡張(spec.devour)

#要素名概要上限
(6)release.current.version現在のバージョン半角12文字まで
(7)release.current.dateリリース日(YYYY-MM-DD)半角10文字まで
(8)release.current.headlineリリース内容の1行要約半角66文字まで
(9)release.next.*次回リリース予定(同構造)同上
card.bgカード背景色(#RRGGBB)
card.fgカード文字色(#RRGGBB)
(11)author.comment作者の一言半角64文字まで

カードへのマッピング

各フィールドはカード上の以下の位置に表示されます。

(1)

(2)

(3) 自動取得

(4)

(6)(7)(5)

(8)

(9)
(11) (12)

カードの背景色・文字色

spec.devour.card.bg(背景色)と card.fg(文字色)で、カード画像エリアの色をカスタマイズできます。6桁の hex カラーコード(#RRGGBB)のみ指定可能です。

spec:
  devour:
    card:
      bg: "#1a1a2e"
      fg: "#ffffff"

※ 未指定の場合はデフォルトの配色が適用されます。

リンク先の制限

安全のため、リンク先は以下のドメインに限定されています:

  • github.com / github.io(GitHub Pages)
  • apps.apple.com(App Store)
  • play.google.com(Google Play)