【本当に個人でウェブアプリが作れる時代】
マネージメントで必要なものを作れる時代に。
Claude Code様に頼んで1時間でアプリができたよの巻。
初めてウェブアプリ作ってもらったんだけど、マジでできた。せっかくなのでClaude Codeさんにどんな指示出したのか、丸ごと共有しておく。
なお、GoogleのBigQueryへのアクセスが必要なこと、GoogleAppScriptへの登録が必要なこと、私の場合はGitHubを使ったことをあらかじめ補足しておきます。
---------指示内容----------
簡単なウェブサービスを作ってもらいたい。
<目的>
チームメンバーが、どのブランドの仕事をやっているか、1時間単位で把握したい
<インターフェイス>
・Webで入力できるインターフェイス
・Googleカレンダーの一週間表示(平日のみ月~金)のような画面
・翌週に行くボタンを押すことで翌週に移動できる他、戻るボタンも作る
・画面上で各曜日9時~20時までの入力枠がある
・1日8時間×5日で40枠を基本とするために、12時~13時の枠はデフォルト値が「対象外」になるように
・また、18時~20時までの2時間の2枠は、デフォルトが「対象外」だが上書きできるように
・それ以外の枠はデフォルト値が「識別なし」になっていて、対象ブランドの仕事をした場合は、その枠を上書きして色を染めていくイメージ
・上部にブランド選択の欄があり、選択状態にすると、下にあるカレンダーの枠に対して色塗りを変更できる
・ブランドを選択して、その色で時間を塗り分けていくことで、どのブランドの仕事を誰が何時間やったかを見える化していきたい
・各日付の冒頭に「確定」という項目を設けて、その欄を押すことで、その日の入力が終わったことを示すことにする
・最終的に営業日全てが確定にならないと締められないようにする
・確定ボタンを押したら、その日のデータはいじれなくする
・入力されたデータは、確定されたもののみが集計されていく
・入力者用の画面には、現時点で確定済みのブランド別時間がカレンダーの外に表示される(対象外時間は集計不要)
・リアルタイム表示で実装するか、更新ボタンを配置してその時にリロード掛けるかは任せます
・管理者用の画面については、誰が何日分まで確定していて、遅れている人がどのくらいいるのかが分かるようにして欲しい。
・管理者側の画面は1画面で良くて、当月分にどのブランドの仕事が現在どんな状況なのかが分かるようになっているようにする
・末予測を試算して、月末までの予測でとどのブランドが何時間になりそうかを分かるように
・サマリの下に、担当者別の円グラフを6人分作って、その担当者の時間の内訳を見える化して欲しい
・円グラフにも識別なしが入っていて良い
<対象となるブランド>
・AAAAA
・BBBBB
・CCCCC
・DDDDD
・EEEEE
・識別なし →どのブランドか特定する必要のない時間
※上記以外に「対象外」を選択肢で表示
※ブランドカラーは上記に紐付くカラーになるように
<サービス利用対象者>
・実際に入力するチームメンバー6名
Aさん
Bさん
Cさん
Dさん
Eさん
Fさん
・それを管理する管理者3人(うち1名は入力者兼務)
私
Eさん
Aさん ※利用者でもある
今回のシステムは認証を入れないため、上記のメンバーそれぞれに「個別のURL」を発行することで、個人を特定したい。URLはランダムな文字列で。
自分がログインしているときに自分の名前が表示されるようにしておいて欲しい。
なお、管理者用のURLは1つで良い、使い回します。
<データベース、システム>
GoogleBigQueryのxxxxxxxにデータベースを作ってOKです。
今回のシステム自体はxxxxxxにフォルダを作ってその中に作り上げて欲しい。
---------指示内容ここまで----------
まぁ、こうやって作った後で、スマホ用のインターフェイスを作ったり、細かいところの調整したりであと数時間は必要だけど、素人がこれ作れちゃうのは、もはや、画期的としか言いようがないよね~!