【Vercel × GAS】LINEで動く『爆速・家族家計簿』を自作したら、家計管理が最高に捗った話
1. 導入部分:なぜ今「LINEで家計簿」なのか?開発の背景とメリット日々の支出管理、三日坊主になっていませんか?既存の家計簿アプリは高機能ですが、家族間での共有設定が面倒だったり独自のUIに慣れるまで時間がかかったりすることがあります。そこで今回、日本で最も普及しているインフラ「LINE」を入り口にしバックエンドにGoogle Apps Script(GAS)を組み合わせた「家族特化型・収支管理アプリ」を開発しました。このシステムの最大のメリットは使い慣れたLINEのリッチメニューから1タップで起動しその場で入力を完了できる手軽さにあります。さらに、データはすべてGoogleスプレッドシートに蓄積されるためカスタマイズやデータの二次利用も自由自在です。2. 本文:システム構成と「サンドボックス制限」の回避策本システムは、Vercel(フロントエンド)とGAS(バックエンド)を分離した構成を採用しています。なぜGAS単体で構築しなかったのか。それは、Google側のセキュリティ制限(サンドボックス化)によるUIの制約を回避し、よりモダンで高速なレスポンシブUIを実現するためです。フロントエンド: Vercelでホスティング。HTML5/JavaScript(Chart.js)を使用しLINE内ブラウザに最適化したレイアウトを提供します。バックエンド: GASをAPIサーバーとして運用。VercelからのPOSTリクエストを受け取りデータの受領・保存を制御します。データベース: Googleスプレッドシート。収支データやユーザー情報を保存する「サーバーレスDB」として活用します。
0