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

5K Views

June 23, 22

スライド概要

スプレッドシートからJSON APIが作れるサービス「SSSAPI」を
Firebase+GCPを活用して作ってみました。
SSSAPIについてや使い方や開発経緯などをお話します。

profile-image

よろしくおねがいします!

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

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

2.

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

3.

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

4.

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

5.

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

6.

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

7.

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

8.

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

9.

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

10.

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

11.

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

12.

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

13.

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

14.

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

15.

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

16.

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

17.

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

18.

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

19.

SSSAPI|利用シーン(ちょっとしたCMS) CoCoガチャも実は。。

20.

SSSAPI|利用シーン(多言語翻訳管理) GOOGLETRANSLATE関数を使うと多言語対応も簡単に!

21.

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

22.

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

23.

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