Pro 背景React
facebook/react
02課題
複数の README 埋め込みを、1 つの GitHubCard リンクに。
プロフィール README を手書きすると、統計、言語、連続貢献、活動、スキルの表示に、埋め込み 6 個、サービス 5 つ、多数の URL パラメーターが必要になることがあります。GitHubCard なら同じ最新データを 1 つのデザインにまとめられます。README に必要なのはリンク 1 つです。
README.md
@@ -1,29 +1,6 @@# Hi, I'm Alex 👋Full-stack developer building useful products.<!-- Profile and repository stats --><!-- Top languages --><a href="https://github.com/you?tab=repositories"><img height="165" src="https://github-readme-stats.vercel.app/api/top-langs?username=you&layout=compact&theme=tokyonight" alt="Top languages" /></a><!-- Commit streak --><p align="center"><img width="48%" src="https://streak-stats.demolab.com?user=you&theme=tokyonight&hide_border=true" alt="Commit streak" /></p><!-- Contribution heatmap (light / dark) --><picture><source media="(prefers-color-scheme: dark)" srcset="https://ghchart.rshah.org/2f81f7/you" /><img src="https://ghchart.rshah.org/40c463/you" alt="Contribution heatmap" /></picture><!-- Activity graph -->[](https://github.com/you)<!-- Tech skills -->## Featured projects
# Hi, I'm Alex 👋Full-stack developer building useful products.## Featured projects
03ウィジェット
必要なコンポーネントを選ぶ。
GitHub 統計、貢献ヒートマップ、連続コミット、言語・技術スタック、使用言語、リポジトリ、Star History。必要なものを選んでキャンバスに配置し、テーマをまとめて設定できます。
20 種類以上のうち 8 種類 · ポインターを重ねると一時停止
使用言語ドーナツグラフ
使用言語ランキング棒グラフ
プロフィール統計
連続貢献統計
貢献ヒートマップ
Star の推移
リポジトリのコミット
リポジトリのコード頻度
使用言語ドーナツグラフ
使用言語ランキング棒グラフ
プロフィール統計
連続貢献統計
貢献ヒートマップ
Star の推移
リポジトリのコミット
リポジトリのコード頻度
04使い方
3 ステップ、設定不要。
実際のエディターと同じ流れです。カードを選び、デザインして公開します。
06比較
キャンバスと単機能ツールの比較。
編集手順、完成したカード、保守の手間を比較します。
01まとめ
ワークフロー
GitHubCard では、編集から完成まで 1 つのキャンバスで作業できます。
- GitHubCard
- レイアウト、データ、ウィジェットを同じ手順で編集できます。
- 単機能ツール
- 単機能ツールでは、複数のジェネレーターで個別に設定する必要があります。
ビジュアルエディター1 つのキャンバス組み合わせる手間を削減
02まとめ
出力
統一感のある 1 枚のカードが完成します。
- GitHubCard
- プロフィール、リポジトリ、統計の各パーツを同じ見た目に揃えられます。
- 単機能ツール
- ほかのツールでは、カード、グラフ、URL を個別に出力することが多いです。
統一されたスタイル最終レイアウトすぐに書き出せる
03まとめ
保守
依存先が減るため、トークン、定期ジョブ、手動更新の手間も減ります。
- GitHubCard
- GitHub のデータに基づいてカードを更新し、キャッシュの動作も把握できます。
- 単機能ツール
- 信頼性はホスティング、定期ジョブ、API 制限に左右されることが多いです。
少ない設定自動更新明確な制限
特定ブランドではなく、ツールの種類を比較しています。
07料金
無料で始めて、Pro が必要になったら買い切りで。
デザインとプレビューは無料です。Pro Lifetime は買い切り 19 米ドルで、プレミアム背景・フォント、透かしなし・4 倍解像度のエクスポートを使えます。定期購入は不要です。
買い切り · 定期購入なし · 7 日間返金保証。 料金の詳細を見る
08質問
公開前によくある質問。
GitHubCard とは？
GitHubCard は GitHub プロフィール README を視覚的に作るツールです。GitHub データをプロフィールやリポジトリのカードにまとめ、README、ポートフォリオ、SNS 投稿で使えます。
GitHubCard の使い方は？
プロフィールやリポジトリの URL にある github.com を githubcard.com に変えます。例：githubcard.com/torvalds、githubcard.com/facebook/react。キャンバスエディターでカードをカスタマイズできます。
ログインは必要ですか？
デフォルトカードはログインせずにプレビューできます。独自デザインの保存、公開、更新、削除には GitHub ログインが必要です。
README にカードを埋め込むには？
SVG の URL（例：githubcard.com/username.svg）をコピーして、Markdown ファイルに画像として追加します。カードには GitHub の最新データが表示されます。
GitHub プロフィール README を作るには？
GitHub のユーザー名と同じ名前のリポジトリを作成し、README.md を追加します。公開リポジトリで名前が正しければ、GitHub がプロフィールに README を表示します。
GitHub プロフィール README ガイドカードは自動更新されますか？
はい。カードには GitHub の最新データが表示されます。性能を保つためにキャッシュするので、更新の反映に最大 1 時間かかることがあります。
カードをカスタマイズできますか？
はい。20 種類以上のデータウィジェットをドラッグし、レイアウトを調整して SVG や PNG に書き出せます。
GitHubCard は無料ですか？
基本機能は無料です。Pro Lifetime は買い切り 19 米ドルで、プレミアム背景・フォント、透かしなし・高解像度（4 倍）の書き出しを利用できます。定期購入は不要です。