青色申告書は究極の家計簿シュミレーション【Day22 of 100】

実は前からやりたかったこれ、、、

今回のブログ記事では、所得税青色申告決算書（一般用）の全8ページを再現するHTMLシミュレーターを作成した過程を紹介します。まず、実際の書類と同じレイアウトで入力・計算ができるように、あえて一枚のファイルにHTMLとCSSとJavaScriptを記載したページを構成しました。

これを、、、

再現したかった

っで、AIくんと作成し、私が公開したページがこちら

https://kiyo4810.github.io/day1_hello_github/index6.html

スプレッドシートで表を作って公開して皆が使えるようにしたかった

でもできなかった。過去にそれを試したけど公開したスプシの表の数字って変えれないよね。

今の私だとGASプログラムを使ってできるのかもしれないけど、、、。

だから公開しているWEBページでJavaScriptを使って動的なシミュレーションを作ってみたかった。

実際にここでできること

JavaScriptを用いて、売上や経費を入力すると自動で所得金額や控除後の金額が計算され、表に反映されるようにしました。さらに、3桁ごとにカンマを入れる形式に修正し、入力中の数字と計算結果を見やすく表示できるようにしました。最後に、全8ページを1枚のHTMLに統合し、ページ間のデータ連動や自動計算機能を実装しました。このシミュレーターは、実際の書類と同じようなレイアウトで入力・計算ができるため、青色申告のシミュレーションに役立つでしょう。

実は究極の家計簿

青色申告決算書は、事業の年間収支を詳細に把握できるため、家計簿としても非常に有効です。日々の収入や経費を細かく記録することで、通常の家計簿よりも詳細な分析が可能になり、節税対策や事業計画にも役立ちます。

まだ練習段階

まずはこのAIが生成したページの構造を隅から隅まで理解できるようにして改変できるようにしたいね。