【Firebase Studio】ToDoアプリケーションを作成してみる

生成AIでコーディングするときのプロンプトも作ってみたかったですし、暇つぶしにFirebase Studioで遊んでみました.

フォームまでは作成できましたが、登録を押すと、ずっと処理中になります.
今のところ、すべての出力が、英語のみのでした...

Clade派なので、Clineで試してみようかなー
プロンプトエンジニアリングについても学ぶ必要がありますね.

Video

Prompt(Image)

Prompt(Text)

# アプリ名
ToDo

## 概要
ToDoの作成・一覧ができるWebアプリケーション

## 技術仕様
    言語: JavaScript
    DB: Firestore

## UI
image.pngを参照

### 作成セクション
    薄い灰色背景の箇所
    入力フォームとなっている箇所は、inputタグで作成
    日時は、datetime-local
    プルダウンは、selectとoptionで、「低」「中」「高」
    テキストは、text

### 一覧セクション
    薄い青色背景の箇所
    完了の横は、inputタグのcheckboxで作成

## 機能

### 作成セクション
    登録を押下すると、Cloud Firestoreに登録
    優先度は、低が「1」、中が「2」、高が「3」

#### エラーハンドリング
    タイトルが、空文字の場合はエラーメッセージ
    期限日時に、過去の日時を指定した場合はエラーメッセージ

### 一覧セクション
    未完了のToDoの一覧を表示
    表示順は、優先度と期限日時の順番で降順
    完了にチェックを入れたら、非表示にし、Cloud Firestoreの完了に更新

#### エラーハンドリング
    なし

## DB
    title      (string): タイトル
    priority      (int): 優先度(低:1、中:2、高:3)
    dueDate (timestamp): 期限日時
    completed (boolean): 完了(未完了:false(デフォルト)、完了:true)