1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【個人開発】グラフ生成サイト「ぐらふつくーる」を公開しました!

Last updated at Posted at 2023-10-28

背景

  • ITエンジニアとして個人開発で何かのサービスを公開するというは一つの夢みたいなところがあると思います。
  • 今回私が初めて個人開発で作成したグラフ生成サイト「ぐらふつくーる」を紹介します。

アイデアの着想

  • 学生・社会人問わず、ちょっとしたデータをパッとキレイに可視化したいシーンはよくあると思います。
  • 基本的にグラフを作成しようとすると、ExcelかGoogle スプレッドシートもしくはpythonが使用できればmatplotlibなどが選択肢となると思います。
  • ですが、ExcelかGoogle スプレッドシートのデフォルトのグラフは壊滅的に見づらいですし、かといってmatplotlibで作成するには手間がかかるという課題があります。
  • そこで、webで簡単にちょっとしたデータをパッとキレイなグラフで出力できるのには一定のニーズがあるのではないかと考え、「ぐらふつくーる」を作成しました!

見た目と使い方

  • ぐらふつくーる」の見た目は下記の通りです。
  • 左側にデータを入力するテーブルがあり、それがリアルタイムで反映される棒グラフが右側にあります。
  • データを入力して反映された棒グラフを「PNGでグラフをダウンロード」ボタンを押すことでPNGファイルとしてダウンロードできます。

ぐらふつくーる.png

技術スタック

  • React: フロントエンドのフレームワーク
  • TypeScript: 型安全なコーディングを実現
  • Recharts: グラフ生成ライブラリ

今後の開発方針

  • 現状ではデザインも酷いし、機能も少なすぎると考えています。
  • そこで今後は、
    • 色々なグラフが生成可能(円グラフ・折れ線グラフ等)
    • グラフの設定機能(色や大きさ線の太さなど)
       等の機能を追加していくつもりです。
  • できればお小遣いチャリンチャリンしたいので、開発を進めて人気が出てきたら月額300円〜500円ぐらいのサブスクサービスにしたい。

お願い

  • 自分でもどんな機能が追加されていければ嬉しいかわからないので、ご意見ありましたらコメント欄に記載していただけると嬉しいです!

参考資料

最後に

  • こちらからサイトにアクセスできます。ぜひ、使ってみてください!
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?