現場の報告フォームを AI でつくる｜写真つき・スマホで記入

次の仕事のための、記入式の報告ページをつくってください。

- 仕事: 現場の点検。作業場や倉庫を回り、チェック項目を確かめて、直すところを写真に撮る
- だれが書き、だれに渡すか: 点検する人がスマホで書き、現場責任者に渡す
- 項目: 点検した人、現場（北ヤード・南ヤード・作業場・保管棟・事務棟）、点検した日時、現場のどこか、天気、通路に物がない・消火器がある・照明がつく・保護具を着けている（それぞれ はい／いいえ／該当なし）、全体の状態（良い・要注意・危険）、見つけた問題、必要な対応。現場の写真は必須、問題の写真は任意
  （指定なしのときは、その仕事に要る項目を考える。だれが、いつ、どこで、何が起きたか（短い選択肢から）、説明、写真）
- 管理画面に集めるか: 集める（報告ごとに文字を管理画面にも送る）
- 項目の種類: 短い文字、長い文字、ボタンで選ぶ選択肢、長い一覧はプルダウン、はい／いいえ／該当なし、いまの時刻から始まる日時、「現在地を入れる」ボタンつきの場所（座標が入る）、写真。どれも必須にできる
- 項目・選択肢・写真の欄はページのデータ（<script type="application/json" data-cvk-slot="report">）に書き、そこから画面をつくる。あとで責任者が選択肢を変えて、同じリンクのまま公開し直せるように。ボタンやメッセージの文字は "words" のデータに書く
- 項目は <form> を使わずに並べる
- 見本のスクリプトはそのまま使い、データの部分を変える。コードを変えるのは、見本にない動きを依頼が求めるときだけ
- 文字はすべてページの言語で書く。タイトル、各項目の名前と選択肢、写真の欄の名前、"words" のデータ
- 出力: PDF で保存（ブラウザの印刷。写真も入る）、共有（スマホの共有で文字と写真。使えないときは、文字を入れて WhatsApp を開くボタン。公開したページはリンクのアドレスをクリックとして記録するので、報告をアドレスに入れたリンクにはしない）、Excel（見出し行つきの CSV ファイル）、写真を中に入れた HTML のコピー。依頼が渡し方を 1 つしか書いていなくても、4 つとも見本のボタンの id のまま残す（責任者や事務所が別の形を必要とすることがある）
- 集めるとき: 「管理画面に送る」の部分に、空の <div data-convika-form></div> を 1 つ置く。Convika がそこに持ち主のフォームを入れ、報告の文字の項目を 1 件の回答として送る。持ち主は管理画面で見られ、メールでも届く。ページは 2 つの手順で答えをそのフォームに渡す。(1) フォーム自身の項目を CSS で隠し（.cvk-form form > div, .cvk-form form > fieldset { display: none }）、ボタンだけを見せる。(2) フォームの送信を document の capture で受け、必須の項目と写真を確かめ、足りなければ送信を止める。そろっていれば、各項目の答えを、項目の id と同じ name のフォームの入力に書き込み（なければ hidden の入力を足す）、送信を続ける。フォームの項目はどれも任意なので、(2) がないと管理画面に空の回答が届く。集めないとき: その部分は置かず、どこにも何も送らない
- 写真の欄は Convika のフォームの外に置き、写真はスマホの中だけに残す。外に出るのは、PDF、共有、HTML のコピーで本人が渡したときだけ（Convika のフォームはまだファイルを受け取れない）
- 出力や送信の前に、足りない項目を並べて、最初の項目に移る。入力した文字は「新しい報告を始める」までブラウザに残す
- スマホが先。項目とボタンは高さ 44px 以上（min-height: 44px。Tailwind なら min-h-[44px]）、本文は 16px、横にスクロールしない。アラビア語のような右から左の言語では <html dir="rtl"> にし、並びもそれに合わせる

HTML ファイル 1 つで、CSS と JavaScript もその中に書いてください。入力された内容はどこにも送らず、画像ファイルは使わないでください。スマホの縦画面でも使えるようにしてください。画面のいちばん下の右側はあけておいてください。応援ボタンが出ることがあります。

上の内容は見本です。しくみや画面の組み立て、雰囲気はそのままに、次の希望に合わせて中身を変えてください。
つくりたいもの：＿＿＿