Skip to content
forked from jphacks/B_2211

Githubの草を可視化して身近に感じられるインテリア

License

Notifications You must be signed in to change notification settings

IOATofu/Qusahaiel

 
 

Repository files navigation

Qsahaiel(クサハエル)

IMAGE ALT TEXT HERE デモ動画はこちらです。

DEMO UI(GitHubユーザーネームを入れると草を表示): https://kusa.home.k1h.dev

Test Page(カスタムカラーなど): https://kusa.home.k1h.dev/test

製品概要

背景(製品開発のきっかけ、課題等)

GitHubのプロフィールなどには、日毎の活動量を示す(GitHubでは活動量を示すマスが緑色であるため)"草"と呼ばれているカレンダーのようなものがあり、"草を生やす"(活動をしてカレンダーに反映させる)ことが一種のモチベーションになっている人も多いでしょう。しかし、何かと忙しい日々にはそもそも"草"をチェックし忘れ、どうしても活動が途切れてしまうことも多いと思います。そこで、私たちはこの草をリアルなインテリアとして置くことができれば、ふとした瞬間に目に入り、今日やってないことを思い出したり、毎日継続できている達成感を感じられるのではないかと考えました。 これは一般的な日課にも言えることで、そもそも日課の存在を忘れてしまう、1回途切れてしまうとモチベーションが切れてしまう、などといった問題が存在します。GitHubへのコミットだけでなく、こういった日課の継続もサポートすべく、日課の管理をするアプリケーションとその達成度を表す"草"のインテリアを制作することになりました。プロダクト名はサハクィエル(sahaquiel)からです。

製品説明(具体的な製品の説明)

readme01

特長

1. 特長1 光で達成度を可視化

GitHubのContribution、日々の歩数などの日常の達成度を、どの程度光っているかで簡単に確認することができます。

2. 特長2 インテリアとしてさりげなく部屋に

Qsahaielはインテリアです。そのため、部屋にあっても違和感がありません。 部屋をおしゃれにしつつ、達成度を確認できます。

3. 特長3 色のモードを変えて気分転換も

達成度を確認することは大切です。しかし、それだけでは疲れてしまいます。 Qsahaielは色の光り方のモードがいくつかあり、気分転換ができます。

パーティーモード

さまざまな色に光ります。 見ているだけで楽しい気分になります。

party_qsahaiel

アラートモード

Qsahaielが赤色に点滅します。 自身に緊迫感を与えることができます。

arart_qsahaiel

サハクィエルモード

Qsahaielの名前の元になったサハクィエルの配色に光ります。

カスタマイズモード

色を元々あるパターンだけでなく、自分の好きなように変えることができます。

解決出来ること

日常的にGitHubのContributionの状況や、日課の達成状況が目に入る場所にあることで、日課の達成を促すとともにモチベーション向上に繋げることができます。

今後の展望

  • GitHubのContributionの記録を、毎日自動で更新できるようにする。
  • Google Fitなどの歩数を手動で入力することなく、自動でQsahaielが受け取り表示できるようにする。

注力したこと(こだわり等)

  • Qsahaielは手軽に扱えるようにしました。そのため、セットアップはWi-Fiに繋ぐだけです。そこからサイトでGitHubのユーザ名を入力するだけで使えます。
  • Qsahaielはインテリアです。あくまでそこも重視し、さまざまなモードを搭載することで多種多様な部屋に馴染むようにしました。

開発技術

活用した技術

API・データ

  • Github (Contributions)

フレームワーク・ライブラリ・モジュール

フロントエンド
  • Next.js
  • tailwind
バックエンド
  • FastAPI
  • Express
組み込み
  • Arduino
  • ArduinoJSON
インフラ
  • traefik
  • ArgoCD
  • Docker
  • k8s

デバイス

  • ESP32-DevKitC
  • Arduino MEGA 2560 R3

独自技術

ハッカソンで開発した独自機能・技術

About

Githubの草を可視化して身近に感じられるインテリア

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 55.6%
  • C++ 15.4%
  • CSS 8.9%
  • Python 8.7%
  • JavaScript 7.1%
  • Dockerfile 2.9%
  • Shell 1.4%