スプレッドシートをAPI化するSaaSをつくってみた

スプレッドシートをAPI化する SaaSをつくってみた Web API LT会 2022/06/23(木) きらぷか(@kira_puka)

アジェンダ 1. きらぷかとは？ 2. どんなサービス？ 3. どうしてつくったの？ 4. どうやってつくったの？ 5. どういうときにつかうの？ 6. まとめ

きらぷかとは？ きらぷか (@kira_puka) ● ● ● ● 会社: 合同会社めもらば 仕事: Webサービスやスマホアプリの開発 出身: 愛知県 趣味: 読書と個人開発

個人開発で作ったアプリ これまでに作ったサービスたち(Nuxt+Firebase/GCP) 積読ハウマッチ CoCoガチャ SSSAPI 総額がわかる書籍管理アプリ ココイチのトッピングガチャ スプシのAPI化サービス

個人開発で作ったアプリ｜積読ハウマッチ 積読ハウマッチ ● ● 総額がわかる書籍管理アプリ Nuxt.js+Firebase製

個人開発で作ったアプリ｜CoCoガチャ CoCoガチャ ● ● ココイチのトッピングガチャアプリ Nuxt.js+Firebase製

個人開発で作ったアプリ｜SSSAPI SSSAPI ● ● ● GoogleスプレッドシートのAPI化サービス Nuxt.js+Firebase+GCP製 今回お話するサービス

どんなサービス？ サービス概要

SSSAPIとは？ GoogleスプレッドシートのURLを登録すると JSON APIを簡単に作れるサービス

SSSAPI｜APIでできる操作 1件取得 ページング フィルター ソート

どうしてつくったの？ 開発経緯

Firebaseは最高だけど... 初期データやマスタデータ系の管理がつらい。。 管理画面を作ればいいけど、コストをなるべく抑えたい。。 このスプレッドシートがそのままJSONで受け取れれば。。

JSONファイルやヘッドレスCMSもいいけど... JSONファイルを編集したり、データ更新のたびにビルドするのはつらい。。 ヘッドレスCMSはプロト段階や個人開発で使うにはちょっとリッチ。。 GASはちょっと遅いし、どれをAPIにしたかわからない。。 このスプレッドシートからサクッとAPIがつくれれば。。

スプシをサクッとAPIに!!

どうやってつくったの？ システム構成

SSSAPIのシステム構成 FirebaseとGCPをフル活用 用途や特性に合わせてSSG/SSR/CloudRunを選択

どういうときにつかうの？ 利用シーン

SSSAPI｜利用シーン（ちょっとしたCMS） お知らせなどユーザが更新しない読み込み専用のAPI GitHub Actionsとも連携でき、APIの更新に合わせて、 静的なWebサイトの更新もOK

SSSAPI｜利用シーン（ちょっとしたCMS） CoCoガチャも実は。。

SSSAPI｜利用シーン（多言語翻訳管理） GOOGLETRANSLATE関数を使うと多言語対応も簡単に！

SSSAPI｜利用シーン（プロトタイプ時のモック） プロト開発時のモックなどとしても便利！ スプレッドシートなら項目の追加/削除を一括で変更でき、 JSONを取得できるので本番DBへの移行も簡単！

SSSAPI｜利用シーン（その他） 他にも使い方はいろいろ！ ● ● ● ● テスト用のモックAPI LINE Botでつかうデータ取得API WordPressなど一部の情報を切り出して、サーバの負荷を分散 Cloud Functionsと連携して、 スプレッドシートのデータをFirebase Firestoreと自動で同期

まとめ ● スプシからサクッとAPIを作れるサービスをつくりました ● お知らせなどのAPIが簡単に ● 開発の立ち上げが早く ご清聴ありがとうございました!! https://sssapi.app

• https://sssapi.app