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

1.2K Views

June 08, 22

スライド概要

サーバレスでJSON APIが作れるサービス「SSSAPI」を
Firebase+GCPを活用してサーバレスで作ってみました。
SSSAPIについてや使い方、システム構成などをお話します。

profile-image

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

シェア

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

各ページのテキスト
1.

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

2.

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

3.

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

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.

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

9.

どんなサービス?

10.

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

11.

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

12.

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

13.

SSSAPI|利用シーン(マスターデータ系のAPI) CoCoガチャも実は。。

14.

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

15.

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

16.

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

17.

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

18.

サーバレスな構成

19.

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

20.

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

21.

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

22.

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

23.

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

24.

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

25.

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