すべてのカテゴリ

こんにちは。Stephenです。今日は、私が約1年かけて開発した「Telegram Bot制作の最適なやり方」についてお話ししたいと思います。同じような悩みを持つ方の参考になれば幸いです。 きっかけ：シアヌークビルのビジネスディレクトリを作りたかった シアヌークビルという小さな街の中華系コミュニティのために、Telegram上でレストラン、ホテル、サービスなどをさっと検索できるBot を作りたいと思いました。 「簡単なことだ」と思っていました。 でも現実は…甘くなかった。 最初の試行錯誤：3つのツールを試して、3度挫折した1番目：Botmother（見た目は完璧、中身は…） Botmotherというツールは、ドラッグ&ドロップでBotが作れます。とても優しいUIで、2週間でメニュー全体を完成させました。 「これで完璧だ！」と思ったのですが… 詳細ページを作ろうとした瞬間、壁にぶつかりました。 このツールは「固定的な内容」には強いのですが、データベースから動的に情報を取得して表示するという機能に対応していなかったのです。 ここでの学び： 可視化ツールは便利だけど、複雑なデータ処理には向かない。 2番目：ManyChat（高くて、複雑だった） 次に試したのはManyChat。機能は確かに豊富です。 でも年間$1,500以上の費用がかかる。さらに、ユーザーをメニュー間で移動させるロジックを作るのに、数時間もかかりました。 「これって…過剰に複雑じゃないか？」と気づきました。 ここでの学び： 高いツール＝最適なツールとは限らない。 3番目：Google Apps Script（

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」として活用します。