GitHubのプロフィールを新しくしてみました！

# はじめに
神絵師によって、私のプロフィール画像が**完璧で究極な美少女**に生まれ変わりました。
この絵によって実態も素敵な女性なのでは🧐という誤解を生まないために、`GitHub`のプロフィールを大幅アップデートしたいと思います。

## GitHubプロフィール
`README.md`ファイルを使用して、自分の情報を集約してみます。
[リンクはこちら](https://github.com/DEmodoriGatsuO/DEmodoriGatsuO/blob/main/README.md)

https://github.com/DEmodoriGatsuO/DEmodoriGatsuO

今までテンプレートの情報のみを載せていましたが、刷新することにしました。

- 自分のプロフィール
- 登壇する際のスタイル
- 好きなMicrosoft 製品
- SNS情報

こうしたものを載せていきます。

# ヘッダーの装飾
下記でプロフィールのビュー数をカウントするバッジを設定。

```Markdown:プロフィールのビュー数
<div align="right">
  <img src="https://komarev.com/ghpvc/?username=DemodoriGatsuo" />
</div>
```

[X(Twitter)](https://x.com/DemodoriGatsuo)と[YouTube](https://www.youtube.com/channel/UCnQPcnjK2djLVvdr_-u4nrQ)のバッジを追加しています。視覚的に表示できて映えます。バッジの参照元は下記のサイトです。

```Markdown:SNSバッジ
<p align="center">
  <a href="https://x.com/DemodoriGatsuo"><img src="https://img.shields.io/twitter/follow/DemodoriGatsuo"/></a>
  <a href="https://www.youtube.com/channel/UCnQPcnjK2djLVvdr_-u4nrQ"><img src="https://img.shields.io/youtube/channel/subscribers/UCnQPcnjK2djLVvdr_-u4nrQ"/></a>
</p>
```

https://shields.io/

挨拶文に動くGIFを追加し、好きな製品をまとめています。

```Markdown:あいさつ文

# <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width="28"> Hi! This is De'modori Gatsuo!!
```

`Power Apps`・`Power Automate`が好きなことをバッジでアピール
```Markdown:好きな製品をバッジで表示

![Power Apps](https://img.shields.io/badge/-Power%20Apps-742774?style=flat-square&logo=powerapps&logoColor=white)
![Power BI](https://img.shields.io/badge/-Power%20BI-F2C811?style=flat-square&logo=power-bi&logoColor=black)
![Power Automate](https://img.shields.io/badge/-Power%20Automate-0066FF?style=flat-square&logo=power-automate&logoColor=white)
![SharePoint](https://img.shields.io/badge/-SharePoint-038387?style=flat-square&logo=microsoft-sharepoint&logoColor=white)
![Azure](https://img.shields.io/badge/-Azure-0078D4?style=flat-square&logo=microsoft-azure&logoColor=white)

```

# アバターと実際の写真を対比
`Real`と`Avatar`を画像で並べてみました。

```Markdown:写真
<p align="center">
Real
  <img src="/asset/RealAvatar.png" alt="REAL" style="border-radius: 50%; width: 200px; height: 200px;">
Virtual
  <img src="https://pbs.twimg.com/profile_images/1807909418010566656/SEmp8tKd_400x400.jpg" alt="バ美肉" style="border-radius: 50%; width: 200px; height: 200px;">
Before
  <img src="/asset/before.png" alt="バ美肉" style="border-radius: 50%; width: 200px; height: 200px;">
</p>
```

## 製品関連
それらしく今まで触れてきたものや好きなものをバッジで改めて並べます。
`Python`や`GitHub`はアイコン付きで嬉しい🐍

```Markdown:製品のバッジ
![Power Apps](https://img.shields.io/badge/-Power%20Apps-742774?style=flat-square&logo=powerapps&logoColor=white)
![Power BI](https://img.shields.io/badge/-Power%20BI-F2C811?style=flat-square&logo=power-bi&logoColor=black)
![Power Automate](https://img.shields.io/badge/-Power%20Automate-0066FF?style=flat-square&logo=power-automate&logoColor=white)
![SharePoint](https://img.shields.io/badge/-SharePoint-038387?style=flat-square&logo=microsoft-sharepoint&logoColor=white)
![Azure](https://img.shields.io/badge/-Azure-0078D4?style=flat-square&logo=microsoft-azure&logoColor=white)
![Python](https://img.shields.io/badge/-Python-3776AB?style=flat-square&logo=python&logoColor=white)
![Visual Studio](https://img.shields.io/badge/-Visual%20Studio-5C2D91?style=flat-square&logo=visual-studio&logoColor=white)
![GitHub](https://img.shields.io/badge/-GitHub-181717?style=flat-square&logo=github&logoColor=white)
![Azure Functions](https://img.shields.io/badge/-Azure%20Functions-0062AD?style=flat-square&logo=azure-functions&logoColor=white)
```

# 外部機能
GitHubの統計カードを追加しています。

```Markdown:統計カード
<p align="center">
  <img height="180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=DEmodoriGatsuO&exclude_repo=KNN-Image-Classification&show_icons=true&hide_border=true&layout=compact&langs_count=8&theme=blue-green"/>
</p>
```

[github-readme-stats](https://github.com/anuraghazra/github-readme-stats)で映える機能を盛れる👀！

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

下記のような機能が利用できるとのこと
- GitHubの統計カード
- 最もよく使用される言語カード
- Wakatime週間統計カード
- リポジトリのピン留めカード

# おわりに
`GitHub`のプロフィールの刷新から、改めて豊富な機能を体験できました。
定期的に更新せねば！