3
3

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 3 years have passed since last update.

出費を記録するウェブサイトを開発してみた。

Last updated at Posted at 2020-03-08

今回は家計簿アプリを作ってみました。
経緯や学んだことなどを記載していきます。

今回作ったものはこんな感じです。
スクリーンショット 2020-02-29 16.43.35.png

#言語やツール
・HTML,CSS
・Java
・JavaScript
・MySQL
・Heroku

#経緯
「そろそろ貯蓄をしなければ、、、」と思っていた今年の初めに家計簿をつけることを決意しました。しかし、なかなかつける習慣にならなかったので、「自分で作ればつける習慣がつくのでは」と思い立ち開発しました。シンプルで誰が触っても使いやすいを意識して開発しました。綺麗な円グラフを作成したかったので、chart.jsを使いました。

#できること
・ログインログアウト
・使った金額と内容、分類を登録
・月別に合計金額やその内訳など表示
・メールアドレスを指定して該当月の出費を送付

#学んだこと
###①chart.jsがすごい!
めちゃくちゃ綺麗にグラフを作成したい時に非常に便利でした。
最初はJavaの勉強がてらJavaでグラフを実装しようと思いましたが、あまり良いのがなかったため、今回こちらを利用しました。
あまり良いのがない、というのは、ウィンドウが新たに出てきたり、見た目がそれほどカッコよくなかったり、、、という意味です。
※Javaでグラフを実装する良い方法などあれば教えていただけると幸いです。

参考サイト:Chart.jsでグラフを描画してみた

###②メール送信機能は意外に簡単に実装できる!
今回、該当月の出費を入力されたメールアドレスに送付するという機能を実装しました。
下記サイトを参考にさせていただきましたが、非常に簡単に実装することができました。

参考サイト:Java mailでメール送信する (Java)

#GitHub
僕のGitHubに今回のコードを載せましたので、
もし気になる方がいらっしゃいましたら、ご覧ください!

以上です。

3
3
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
3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?