GitHubのプロフィールがめちゃめちゃかっこよくする方法


みなさん、GitHubのプロフィールはどんなプロフィールですか？
私は昨日までデフォルトの画面でした。
いつか綺麗に整えたいな〜と思いつつ、後回しにするのが大得意なので今に至ります。

さて、まずはビフォアフの為に昨日までのプロフィールを載せます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/88e69292-7cf7-4c13-b770-5a0510b92ebb.png)

ここからなんと！
このように変わります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/93683602-09de-434a-bb05-d357bba465fa.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/28f0814e-1d4f-42eb-8450-5f244267ff92.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/524c2831-62e6-4d96-950f-e64a18fcf067.png)

かっこよくないですか。
めちゃいいじゃないですか。
安心してください。手順を教えます。

1. 自分のユーザー名でリポジトリを作成してください
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/5efba42a-22e9-46bd-8ae2-664f133ca782.png)
1. 後は README.md を編集して保存すればOKです。自分のプロフィールページに行って変更された事を確認してください！

今回、私が作成した `README.md` は下記です。使いたい方いればどうぞ！

```md
<div align="center">
  <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
</div>

<div align="center">
  <img src="https://capsule-render.vercel.app/api?type=waving&color=gradient&customColorList=0,2,2,5,30&height=150&section=header&animation=twinkling" />
</div>

<div align="center">
  <img src="https://readme-typing-svg.herokuapp.com?font=Fira+Code&size=32&duration=2800&pause=2000&color=A9FEF7&center=true&vCenter=true&width=600&lines=Hey+there!+I'm+User+%F0%9F%91%8B;Flutter+Developer+%F0%9F%9A%80;Mobile+App+Enthusiast+%E2%9C%A8;Always+Learning+New+Things+%F0%9F%93%9A" alt="Typing SVG" />
</div>

## 🌟 **About Me**

<div align="center">

<table>
<tr>
<td width="200" align="center">
<img src="https://skillicons.dev/icons?i=flutter" width="100" height="100" alt="Flutter" />
<br><strong>Flutter</strong>
</td>
<td width="400" align="left">

### 👋 **Hi, I'm User!**
🚀 **Flutter Developer** passionate about mobile development  

🌍 **Location:** Japan 🇯🇵  
💼 **Focus:** Building beautiful mobile applications  
☕ **Powered by:** Coffee and curiosity  
🎯 **Goal:** Creating amazing user experiences  

</td>
</tr>
</table>

</div>

## 📊 **GitHub Analytics**

<div align="center">
  <img src="https://github-readme-streak-stats.herokuapp.com/?user=user&theme=transparent&border_radius=10&starting_year=2020" alt="readme streak stats" />
</div>

<div align="center">
  <img src="https://github-readme-activity-graph.vercel.app/graph?username=user&custom_title=User's%20GitHub%20Activity%20Graph&bg_color=0d1117&color=58a6ff&line=58a6ff&point=58a6ff&area=true&hide_border=true" />
</div>

## 🛠️ **Tech Stack**

<table align="center">
<tr>
<td width="50%" align="center" valign="top">

### 📱  **Mobile Development**
<img src="https://skillicons.dev/icons?i=flutter,dart" />

### ☁️  **Backend as a Service (BaaS)**
<img src="https://skillicons.dev/icons?i=supabase,firebase" />

### 🔧  **Development Tools**
<img src="https://skillicons.dev/icons?i=vscode,git,github,postman" />

</td>
<td width="50%" align="center" valign="top">

### 🗄️  **Database**
<img src="https://skillicons.dev/icons?i=postgresql,sqlite" />

### 🎨  **Design**
<img src="https://skillicons.dev/icons?i=figma,xd,photoshop" />

### 💻  **Languages & Frameworks**
<img src="https://skillicons.dev/icons?i=ruby,rails,js,ts,html,css" />

</td>
</tr>
</table>

## 🏆 **GitHub Trophies (Commits)**

<div align="center">
  <img src="https://github-profile-trophy.vercel.app/?username=user&theme=transparent&no-frame=true&no-bg=false&margin-w=4&column=7&rank=SECRET,SSS,SS,S,AAA,AA,A,B,C&title=Commit,Commits" />
</div>

## 💭 **Random Dev Quote**

<div align="center">
  <img src="https://quotes-github-readme.vercel.app/api?type=horizontal&theme=transparent" />
</div>

<div align="center">
  <img src="https://capsule-render.vercel.app/api?type=waving&color=gradient&customColorList=0,2,2,5,30&height=120&section=footer&animation=twinkling" />
</div>

<div align="center">
  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
  
  **⭐ From [user](https://github.com/user) with ❤️**
  
  *"Flutter makes everything beautiful! 🦋"*
</div>
```