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

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

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

学ぶことを探すページへ
技術の幹Lv.79会社や仕事の魅力が一目で伝わるホームページを作ろう架空のデモファイルですぐ試せますChatGPT有料版がおすすめCodexがおすすめ

誰かにURLを送る前に、やりがちなミスを見つけよう

今日手元に残るもの

誤字、リンク切れ、古い価格、素材の出どころ、口コミ、言い過ぎ、個人情報、読みにくさの8項目を確かめた結果表と、直したサイト、持ち越し項目のメモ

時間の目安

最初の完成まで 30〜45分

終わりの合図

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

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

01

今日はこれを作る

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

今日できあがるもの

誤字、リンク切れ、古い価格、素材の出どころ、口コミ、言い過ぎ、個人情報、読みにくさの8項目を確かめた結果表と、直したサイト、持ち越し項目のメモ

最初の完成まで 30〜45分。説明や画像だけでなく、実物を開けたら次へ進みます

02

材料をAIに渡す

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

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

今回使う材料

Lv.78の導線つきサイト一式と、Lv.74の「本文セクション.md」、Lv.75の画像一覧を、突き合わせの元にします。

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

この課題で使うファイル

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

1ファイル

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

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

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

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

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

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

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

03

ChatGPTに送るプロンプト

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

この公開前チェックの帳票に沿って、今のページを8項目で見て。誤字、押せないリンク、古い価格、出どころの分からない画像、作り物の口コミ、根拠のない言い切り、うっかり載った個人情報、読みにくさ。結果は丸バツだけじゃなく、どこの何行目かまで書いて。直すのは結果を見てからでいい。

04

AIの答えを確認して試す

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

1AIから出てくるもの

誤字、リンク切れ、古い価格、素材の出どころ、口コミ、言い過ぎ、個人情報、読みにくさの8項目を確かめた結果表と、直したサイト、持ち越し項目のメモ

まず自分で試す

ページの中のリンクとボタンを1つ残らず自分で押し、押せなかったものを数える

載っている金額を、Lv.74の本文セクションと1件ずつ突き合わせる

画像を1枚ずつ指さして、どこから来た画像か自分の言葉で言い、言えないものは写り込んだ文字や名前で検索して出どころを確かめる

直す前のページを開き直し、直したあとと並べて見比べる

追加のプロンプト

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

8項目の結果表が出たら

直す前のページを別名で1つ残してから、バツだった所だけ直して。直したあとにもう一度8項目を見て、前と後を並べて。

送った後に試す

直す前のページを開き直せるか確かめる

自分で判断がつかない項目が残ったら

判断がつかないやつは勝手に直さないで、持ち越しにして。誰に確認すればいいかも一言ずつ付けて。

05

仕上がりをよくするコツ

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

結果が丸バツだけで動けない

「バツの行に、何をどう直すかの案を一つずつ付けて」

誤字が見つからない

「文章を声に出して読む用に、句読点で改行した読み上げ用も出して」

言い過ぎか判断できない

「言い切っている表現に線を引いて、資料のどこで確かめられるか横に書いて」

06

やりがちなミス

見つけた数:0 / 5

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

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

07

ここまでできたら完成

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

01

8項目すべてに、結果と見つけた場所が書かれた表が残った

02

リンクとボタンを自分で全部押し、押せないものが無くなった

03

直す前のページを開き直し、直したあとと見比べられた

04

持ち越した項目に、誰に確認するかが書かれていた

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

この8項目のチェック結果表と、直す前と直したあとのページ、持ち越し項目を、完成フォルダの「会社サイト」へ「公開前チェック記録」として保存して。まだURLは誰にも配っていないことも書いて。

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

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

できたことを手元に残す

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

08

自分の仕事なら

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

まず自社の既存のページやSNSのプロフィールを1つ選び、この8項目のうち「古い価格」と「言い過ぎ」の2つだけ見ます。

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

09

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

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

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

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

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

10 / 任意

次に進みたい方へ

やりたい人だけ

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

次にすること

材料を3つに絞って、最初から通しで作り直そう

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

追加のプロンプト

今度は材料を絞って通しでやりたい。HPのメモと会社案内と料金表の3つだけで、同じ順番のページを一から組めるか一回試して。

進め方は3つだけ

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

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

ここまでで分かった「載せる順番」と「載せない言葉」を、通しで作り直すときの決まりとして持ち込みます。

できるようになること

手元の資料が3つしかない状態でも、同じ品質のページを一度で組み立てられます。

次に作りたい物を探す。

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

教科書を探す