ゆる〜くサーバーレスで作るWebアプリケーション(超初心者)


サーバレスでWebアプリケーション開発を行ったので、備忘録として残しておきます。

今回は、サーバレスという名の通り、サーバーの構築を一切考えず、SaaS、FaaSで開発を行っていきます。

SaaS…”Software as a Service”, インターネット上で使えるソフトウェア, slackなど

FaaS…”Function as a Service”, アプリケーション開発などに必要な関数をクラウド上のサーバーで利用するサービス, “https://cloud-ace.jp/column/detail322/”, AWS Lambdaなど

  1. アプリ機能設計

  2. アプリに実装する機能を洗い出す

  3. 設計 (画面設計、DB設計、API設計)

  4. 開発環境構築

  5. 開発、テスト

  6. インフラ設計、構築

今回作成するWebアプリケーションは、
「水族館におけるお魚解説アプリケーション」です。

流れのイメージ図はこんな感じ。
水槽の近くにあるQRコードをスキャンすることで、
水槽の中にいるお魚さんたちの解説が手元のスマートフォンで見られる機能です。

画面設計について
簡単なものをFigmaで作ってみました。

DB設計について
画面設計から、
ER図を作成してみます。(Entity Relationship Diagram)
今回は、PlantUMLで作成。