本文へ進む
やってみたいことを探す制作実績

1課題だけを、落ち着いて読むページ

探すページから開いた場合は、元のタブに一覧が残ります

学ぶことを探すページへ
技術の幹Lv.90問い合わせが届き、対応状況まで見える受付サイトを作ろう架空のデモファイルですぐ試せますChatGPT有料版がおすすめCodexがおすすめ

問い合わせを受けて、対応まで追えるサイトを完成させよう

今日手元に残るもの

入力・確認・端末保存・一覧・絞り込み・状態・変更・取消し・書出し・削除がそろい、架空の相談10件で通しテストを終えた受付サイト一式と、10行の通しテスト記録、担当者用の操作ガイド

時間の目安

通しテストと操作ガイドまで 60〜90分

終わりの合図

開けた・使えた・保存できた

この課題の10ステップを見る
どの課題も、この順番でOK/材料を入れる → プロンプトを送る → 試す → 直す → 保存する

01

今日はこれを作る

最初に、今日手元に何が残れば終わりかだけ見ます。全部を覚える必要はありません。

今日できあがるもの

入力・確認・端末保存・一覧・絞り込み・状態・変更・取消し・書出し・削除がそろい、架空の相談10件で通しテストを終えた受付サイト一式と、10行の通しテスト記録、担当者用の操作ガイド

通しテストと操作ガイドまで 60〜90分。説明や画像だけでなく、実物を開けたら次へ進みます

02

材料をAIに渡す

下の材料を用意して、ChatGPTに入れます。

今回のおすすめ作業画面:Work材料:引継ぎ+今回の資料

今回使う材料

Lv.81〜89で「受付サイト」へ残した全部(相談フォーム、項目メモ、入力チェック表、確認画面、保存メモ、受付一覧、状態の決まり、例外処理記録、データ取扱い記録)を同じWorkで開きます。

必要なファイルは、下からダウンロードできます。

この課題で使うファイル

ひだまり美容室の架空データから、必要なものだけ用意しました。

1ファイル

材料の入れ方前の完成物を使う / 資料はこのページから取得
  1. 1上に書かれた方法で、前の完成物を用意する
  2. 2上の一覧から指定された資料だけを取得し、入力欄へ添付する
  3. 3材料がそろったら、下のプロンプトを送る

Workが表示されるならそこで続けます。なければChatへ同じ内容を送って進めます。

ドラッグできない時は、入力欄のクリップまたはファイル選択を使います。スマホは「ファイル」から共有できます。

AIが資料を読めない時は、必要部分を貼るか添付し直します。読めない内容を推測させません。

ChatGPTの設定と詳しい使い方
ChatGPT有料版がおすすめCodexがおすすめ無料・有料・Codexマークの見方

ファイル変更を何度も行うため、有料版がおすすめです。使える量はプラン画面で確認してください。

実際のファイルやコードを扱うなら、Codexがおすすめです。

03

ChatGPTに送るプロンプト

プロンプトは、ChatGPTにそのまま貼る指示文です。前の完成物と今回の材料をそろえてから、下の文を送ります。

仕上げに通しでやろう。架空の相談を10件、種類も希望日もばらけさせて、ホームページのボタンから入って、確認して、受け付けて、名前か日付で絞って見つけて、状態を変えて、途中で1件は内容を変えて1件は取り消して、最後に全部書き出してから控えのある状態で1件だけ消すところまで一気に通して。10件のうち2件は二重で来た設定な。この公開前チェックの紙の項目も一つずつ見て、まだ公開はしないで。

04

AIの答えを確認して試す

最初から完璧でなくて大丈夫。まず一度、自分で動かしてみます。

1AIから出てくるもの

入力・確認・端末保存・一覧・絞り込み・状態・変更・取消し・書出し・削除がそろい、架空の相談10件で通しテストを終えた受付サイト一式と、10行の通しテスト記録、担当者用の操作ガイド

まず自分で試す

ホームページのトップから相談ボタンを押し、10件のうち1件を最後まで自分の指で通す

通し終わったあとブラウザを閉じて開き直し、10件がそろっているか数える

名前の一部と受付日で絞り込み、10件の中から目当ての1件を出す

書き出したCSVを開き、二重で来た2件がどう並んでいるか見る

控えを取ってから1件消し、一覧が9件になったことを自分で数える

公開前チェックの紙の項目を、自分の受付サイトで上から一つずつ確かめる

操作ガイドだけを見て、状態を1件変えるところまでやってみる

追加のプロンプト

当てはまるものだけ、上から順に送ります。

10件を通し終えたら

通した結果を表にして。10件それぞれ、どこまで進んで、途中で止まった所と、直した所。動かなかったやつは正直に「動かなかった」で残して。

送った後に試す

表の10行を上から読み、自分の記憶と食い違う行に印を付ける

結果表がそろったら

最後に、俺以外の人が明日から触れる操作ガイドを1枚。朝に一覧のどこを見るか、状態をいつ変えるか、二重や取消しが来た時どうするか、困った時に誰へ回すか、の順で。専門用語なしで。

05

仕上がりをよくするコツ

気になるものを一つ選んで、ChatGPTに伝えます。

10件が多くて追えない

「10件に番号を振って、どこまで進んだかを1行ずつ表にして」

止まった所を忘れる

「通しの途中で止まったら、その場で一行メモを残す欄を作って」

ガイドが説明書っぽい

「操作ガイドは、朝・受付が来た時・困った時の順の手順にして」

06

やりがちなミス

見つけた数:0 / 5

当てはまる所を見つけたら、上のコツを使って直します。

これは合格・不合格を決めるものではありません。保存状態を確認しています。

07

ここまでできたら完成

AIの「できました」で終わらせません。実物を開いて使い、この課題の完成条件を確かめます。

01

架空の相談10件を通し、10件それぞれどこまで進んだかが記録に残った

02

ブラウザを閉じて開き直しても件数が合い、絞り込みで出した1件、変えた1件、取り消した1件、控えを取って消した1件を記録からたどれた

03

公開前チェックの紙の項目を自分で上から確かめ、未公開のままにできた

04

操作ガイドだけを見て、自分以外の人でも状態を1件変えられた

Workで作った物を保存するプロンプト

この受付サイト一式と、10件の通しテスト記録、担当者用の操作ガイドを「受付サイト」へそろえて保存して。全部架空の相談で、どこにも公開せず誰にも送っていないことを表紙に書いて。

共通の保存メモChatでできた物は、自分で保存

Chatの返答欄にファイルができたらダウンロードして「完成」フォルダへ移します。文章だけなら、全文をコピーしてテキストやWordへ貼って保存します。保存した物をもう一度開けた時に「残せた」とします。

できたことを手元に残す

作ったものや気づいたことを、自分のメモに残しておきましょう。

08

自分の仕事なら

今作ったものを、明日の仕事で使える形に変えます。

まず実際の問い合わせのうち資料がほしいという1種類だけを、この受付サイトの流れで1週間だけ並行して受けてみます。公開は、置き場所と見る人を決めてからにします。

本物の顧客名、個人情報、社外秘の資料へ置き換える前に、会社のルールと閲覧権限を確かめます。

09

つまずいたところを整理する

どこまでできて、どこで止まったか。短い言葉で大丈夫です。

うまくいかなかった点をメモする

「やりたかったこと」「試したこと」「実際の結果」を並べると、次に試すことが見つけやすくなります。

メモは自分の端末へ。サイトへの質問の受付は終了しています。

10 / 任意

次に進みたい方へ

やりたい人だけ

ここで完成です。続ける方だけ、下の文を送ります。

次にすること

受け付けたついでに、金額の目安まで見せよう

続けるための追加プロンプト

追加のプロンプト

この受付サイトに金額の目安を出すページを足すとしたら、受付番号とどうつなぐ?つなぎ方の案だけ先に3つ出して。

進め方は3つだけ

  1. 1今使っているChatまたはWorkを、そのまま続ける
  2. 2下の追加プロンプトをコピーして送る
  3. 3出てきた物を見て、必要な所だけ一つ直す
止まったら、つまずいた点を整理する

今作った物の、ここを使います

完成した受付サイトの受付番号と状態の仕組みを、そのまま次の計算ページの入口に使います。

できるようになること

相談を受けるだけだった画面に、その場で概算を見られる場所が増えます。

次に作りたい物を探す。

探すページから開いた場合は、元のタブへ戻って次の教科書を選べます。直接このページを開いた方は、右のボタンから探せます。

教科書を探す