Upgrade to Pro — share decks privately, control downloads, hide ads and more …

firebaseを使って簡単にサイト作成!半年でそれっぽい クイズアプリを作成する!

firebaseを使って簡単にサイト作成!半年でそれっぽい クイズアプリを作成する!

https://pwanight.connpass.com/event/194223/

で発表した資料です。

YukiWatanabe

February 02, 2023
Tweet

More Decks by YukiWatanabe

Other Decks in Programming

Transcript

  1. 今日話すこと 機能紹介 • クイズ解答機能 • クイズ作成機能 • マイページ • メディア

    システムの裏側 • こんな技術を使いました • 工夫した箇所 \こんなことを話します!/
  2. OGP対応 "hosting": { "public": "build", "rewrites": [ { "source": "/answer/**",

    "function": "returnHtmlWithOGP" }, ~~~~~~ ], ~~~~~~~ } firebase.jsonに特定のリクエストのときだけ、 別途定義したfunctionを使うように指定するだけ!
  3. クイズデータについて クイズデータ quiz: { categories: { label: “ビジネス” value: “business”

    } userId: 1 creater: “なべ” title: “マーケ用語検定” description: “〜〜〜” content: { 0: { question: “CTAはなんの略” explanation: “マーケ用語で~~” answer: “Call to Action” false1: “~~~” false2: “~~~” } 1: {~~} } limited: false createdAt: xxxx/xx/xx updatedAt: xxxx/xx/xx }