GitHub のプロフィールの README の作成

# GitHub の プロフィール README の作成

https://docs.github.com/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/managing-your-profile-readme

# はじめに

はじめまして。

この記事では、GitHub のプロフィールの README を作成します。また、外部ツールを使って、現在の技術力などを可視化しようと思います。

私自身が多くのコードを公開している訳ではないので、見栄えはしませんがそこはお許しください。

この記事が、エンジニアとして活躍する方々に貢献ができるように書かせていただきます。

## プロフィール用の README のリポジトリの作成

1. 新しいリポジトリを作成します。
2. ユーザ名が `qiita` ならリポジトリ名も同じ `qiita` としてください。
3. 「Create repository」からリポジトリを作成してください。

## README の作成

`README.md` を編集することで、プロフィールを作成することができます。

## GitHub の Markdwon 拡張機能

https://docs.github.com/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax

### Alerts

```text
> [!NOTE]
> Useful information that users should know, even when skimming content.

> [!TIP]
> Helpful advice for doing things better or more easily.

> [!IMPORTANT]
> Key information users need to know to achieve their goal.

> [!WARNING]
> Urgent info that needs immediate user attention to avoid problems.

> [!CAUTION]
> Advises about risks or negative outcomes of certain actions.
```

## 外部ツールの利用

以下の外部ツールでは、配色や言語、拡張機能などが多く備えてありますが、今回はいずれもデフォルトの設定で使います。
より細かく設定したい人は、それぞれのリポジトリを参照してください。

### GitHub の評価

#### GitHub Profile Summary Cards

https://github.com/vn7n24fzkq/github-profile-summary-cards

このツールでは、「Profile details card」をはじめ、いくつかの情報を可視化することができます。

##### Profile details card

![Profile details card](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=qiita
```

##### Top languages used in repository card

![Top languages used in repository card](https://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=qiita
```

##### Top languages in commits card

![Top languages in commits card](https://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=qiita
```

##### GitHub stats card

![GitHub stats card](https://github-profile-summary-cards.vercel.app/api/cards/stats?username=Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://github-profile-summary-cards.vercel.app/api/cards/stats?username=qiita
```

##### Productive time card

![Productive time card](https://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=qiita
```

#### GitHub Profile Trophy

https://github.com/ryo-ma/github-profile-trophy

![GitHub Profile Trophy](https://github-profile-trophy.vercel.app/?username=Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://github-profile-trophy.vercel.app/?username=qiita
```

#### GitHub Readme Stats

https://github.com/anuraghazra/github-readme-stats

このツールでは、「Profile details card」をはじめ、いくつかの情報を可視化することができます。

##### GitHub Stats Card

![GitHub Stats Card](https://github-readme-stats.vercel.app/api?username=Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://github-readme-stats.vercel.app/api?username=qiita
```

##### GitHub Extra Pins

![GitHub Extra Pins](https://github-readme-stats.vercel.app/api/pin/?username=Natu-ja&repo=Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更する、かつ `qiita-repository` を自分のリポジトリ名に変更することで使うことができます。

```text
https://github-readme-stats.vercel.app/api/pin/?username=qiita&repo=qiita-repository
```

##### Top Languages Card

![Top Languages Card](https://github-readme-stats.vercel.app/api/top-langs/?username=Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://github-readme-stats.vercel.app/api/top-langs/?username=qiita
```

#### Shields.io

https://github.com/badges/shields

##### GitHub followers

![GitHub followers](https://img.shields.io/github/followers/Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://img.shields.io/github/followers/qiita
```

##### GitHub Sponsors

![GitHub Sponsors](https://img.shields.io/github/sponsors/Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://img.shields.io/github/sponsors/qiita
```

##### GitHub User's stars

![GitHub User's stars](https://img.shields.io/github/stars/Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://img.shields.io/github/stars/qiita
```

#### Star History

https://github.com/star-history/star-history

![Star History](https://api.star-history.com/svg?repos=Natu-ja/Natu-ja,Natu-ja/cook)

これは、以下のリンクの `qiita` を自分のユーザ名に変更する、かつ `qiita-repository` を自分のリポジトリ名に変更することで使うことができます。

```text
https://api.star-history.com/svg?repos=qiita/qiita-repository
```

### GitHub 以外の評価

#### LeetCode Stats Card

https://github.com/JacobLinCool/LeetCode-Stats-Card

![LeetCode Stats Card](https://leetcard.jacoblin.cool/Natu-ja)

これは、以下のリンクの `qiita` を自分のユーザ名に変更することで使うことができます。

```text
https://leetcard.jacoblin.cool/qiita
```

### その他

#### Skill Icons

https://github.com/tandpfun/skill-icons

![Skill Icons](https://skillicons.dev/icons?i=github)

これは、以下のリンクの `github` をスキル名に変更することで使うことができます。

```text
https://skillicons.dev/icons?i=github
```

#### Typograssy

https://github.com/kawarimidoll/typograssy

![Typograssy](https://typograssy.deno.dev/api?text=GitHub)

これは、以下のリンクの `github` をスキル名に変更することで使うことができます。

```text
https://skillicons.dev/icons?i=github
```

## おわりに

この記事では、GitHub のプロフィールの README を作成しました。また、外部ツールを使って、現在の技術力などを可視化しました。

この記事が、エンジニアとして活躍する方々に貢献できたら幸いです。