5K Views
June 23, 22
スライド概要
スプレッドシートからJSON APIが作れるサービス「SSSAPI」を
Firebase+GCPを活用して作ってみました。
SSSAPIについてや使い方や開発経緯などをお話します。
よろしくおねがいします!
スプレッドシートを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