スキルを数値化・視覚化してモチベーションを上げるサービス #Qiita

はじめに

日々の業務が忙しいと、なかなかスキル研鑽まで気を回せません

そんな日常の中でもモチベーションを保ってスキルを向上させていくためには、 数値化 ・ 視覚化 が有効だと考えられます

スポーツが楽しいのは何故でしょう？

スコアや打率、防御率、奪三振数、ホームラン数、飛距離などなどの数字に一喜一憂するからです

ゲームが楽しいのは何故でしょう？

レベル、攻撃力、防御力、連勝数、フルコンボ、キルレートなどなどの数字に悲喜交々があるからです

競技の楽しみの一端は、間違いなく 数値化 が担っています

自己ベスト、日本記録、世界記録、多種多様な数字に挑み、それを越える快感はたまりません

そして、それらを表で比較したり、グラフで推移を見たり、様々な演出でより分かりやすく伝えるのが 視覚化 です

エンジニアのモチベーション維持にも、スキルの 数値化 ・ 視覚化 は欠かせません

というわけで、私が利用している　スキルの数値化視覚化サービス を紹介します

Qiita

言わずと知れた Qiita 、このサイトです

Qiita の Contribution

Qiita の右上アバター画像をクリックすると、ドロップダウンが表示されます

その中から マイページ をクリックすると、自分のステータスや記事の一覧が確認できるマイページに移動します

私の場合はこちら

マイページは以下のような画面になっています

左上に 3245 Contributions とあります

この数値は Qiita における貢献度を示し、記事投稿、いいね、ストックなどから計算される値です

Qiita でたくさん記事を書いて、たくさん「いいね」をもらって、たくさん「ストック」してもらうと Contributions の値がどんどん上昇していきます

RPG でいうところの 経験値 のような感覚です

無駄にレベルをカンストしたくなる私としては、素直にモチベーションアップに繋がります

Qiita のバッジ

マイページの下 獲得したバッジ をクリックすると、獲得したバッジ一覧が表示されます

私の場合はこんな感じです

バッジは一定の条件を満たすと付与されます

ダンジョンでは必ず全ての行き止まりに行ってアイテム回収したい私としては、収集要素もモチベーションに欠かせません

イベントへの参加意欲も湧いてきますね

Qiita Advent Calendar

もちろん、 Advent Calendar などのイベント自体、モチベーションを上げてくれます

空いていれば埋めたくなる私としては、これも完走しないわけにはいきません

もちろん賞品も魅力的でモチベーションアゲアゲです

GitHub

GitHub でも自分のスキルを視覚化できます

GitHub のプロフィール

GitHub の右上アバター画像をクリックすると左からメニューが出てきます

メニューの Your profile をクリックすると、プロフィール画面に移動します

私の場合はこちら

GitHub では下画像のようなプロフィールを作成可能です

自分のアカウントIDと同じ名前のリポジトリーを作成し、そこに REAME.md を作ればプロフィールページとして表示されるようになります

私の場合は以下のようなコードで実装しています

# Hi 👋, I'm Ryo Wakabayashi

![views](https://komarev.com/ghpvc/?username=RyoWakabayashi&label=Profile%20views&color=0e75b6&style=flat)

## Languages and Tools

<p align="left">
  <a href="https://developer.apple.com/swift/" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/swift/swift-original.svg" alt="swift" width="40" height="40"/>
  </a>
  <a href="https://elm-lang.org/" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/elm/elm-original.svg" alt="elm" width="40" height="40"/>
  </a>
  <a href="https://www.python.org" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" alt="python" width="40" height="40"/>
  </a>
  <a href="https://nodejs.org" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original.svg" alt="nodejs" width="40" height="40"/>
  </a>
  <a href="https://elixir-lang.org" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/elixir/elixir-original.svg" alt="elixir" width="40" height="40"/>
  </a>
  <a href="https://www.tensorflow.org" target="_blank">
    <img src="https://www.vectorlogo.zone/logos/tensorflow/tensorflow-icon.svg" alt="tensorflow" width="40" height="40"/>
  </a>
  <a href="https://opencv.org/" target="_blank">
    <img src="https://www.vectorlogo.zone/logos/opencv/opencv-icon.svg" alt="opencv" width="40" height="40"/>
  </a>
  <a href="https://jupyter.org/" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/jupyter/jupyter-original.svg" alt="jupyter" width="40" height="40"/>
  </a>
  <a href="https://www.postgresql.org" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/postgresql/postgresql-original.svg" alt="postgresql" width="40" height="40"/>
  </a>
  <a href="https://www.elastic.co" target="_blank">
    <img src="https://www.vectorlogo.zone/logos/elastic/elastic-icon.svg" alt="elasticsearch" width="40" height="40"/>
  </a>
  <a href="https://www.ansible.com/" target="_blank">
    <img src="https://www.vectorlogo.zone/logos/ansible/ansible-icon.svg" alt="ansible" width="40" height="40"/>
  </a>
  <a href="https://www.terraform.io/" target="_blank">
    <img src="https://www.vectorlogo.zone/logos/terraformio/terraformio-icon.svg" alt="terraform" width="40" height="40"/>
  </a>
  <a href="https://www.docker.com/" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/docker/docker-original.svg" alt="docker" width="40" height="40"/>
  </a>
  <a href="https://aws.amazon.com" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/amazonwebservices/amazonwebservices-original.svg" alt="aws" width="40" height="40"/>
  </a>
  <a href="https://github.com/" target="_blank">
    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/github/github-original.svg" alt="github" width="40" height="40"/>
  </a>
</p>

## GitHub Status

![Ryo Wakabayashi's GitHub stats](https://github-readme-stats.vercel.app/api?username=RyoWakabayashi&count_private=true&show_icons=true&theme=cobalt)

## Trophy

[![trophy](https://github-profile-trophy.vercel.app/?username=RyoWakabayashi&no-frame=true&theme=juicyfresh&row=2&column=4)](https://github.com/ryo-ma/github-profile-trophy)

## GitHub Streak

[![GitHub Streak](http://github-readme-streak-stats.herokuapp.com?user=RyoWakabayashi&theme=jolly&date_format=%5BY.%5Dn.j)](https://git.io/streak-stats)

## GitHub Summary Cards

[![](./profile-summary-card-output/vue/0-profile-details.svg)](https://github.com/vn7n24fzkq/github-profile-summary-cards)
[![](./profile-summary-card-output/vue/1-repos-per-language.svg)](https://github.com/vn7n24fzkq/github-profile-summary-cards) [![](./profile-summary-card-output/vue/2-most-commit-language.svg)](https://github.com/vn7n24fzkq/github-profile-summary-cards)
[![](./profile-summary-card-output/vue/3-stats.svg)](https://github.com/vn7n24fzkq/github-profile-summary-cards) [![](./profile-summary-card-output/vue/4-productive-time.svg)](https://github.com/vn7n24fzkq/github-profile-summary-cards)