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

使い方

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

つくる人の「いま」と「これから」をカード形式で閲覧できるサービスです。各カードでは、プロジェクト情報と X 投稿の 2 つのコンテンツを見ることができます。

※ イメージ画像です

スタックカードの表示例(プロジェクトタブと X 投稿タブ)
左: プロジェクトカード右: X 投稿カード
プロジェクト情報(名前・説明・バージョン・リンク・作者コメント)を表示X の公式埋め込み投稿を表示。カード上部のボタンまたはスワイプで切り替え

プロジェクトカード

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

バッジの意味

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

ソート順

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

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

リンクバッジについて

カード内のリンクはドメインに応じてバッジ表示されます。

プラットフォーム表示
GitHub
App Store
Google Play
YouTube
Steam
X
Discord
Bluesky
Zenn
note

上記以外の URL も設定可能です。

※ ベンダによる安全性判定 API により問題があると判定された場合は非掲載となる場合があります。

リンク先の内容は当サービスの管理外であり、安全性を保証するものではありません。

ウォッチ機能

カード右下の「☆」をクリックすると、そのプロジェクトをウォッチできます。

  • — ウォッチ中
  • 差分ハイライト — ウォッチ中のカードが更新されると、次回訪問時にハイライト表示されます
  • ヘッダーの「☆ ウォッチ中のみ」ボタンでフィルタ表示

※ ウォッチ情報はブラウザに保存されます。ログイン不要です。

不適切な掲載の報告

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


X 投稿カード

X 投稿と連携しているカードは、上部に [プロジェクト] [X 投稿] のタブが表示されます。タブをクリックすると、プロジェクト情報と X の公式埋め込み投稿を切り替えて見ることができます。

  • [X 投稿] タブを開くと、公式の埋め込みツイートが読み込まれます
  • 読み込み中はタブが淡く点滅します
  • 読み込みに時間がかかる場合は「再読み込み」ボタンが表示されます
  • スマートフォンではスワイプでも切り替えられます

※ X 投稿の表示には X(platform.twitter.com)の公式ウィジェットを使用しています。広告ブロッカー等により表示されない場合があります。


org ページ(開発者ポートフォリオ)

カード内の開発者名をクリックすると、その開発者の org ページに遷移します。パンくずナビの「org ページ」タブからも遷移できます。

※ イメージ画像です

カード内の開発者名リンク
  • プロフィール — アバター・自己紹介・外部リンク(Zenn / note / X 等)
  • X 投稿 — 固定投稿(fix)と最新投稿(latest)を表示
  • プロジェクト一覧 — 全プロジェクトの詳細情報(各テキストの詳細版を複数行で表示)と X 投稿

RSS フィード NEW! v1.4.0

RSS リーダーでダッシュボードの更新を購読できます。

  • サイト全体/feed.xml(全プロジェクトの更新)
  • org 別/org/{name}/feed.xml(特定の開発者の更新のみ。org ページの RSS アイコンからもアクセスできます)

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

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

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

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

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

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

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

※ イメージ画像です

トピックのみの基本表示と catalog-info.yaml ありのリッチ表示の比較
左: トピックのみ右: トピック + catalog-info.yaml
GitHub の基本情報(名前・説明・リンク)のみ自動表示リリース情報、次回予定、作者コメント、カスタム配色などリッチに表示

org ページでの表示

開発者名をクリックすると表示される org ページでは、カード一覧よりも広いスペースを活かして、各テキスト項目の詳細版(long)が表示されます。

対象フィールド: descriptionheadlinenextHeadlinecommentorg.bio

short のみ書いた場合は、カード・org ページの両方で同じテキストが表示されます。long を追加することで、org ページでより詳しい情報を伝えられます。

※ イメージ画像です

org プロフィール行

org ページのプロフィール行(自己紹介・リンク・X 投稿)

プロジェクト行

org ページのプロジェクト行(詳細テキスト・リンク・X 投稿)

初回設定

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:                        # short / long 対応
    short: "一言説明"                  # 半角66文字(カード表示用・改行なし)
    long: |                            # 半角264文字(org ページ用・改行あり)
      詳しい説明。
      複数行で記載可能。
  links:                             # 最大12件、ロゴは URL から自動判定
    - url: https://github.com/...   # → GitHub ロゴ
    - url: https://apps.apple.com/... # → App Store バッジ
    - url: https://play.google.com/... # → Google Play バッジ
    - url: https://youtube.com/...  # → YouTube ロゴ
    - url: https://x.com/...        # → X ロゴ
    - url: https://discord.gg/...   # → Discord ロゴ
    - url: https://bsky.app/...     # → Bluesky ロゴ
    - url: https://store.steampowered.com/... # → Steam
    - url: https://zenn.dev/...     # → Zenn ロゴ
    - url: https://note.com/...     # → note
    - url: https://example.com      # → 任意URL
      title: Website                  # title は半角40文字以内
spec:
  type: web | app | tool | docs | game | service | library
  devour:
    image: "https://..."             # スクリーンショット URL(1orgにつき1つまで)
    category: "puzzle"               # カテゴリ(任意)
    release:
      current:
        version: "現在のバージョン"
        date: "YYYY-MM-DD"
        headline:                        # short / long 対応
          short: "最新リリースの要約"    # 半角66文字
          long: |                        # 半角264文字
            詳しいリリース内容。
            複数行で記載可能。
      next:
        version: "次のバージョン"
        date: "YYYY-MM-DD"
        headline:                        # short / long 対応
          short: "次回リリースの要約"    # 半角66文字
    card:
      bg: "#RRGGBB"               # カード背景色(任意)
      fg: "#RRGGBB"               # カード文字色(任意)
    author:
      comment:                          # short / long 対応
        short: "作者の一言"              # 半角64文字(カジュアルに)
    social:
      x:
        account: "X のアカウント名"    # ハンドル(@なし)
        fix: "投稿ID"                # 固定表示する投稿(任意)
        latest:
          query: "検索キーワード"       # 最新投稿の絞り込み(任意)
    org:                              # 開発者プロフィール(任意)
      bio:                              # short / long 対応
        short: "自己紹介"                # 半角382文字
        long: |                          # 半角1528文字
          詳しい自己紹介。
          複数行で記載可能。
      links:                          # 外部リンク(最大12件)
        - url: https://zenn.dev/...
        - url: https://note.com/...

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

事例: ここすき(kokosuki)の catalog-info.yaml
apiVersion: devour.jp/v1alpha1
kind: Component
metadata:
  name: kokosuki
  description:
    short: "ここすき 散歩×命名アプリ。子どもと歩いた場所に名前をつけて記録。"
    long: |
      ここすき は散歩×命名アプリです。
      子どもと一緒に街を歩いて、お気に入りの場所に名前をつけて記録できます。
  tags:
    - unity
    - ios
    - android
    - kids
    - walking
  links:
    - url: https://apps.apple.com/us/app/%E3%81%93%E3%81%93%E3%81%99%E3%81%8D/id6760634470
    - url: https://devour.jp/apps/kokosuki/
      title: 紹介サイト
spec:
  type: game
  lifecycle: production
  devour:
    image: "https://devour.jp/apps/kokosuki/promotion/ogp_1200x630.png"
    card:
      bg: "#4CAF50"
      fg: "#FFFFFF"
    release:
      current:
        version: "1.0.1"
        date: "2026-03-23"
        headline:
          short: "フィルター改善 + メッセージ文言改善"
    author:
      comment:
        short: "子どもと一緒に街を探検しよう"
    social:
      x:
        account: "DEVOUR_JP"
        latest:
          query: "ここすき"
    org:
      bio:
        short: "子ども向けアプリと開発ツールを作ってます"
      links:
        - url: https://zenn.dev/devour
        - url: https://note.com/devour

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

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

Step 4: 自動で反映

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

README にバッジ・カード画像を貼る

プロジェクトの README にバッジやカード画像を貼ることで、GitHub を訪れた人にダッシュボードへの導線を作れます。

バッジ(shields.io 風)

バージョン・活動パルス・次回リリース予定が表示されます。

[![Creators Dashboard](https://creators-dashboard.devour.jp/share/embed/badge/YOUR_ORG/YOUR_REPO.svg)](https://creators-dashboard.devour.jp)

カード画像(OGP 風)

プロジェクト名・説明・バージョン・活動パルスが1枚の画像になります。SNS でのシェアにも使えます。

[![Card](https://creators-dashboard.devour.jp/share/embed/card/YOUR_ORG/YOUR_REPO.png)](https://creators-dashboard.devour.jp)

YOUR_ORGYOUR_REPO を実際の値に置き換えてください。画像は最大1時間キャッシュされます。

おすすめの方法

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

プロジェクトごとに 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:
    short: "ここすき 散歩×命名アプリ。子どもと歩いた場所に名前をつけて記録。"
  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:
          short: "描画の最適化、メッセージの改修"
    author:
      comment:
        short: "子どもと一緒に街を探検しよう"
---
apiVersion: devour.jp/v1alpha1
kind: Component
metadata:
  name: creators-dashboard
  description:
    short: "更新情報を集約するカード型ダッシュボード。"
  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:
          short: "使い方ページ・利用規約・PFバッジ追加"
    author:
      comment:
        short: "個人開発プロジェクトを一覧で見られる"

更新時

リリースしたとき

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

この CHANGELOG をもとに catalog-info.yaml の
release.current を更新してください。
headline.short は1行で要約してください。
詳しく書きたい場合は headline.long も追加してください。

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

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

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

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

掲載を取り下げたいとき

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

リファレンス

掲載件数の上限

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

  • 1 organization あたりカード最大 4件
  • 1 organization あたり画像最大 1件
  • 1 organization あたり任意 URL 最大 1件
  • Creators Dashboard(仮) (beta) 全体で最大 80件

※ 画像・任意 URL はベンダによる安全性判定 API のチェックを通過した場合のみ掲載されます。

ベータ版の利用状況を鑑みて、上限の拡大や仕様の変更を行う可能性があります。

最小構成

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

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

フィールド一覧

Backstage 標準

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

独自拡張(spec.devour)

#要素名概要上限
imageスクリーンショット URL1 org につき1件
※ longDescription は廃止。description.long に統合されました
categoryカテゴリ(将来利用予定)
(6)release.current.version現在のバージョン半角12文字まで
(7)release.current.dateリリース日(YYYY-MM-DD)半角10文字まで
(8)release.current.headlineリリース内容の要約(short / long 対応)short: 半角66文字 / long: 半角264文字
(9)release.next.*次回リリース予定(同構造)同上
card.bgカード背景色(#RRGGBB)
card.fgカード文字色(#RRGGBB)
(11)author.comment作者の一言(short / long 対応)short: 半角64文字 / long: 半角256文字
social.x.accountX アカウント名(@なし)
social.x.fix固定表示する投稿 ID
social.x.latest.query最新投稿の検索キーワード
org.bio開発者の自己紹介(short / long 対応)short: 半角382文字 / long: 半角1528文字
org.links開発者の外部リンク12件まで

カードへのマッピング

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

(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)
  • youtube.com / youtu.be(YouTube)
  • store.steampowered.com(Steam)
  • x.com(X)
  • discord.gg / discord.com(Discord)
  • bsky.app(Bluesky)

任意 URL について

上記の信頼ドメイン以外の URL も、1 organization あたり最大 1 URL まで掲載可能です。任意 URL は安全性判定 API によるチェックを行い、問題がないと判定された場合のみ掲載されます。

同様に、スクリーンショット画像も 1 organization あたり最大 1 画像 まで掲載可能です。画像は安全性判定 API により不適切でないことを確認のうえ掲載されます。

※ 安全性判定の結果により掲載されない場合があります。判定結果についての個別のお問い合わせには対応しておりません。

データのリセット

ページ下部のフッターから、ブラウザに保存されたデータを削除できます。

Cookie をリセット

前回訪問日の記録を削除します。リセットすると、次回アクセス時に初回訪問として扱われ、ウォークスルー(サービス説明)が再表示されます。

localStorage をリセット

ウォッチリスト、差分ハイライトのスナップショット、カードの表示状態など、ブラウザに保存されたすべてのデータを削除します。

いずれのリセットも実行後にページが自動でリロードされます。元に戻すことはできませんので、ご注意のうえご利用ください。