作業記録アプリ

index.html をダブルクリックするとブラウザで開きます。
日付・作業種別・内容・工数(時間) の4列で、作業の記録を1件ずつ追加していく画面です。
架空の題材です。ご自身の業務の実データやコードは入力しないでください。

【今できること】
- 日付、作業種別、内容、工数(時間)を入力して「追加」を押すと、下の一覧表に1行増える
- 記録が1件もないときは「まだ記録がありません」と表示する
- 作業種別は 設計 / 実装 / 試験 / 調査 / 会議 から選ぶ

【まだできないこと】
- 工数の合計を出す。表の下に合計欄がありません
- 作業種別での絞り込み
- 追加した記録の削除、並べ替え
- 入力内容の保存。ページを再読み込みすると記録は消えます
- 未入力のまま追加したときの警告

【ファイルの中身】
1ファイルだけで動きます。外部のライブラリもインターネット接続も使いません。
script タグの中の render 関数が、記録の配列から表を作り直している部分です。
午後の演習では、この関数を範囲選択して Copilot に説明させます。

株式会社ギブリー
