MENU
やすひら
やすひらと申します。
長靴を履いたタヌキ(ITエンジニア)です。
モノ作りの楽しさを発信中。
X(旧Twitter)のフォローもお願いします。
  1. ホーム
  2. ノウハウ
  3. エンジニアリング
  4. Git/GitHub
  5. [GitHub]プロフィールのカスタマイズ方法

[GitHub]プロフィールのカスタマイズ方法

Git/GitHub

GitHubでは、プロフィールを表示する機能があります。
GitHubのプロフィールは、SNSのプロフィールやエンジニアとしての履歴書のような機能や効果があります。
GitHubのプロフィールを充実させることで、他エンジニアに自分のスキルや活動内容を知ってもらいましょう。

やすひら

GitHubのプロフィールのカスタマイズ方法を紹介します

この記事でわかること
  • GitHubのプロフィールとは
  • GitHubのプロフィール設定
  • GitHubのプロフィールのカスタマイズ
目次

GitHubのプロフィールとは

GitHubでは、プロフィールを表示する機能があります。
プロフィールは、ユーザーが保有するスキルや活動内容などを表示させることができます。
プロフィールを設定することで、他エンジニアに自己紹介することができます。

GitHubのプロフィール設定

GitHubのプロフィールを設定します。

設定項目備考
ユーザー名アカウント名の他にユーザー名を設定できます。
自己紹介文自己紹介文を設定できます。
会社名会社名を設定できます。
場所住んでいる場所を設定できます。
メールアドレスメールアドレスを設定できます。
Webサイト運営するWebサイトを設定できます。
SNSSNSアカウントを設定できます。

ブラウザ画面

プロフィールを設定して、[Save]をクリックします。

GitHubのプロフィールのカスタマイズ

GitHubのプロフィールは、固定の設定項目の他に、カスタマイズすることができます。
アカウント名と同じ名称のリモートリポジトリを作成して、README.mdにカスタマイズで表示したい内容を記述します。

アカウント名のリモートリポジトリを作成

アカウント名のリモートリポジトリを作成します。

ブラウザ画面

リポジトリ名をアカウント名に設定します。
[Pubulic]を選択します。
[Add a README file]にチェックを入れます。
[Create repository]をクリックします。

プロフィールのカスタマイズ手順

プロフィールのカスタマイズ手順を紹介します。

アカウント名のリモートリポジトリを選択

作成したアカウント名のリモートリポジトリを選択します。

ブラウザ画面

アカウント名のリモートリポジトリを選択します。

README.mdファイルを編集を開始

README.mdファイルを編集を開始します。

ブラウザ画面

READMEの鉛筆マークをクリックして、編集します。

README.mdファイルを編集

README.mdファイルを編集します。

ブラウザ画面

README.mdファイルを編集して、[Commit changes…]をクリックします。

README.mdファイルをコミット

README.mdファイルをコミットします。

ブラウザ画面

コメントを入力してコミットします。

プロフィールのカスタマイズ方法

プロフィールのカスタマイズ方法を紹介します。

プログラミング言語スキル

プログラミングで使用している言語の割合を表示します。

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=[ユーザー名]&theme=[テーマ]&layout=[レイアウト])](https://github.com/anuraghazra/github-readme-stats)

ユーザー名は、アカウント名を設定します。
テーマは、テーマを設定します。
レイアウトは、defaultかcompactを設定します。

GitHub Stars

GitHub Starsは、GitHubでの活動状況を表示します。

![GitHub stats](https://github-readme-stats.vercel.app/apiusername=[ユーザー名]&show_icons=true&theme=[テーマ])

ユーザー名は、アカウント名を設定します。
テーマは、テーマを設定します。

プログラミング言語 & GitHub Stars 並列表示

プログラミング言語とGitHub Starsを並列表示します。

<p align="left"> 
  <img alt="Top Langs" height="150px" src="https://github-readme-stats.vercel.app/api/top-langs/?username=[ユーザー名]&layout=[レイアウト]&show_icons=true&theme=[テーマ]" />
  <img alt="github stats" height="150px" src="https://github-readme-stats.vercel.app/api?username=[ユーザー名]&theme=[テーマ]&show_icons=ture" />
</p>

ユーザー名は、アカウント名を設定します。
テーマは、テーマを設定します。
レイアウトは、defaultかcompactを設定します。

トロフィー

トロフィーを表示します。

[![trophy](https://github-profile-trophy.vercel.app/?username=[ユーザー名]&theme=[テーマ]&column=7)](https://github.com/ryo-ma/github-profile-trophy)

ユーザー名は、アカウント名を設定します。
テーマは、テーマを設定します。

スキルアイコン

保有スキルを示すアイコンを表示します。

![](https://skillicons.dev/icons?i=[スキル])

スキルには、スキル名を入力します。
複数スキルを設定する場合は、カンマ(,)区切りで設定します。

ブログリンク

ブログを運営している方は、リンクを貼ることで、ブログへ誘導することができます。

[やすひらブログ](https://yasuhira-blog.com)

筆者の場合は、技術ブログを運営しているため、リンクをプロフィールに表示させています。

プロフィール紹介

筆者のプロフィールを紹介します。

README.md

## Hi there
Hello, I'm Yasuhira, a software engineer (I'm tanuki in boots).  
On GitHub, I share the applications and handy tools I've developed, so feel free to check them out.

I also run a tech blog where I introduce insights on the latest web technologies and system development. Please take a look!

## GitHub Activity
<p align="left"> 
  <img alt="Top Langs" height="150px" src="https://github-readme-stats.vercel.app/api/top-langs/?username=yasuhira-tanuki&layout=compact&show_icons=true&theme=onedark" />
  <img alt="github stats" height="150px" src="https://github-readme-stats.vercel.app/api?username=yasuhira-tanuki&theme=onedark&show_icons=ture" />
</p>

[![trophy](https://github-profile-trophy.vercel.app/?username=yasuhira-tanuki&theme=onedark&column=7)](https://github.com/ryo-ma/github-profile-trophy)

## Skills
### Programming Languages
![](https://skillicons.dev/icons?i=c,java,py,html,css,php)

### OS and Hardware
![](https://skillicons.dev/icons?i=linux,ubuntu,raspberrypi)

### Flameworks and Library
![](https://skillicons.dev/icons?i=wordpress)

### Tools
![](https://skillicons.dev/icons?i=git,github,vim,md,mysql)

## Tech Blog
[yasuhira blog](https://yasuhira-blog.com)

ブラウザ画面

GitHub
yasuhira-tanuki – Overview

まとめ

GitHubのプロフィールのカスタマイズ方法を紹介しました。

GitHubのプロフィールは
  • プロフィール設定画面で設定できる
  • アカウント名と同じリポジトリにカスタマイズプロフィールを設定できる

GitHubのプロフィールは、エンジニアの履歴書に相当するので、設定しておきたい事項の1つです。
GitHubのプロフィールをカスタマイズして、他エンジニアとの交流を活発にしていきましょう。

Git/GitHub
  • URLをコピーしました！
目次