Shields.ioは、READMEやWebページ向けの簡潔なSVG・ラスター形式のステータスバッジを生成するサービス兼NPMライブラリです。
wei/socialify
GitHubリポジトリ向けに、統計情報やロゴ、フォント、背景パターンを使った共有用プレビュー画像を生成します。
- スター
- 2,222
- フォーク
- 123
- 未解決の Issue
- 13
- 最終コミット
- 11 日前
これは何?
Socialifyは、READMEやSNS投稿、リポジトリのソーシャルプレビューに使えるGitHubリポジトリ用の画像を作成します。リポジトリを選び、説明、オーナー、言語、スター、フォーク、Issue、プルリクエストなどの表示を切り替えたうえで、カスタムロゴ、フォント、テーマ、背景パターンを使って見た目を調整できます。
生成した画像の使い方は2通りあります。ソーシャル画像エンドポイントは、カウントが自動的に更新されるライブ画像を返すため、READMEやimgタグに適しています。PNG、JPEG、WebP形式でダウンロードした画像は、GitHubのソーシャルプレビュー設定など、画像ファイルが必要な場所にアップロードできます。コミュニティ製CLIのgithub-social-imageを使えば、複数のリポジトリに一括で画像を反映できます。
SocialifyはMITライセンスのTypeScriptプロジェクトで、Dockerを使ったセルフホストにも対応しています。
主な機能
- 01任意のGitHubリポジトリ向けにプロジェクト画像を生成
- 02スター、フォーク、Issue、プルリクエストなどの統計情報をリアルタイムで表示
- 03カスタムロゴ、複数のフォント、背景パターンに対応
- 04ライトテーマとダークテーマを提供
- 05画像をPNG、JPEG、WebP形式でエクスポート
- 06Dockerを使ったセルフホストに対応
ユースケース
- READMEにライブ更新されるバナーを追加する
- GitHubリポジトリのソーシャルプレビュー画像をカスタマイズする
- オープンソースプロジェクトを共有するためのブランド画像を作成する
- 複数のリポジトリ向けのソーシャル画像を一括生成する
クイックスタート
- 1
.env.example に記載されている環境変数を .env ファイルにコピーします
- 2
docker-compose でアプリを起動します
docker-compose up -d - 3
または、Docker イメージを直接ビルドして実行します
docker build -t socialify . && docker run -p 3000:3000 --env-file .env socialify
使う前に知っておきたいこと
- Socialify は現在活発に開発されており、デザインやプロジェクトのドメインは予告なく変更される場合があります。
収録されている特集
トピック
よくある質問
- socialify とは?
- GitHubリポジトリ向けに、統計情報やロゴ、フォント、背景パターンを使った共有用プレビュー画像を生成します。 Socialifyは、READMEやSNS投稿、リポジトリのソーシャルプレビューに使えるGitHubリポジトリ用の画像を作成します。リポジトリを選び、説明、オーナー、言語、スター、フォーク、Issue、プルリクエストなどの表示を切り替えたうえで、カスタムロゴ、フォント、テーマ、背景パターンを使って見た目を調整できます。
- socialify は無料で使えますか?ライセンスは?
- socialify は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- socialify は今もメンテナンスされていますか?
- 活発にメンテナンス中。socialify の最終コミットは 2026年10月28日 です。
- socialify は何に使えますか?
- READMEにライブ更新されるバナーを追加する GitHubリポジトリのソーシャルプレビュー画像をカスタマイズする オープンソースプロジェクトを共有するためのブランド画像を作成する 複数のリポジトリ向けのソーシャル画像を一括生成する
- socialify のインストール方法は?
- .env.example に記載されている環境変数を .env ファイルにコピーします docker-compose でアプリを起動します: docker-compose up -d または、Docker イメージを直接ビルドして実行します: docker build -t socialify . && docker run -p 3000:3000 --env-file .env socialify
- socialify はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/wei/socialify
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
GitHub Flavored Markdown(GFM)の構文と、README・issue・wikiでの表示を確認できるMarkdownリファレンス兼テストファイル。
GitHubのコントリビューショングラフを、プロフィールに埋め込めるGalaga風のアニメーション付きシューティングGIFまたはWebPに変換します。
アカウント不要で、友人とYouTubeやVimeoなどの動画を同期して楽しめるセルフホスト型Webアプリです。
REST、GraphQL、GitHub App、Webhook、OAuthのクライアントを1つにまとめた、ブラウザー、Node.js、Deno向けのGitHub SDK。
repos、orgs、issuesなどの型付きサービスを備えた、GitHub v3 REST API用のGoクライアントライブラリ。