サーバレスでJSON APIが作れるサービスをサーバレスで作ってみた

サーバレスでJSON APIが作れるサービスを サーバレスで作ってみた Serverless LT初心者向け LT大会 2022/06/08(水) きらぷか(@kira_puka)

アジェンダ 1. きらぷかとは？ 2. どんなサービス？ 3. サーバレスな構成 4. まとめ

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

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

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

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

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

気になった方はぜひ！ 「スプレッドシート API」で検索!! 今、2ページ目の真ん中くらいです。。みなさまのお力でぜひ。。(*´ω｀*)

どんなサービス？

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

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

SSSAPI｜利用シーン（マスターデータ系のAPI） ユーザが更新しない読み込み専用のAPIとして活用 都道府県一覧などちょっとしたデータを JSONで取得したいときに便利！

SSSAPI｜利用シーン（マスターデータ系のAPI） CoCoガチャも実は。。

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

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

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

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

サーバレスな構成

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

SSSAPIのシステム構成｜トップページ トップページ(SSG) ● ● ● LPやヘルプなど はじめのユーザが見るので、なるべくはやく表示したい SEOを活用したい

SSSAPIのシステム構成｜管理画面 管理画面(SPA) ● ● ● ログイン必須のWebアプリ本体の画面 SEOは不要。初期表示は気になるがシビアではない それよりも、ログイン後の操作性が大事

SSSAPIのシステム構成｜APIサーバ APIサーバ(Cloud Run) ● ● ● 画面はないAPIサーバ 大量のリクエストに耐えれるよう自動でスケーリングしたい でも使ってないときは停止しておきたい

SSSAPIのシステム構成(再掲) FirebaseとGCPをフル活用 用途や特性に合わせてSSG/SSR/CloudRunを選択 SEO 操作性 スケーラ ビリティ

まとめ ● サーバレスなJSON APIを作れるサービスをつくりました ● Firebase/GCPでサーバレスに開発/運用 ● 構成は用途に合わせて選定 ○ ○ SEO大事 → SSG (or SSR) 操作性大事 → SPA ○ スケーリング大事 → Cloud Run ご清聴ありがとうございまいした!! SSSAPIもよろしくおねがいします!!

SSSAPI｜ユーザ募集中です!! ぜひぜひお試しください!! https://sssapi.app

• https://sssapi.app