IT技術の発展はめざましく、日々新しい技術が登場しています。例えばサーバレス、VueやReactの仮想DOM、ちょっと前であればRESTful APIなどがあります。それらを漏れなくキャッチアップするのは大変です。 今回紹介するGAS 家計簿はサーバレスにGAS(Google Apps Script)を使って家計簿Webアプリケーションを作るハンズオンを兼ねたソフトウェアです。

GAS 家計簿の使い方

デモです。動作しているのはGitHub Pagesです。サーバの管理が不要ですね。

データの追加用モーダルウィンドウ。フロントエンドはVueを使っています。

設定画面です。データはGoogle Apps Scriptを使ってGoogleスプレッドシートに保存されています。

GAS 家計簿を使うことで、GitHub PagesやGoogleスプレッドシートを使ってサーバを構築することなく、Web家計簿を作成できます。CRUDの仕組みをダミーで作ったりと、GASを利用する上でのTipsも学べます。この辺りの技術を学びたい方はぜひお試しを。

ハンズオンの内容は【GAS x Vue.js】JavaScript のみで今、家計簿をつくるとしたら【ハンズオン付き!】 - Qiitaで説明されています。

GAS 家計簿はVue製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

GAS 家計簿 matsu7089/gas-account-book: Vue と GAS を使った家計簿アプリ