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

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

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

学ぶことを探すページへ
技術の幹Lv.73会社や仕事の魅力が一目で伝わるホームページを作ろう前の完成品を育てる課題ですChatGPT無料版でできる

開いた瞬間に「誰の役に立つ会社か」が伝わる画面を作ろう

今日手元に残るもの

見出し、選ばれてる理由の一行、押すボタンの言葉が3案並び、選んだ1案に「なぜこれにしたか」が1行付いた「トップ原稿」

時間の目安

最初の完成まで 15〜20分

終わりの合図

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

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

01

今日はこれを作る

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

今日できあがるもの

見出し、選ばれてる理由の一行、押すボタンの言葉が3案並び、選んだ1案に「なぜこれにしたか」が1行付いた「トップ原稿」

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

02

材料をAIに渡す

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

今回のおすすめ作業画面:Chat材料:前の完成物

今回使う材料

Lv.72で保存した「サイト設計カード.md」を貼り、目的・来てほしい人・強み・書かないことの欄をそのまま使います。

材料の入れ方前の完成物を使う
  1. 1上に書かれた方法で、前の完成物を用意する
  2. 2材料がそろったら、下のプロンプトを送る

Chatの入力欄を使います。

ChatGPTの設定と詳しい使い方
ChatGPT無料版でできる無料・有料・Codexマークの見方

ChatGPTの無料版で始めやすい課題です。上限に達したら、時間を置いて続けます。

03

ChatGPTに送るプロンプト

プロンプトは、ChatGPTにそのまま貼る指示文です。上に書かれた前の完成物を用意してから、下の文を送ります。

この設計カードで、開いた瞬間の一画面ぶんだけ作りたい。誰のどんな困りごとを助ける会社か分かる見出しと、その下に「なんでうちが選ばれてるか」の一行と、押すボタンの言葉。3案ちょうだい。どれも息継ぎなしで読めるくらい短く。カードにない実績とか「地域一番」みたいなのは入れないで。

04

AIの答えを確認して試す

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

1AIから出てくるもの

見出し、選ばれてる理由の一行、押すボタンの言葉が3案並び、選んだ1案に「なぜこれにしたか」が1行付いた「トップ原稿」

まず自分で試す

3案を声に出して読み、息継ぎなしで読めるものに丸を付ける

選んだ見出しを社内の誰か1人に見せて、何の会社に見えたか聞く

ボタンの言葉が、その人が次に本当にやりたい行動になっているか確かめる

追加のプロンプト

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

3案から1案を選んだら

この案でいく。選んだ理由を一行で書いて、社内の誰かに読んでもらう用に、見出しと一行とボタンだけの紙を1枚にして。

送った後に試す

選んだ案を誰か1人に読んでもらい、何の会社に見えたか聞く

読んだ人が何の会社か言い当てられなかったら

伝わらなかった。見出しに、うちが実際にやってる仕事の名前をそのまま入れて作り直して。

05

仕上がりをよくするコツ

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

見出しが会社目線

「見出しを、お客さんが困ってる時に検索しそうな言葉に寄せて」

3案とも似ている

「3案の狙いを分けて。一つは困りごと、一つは仕事の中身、一つは近さで」

ボタンが押しにくい

「ボタンの言葉から「まずは」「お気軽に」を取って、次に何が起きるかだけ書いて」

06

やりがちなミス

見つけた数:0 / 5

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

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

07

ここまでできたら完成

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

01

3案を並べて読み比べ、1案を自分で選べた

02

選んだ見出しを人に見せ、何の会社かを言ってもらえた

03

選んだ理由が1行書かれた状態で保存できた

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

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

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

この3案と、選んだ1案と、選んだ理由と、読んでもらった人の反応を、完成フォルダの「会社サイト」へ「トップ原稿.md」で保存して。

できたことを手元に残す

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

08

自分の仕事なら

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

まず名刺やメール署名の肩書きの一行だけを、この見出しの言葉に置き換えて、相手の反応を見ます。

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

09

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

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

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

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

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

10 / 任意

次に進みたい方へ

やりたい人だけ

ここで完成です。続ける方は、次の進み方を一つ選びます。

次にすること

この原稿を、実際にブラウザで開けるページへ載せよう

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

今選んだ見出し、一行説明、ボタンの言葉を、公開側の表紙にそのまま流し込みます。

できるようになること

紙の原稿だった言葉が、ブラウザで開いて見られる画面になります。

作品を育てる追加プロンプト

「今の作品を育てる」を選ぶ方だけ、下の文を使います。

追加のプロンプト

この選んだ見出しと一行とボタンだけ、先に公開側の表紙へ載せてみて。ほかは仮のままでいいから、ブラウザで見た感じを一回見たい。

進め方は3つだけ

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

次に作りたい物を探す。

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

教科書を探す