arifszn/gitprofile

これは何？

主な機能

• 01GitHubのユーザー名をもとにポートフォリオを自動生成し、アバターと自己紹介をGitHubと同期します。
• 02GitHubのプロジェクトを自動（スター数または最終更新日順）または手動で表示できます。
• 03選択可能な36種類のテーマを用意し、カスタムテーマにも対応しています。
• 04スキル、職務経歴、学歴、資格、出版物、ブログ記事のセクションを備えています。
• 05SEO用メタタグ、Google Analytics、Hotjar、PWAとしてのインストールに対応しています。
• 06GitHub Actions経由でGitHub Pagesにデプロイできるほか、Vercel、Netlify、Surgeにもデプロイできます。

ユースケース

• フロントエンドのコードを書かずに、手早くオンラインポートフォリオを作りたい開発者。
• コードプロジェクトとあわせて出版物を紹介したい研究者。
• GitHubでの活動につながる、履歴書形式のサイトが必要な求職者。

クイックスタート

1. 1

   リポジトリをクローンする

   git clone https://github.com/arifszn/gitprofile.git
2. 2

   プロジェクトディレクトリに移動する

   cd gitprofile
3. 3

   依存関係をインストールする

   npm install
4. 4

   開発サーバーを起動し、http://localhost:5173/gitprofile/ を開く

   npm run dev

使う前に知っておきたいこと

• !ローカル環境のセットアップには Node.js 20 以降が必要です。
• !GitHub Pages のプロジェクトサブパスにデプロイするには、gitprofile.config.ts の base 値を手動で設定する必要があります。

収録されている特集

トピック

よくある質問

gitprofile とは？

GitHubのユーザー名だけでGitHubと同期するポートフォリオサイトを構築し、GitHub PagesにデプロイできるTypeScriptテンプレート。 GitProfileは、GitHubのユーザー名から個人ポートフォリオサイトを生成します。アバター、自己紹介、リポジトリはGitHubから自動取得されるため、プロフィールの変更に合わせてサイトも更新されます。スキル、職務経歴、学歴、資格、出版物、外部プロジェクトなどのセクションは、単一のgitprofile.config.tsファイルで設定できます。

gitprofile は無料で使えますか？ライセンスは？

gitprofile は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

gitprofile は今もメンテナンスされていますか？

半年以内に更新あり。gitprofile の最終コミットは 2026年9月1日 です。

gitprofile は何に使えますか？

フロントエンドのコードを書かずに、手早くオンラインポートフォリオを作りたい開発者。 コードプロジェクトとあわせて出版物を紹介したい研究者。 GitHubでの活動につながる、履歴書形式のサイトが必要な求職者。

gitprofile のインストール方法は？

リポジトリをクローンする: git clone https://github.com/arifszn/gitprofile.git プロジェクトディレクトリに移動する: cd gitprofile 依存関係をインストールする: npm install 開発サーバーを起動し、http://localhost:5173/gitprofile/ を開く: npm run dev

gitprofile はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/arifszn/gitprofile