AIあそ部 勉強会アーカイブ / 2026.08.21

Manusで、一言から
Webサイトをつくる

上から読めば、アーカイブを見ながらそのまま手が動くようにしてあります。見出しの時刻は編集版アーカイブの再生位置です。Manusへの依頼文はすべてコピーできます。

用意するもの

  • Manusのアカウント(無料)。manus.im で登録すると、その時点で1,000クレジットが入ります
  • 作りたいものを一言。長い企画書は要りません
72:37アーカイブ本編(字幕入り)
10本そのままコピーできる依頼文
0完成後の保存と公開にかかるクレジット
見どころCLIPS

時間がないときは、ここだけ

76分の中から、単体で意味が通る6か所を縦型に切り出しました。1本30〜55秒です。字幕が入っているので、音を出せない場所でも読めます。

AIエージェントは、
代わりに手を動かす

48秒本編 6:10 から

その課金の案内、
無視していい

48秒本編 22:43 から

入れた言葉は一言。
サイトは数分で

40秒本編 24:19 から

コードは1行も
書いていない

33秒本編 28:37 から

作り続けるなら、
月額内で収まる

44秒本編 47:22 から

ターミナルなしで、
サイトが作れる

55秒本編 49:33 から

気になった回があれば、本編のその時刻から見てください。時刻は編集版アーカイブのものです。

00:26GOAL

この時間で持ち帰るのは、自分のサイトのURLです

やることは3つだけです。作り込みは今日はしません。「出す・直す・渡す」を一周まわして、手ざわりを覚えて帰るのがゴールです。

01一言でページを出す

短く投げます。足りないところはManusが埋めてきます。

02言葉で直す

色・文言・順番・画像・スマホ。1回に1つずつ伝えます。

03URLにして渡す

公開ボタンひとつ。数分で自分のアドレスが出ます。

05:23POSITION

Manusは、チャット型AIとAIエージェントの間

ChatGPTやClaudeは「答えをもらう」道具です。もらった答えをどこかに貼るのは自分の仕事でした。Claude CodeやCodexのようなAIエージェントは、その貼る作業まで代わりにやります。Manusはその中間で、いちばん手軽に「代わりに手が動く」を体験できる入り口です。

CHATChatGPT / Claude / Gemini

聞けば答えが返る。使うかたちに置くのは自分。

MANUS頼めば、最後まで持っていく

ブラウザもコードも向こうが動かす。登録して数分で試せる。

AGENTClaude Code / Codex

手元の環境ごと動かす。作り続けるならこちら。

実例

当日そのままの話:Googleドライブの整理をAIエージェントに任せたら

容量がいっぱいになってきたので「重複しているもの、いらなそうなものを整理して容量を空けたい」とClaude Codeに調べてもらったら、何十ギガ、何百ギガという単位で削除できそうです、と返ってきました。自分の手作業だとかなりの労力になるものが、そのまま代わりに進みます。

09:07CREDITS

始める前に、数字を3つだけ覚えてください

1,000登録したときに一度だけ入る
300毎日補充される。繰り越しなし・月あたり最大1,500
0完成後の保存と公開で減る分

減るのは、Manusが動いている間だけです。考えている時間・ブラウザを操作している時間・コードを動かしている時間に対して減ります。止まっている間は減りません。

モデルは Light か 1.6 で足ります

いちばん上の 1.6 Max はクレジットの消費が激しく、出来上がるものに大きな差は感じませんでした。今日は Light で進めます。

12:27STEP 01

短く投げるほど、うまくいきます

Manusを開いたら「Webサイト作成」を選び、続いて「ランディングページ」を選びます。あとは作りたいものを一言書いて送るだけです。長く書くほどうまくいく、ということはありません。

パン屋当日のお題
近所のパン屋のサイト
写真だけのページいちばん短い例
猫の写真を並べるだけのページ
自己紹介名刺代わりに使える
自分の自己紹介を1枚で
お店条件を1つだけ足した例
週末だけ開けている小さな古本屋のサイト
教室・講座申し込みを受ける形
料理教室の案内ページ

自分のお題をつくる

3つ選ぶと、1投目の一言と、2投目の「育てる一言」が出ます。1投目はわざと短くしてあります。足りないところはManusが埋めてくるので、そこから直すほうが早いです。

1投目

3つ選ぶと、ここに一言が出ます

2投目(出てきたものを見てから)

実演 01

一言を投げて、待つ(10分)

送ったら、出来上がるまで触らずに待ってください。数分かかります。待っている間に、次の「出てくる画面にひるまない」を読んでおくと、そのまま迷わず進めます。

22:37TRAPS

出てくる画面は、だいたい閉じていいものです

ここでつまずく人がいちばん多いところです。ポップアップが出ると「有料プランにしないと進めないのかな」と不安になりますが、ほとんどは閉じて進めます。

出てくる画面実際にやること
「アップグレードしてください」
×・スキップ・後で設定のどれかで閉じられます。案内の外側をクリックしても戻ります。
「別のアカウントでサインイン」
移行期のアナウンスです。慌ててアカウントを作り直さないでください。
上位モデル(1.6 Max)が選べない
有料プランの案内です。Light と 1.6 で十分足ります。

有料プランに上げるときは、必ず画面の中にそのボタンが出てきます。押していないのに課金されることはないので、案内が出ても不安にならないでください。

24:00RESULT

数分で出てきます。ここからが本番です

写真も、文言も、レイアウトも埋まった状態で返ってきます。写真は自分で選んでいません。当日いちばん驚きの声が出たところです。

ただし、一発で理想が出ることはありません。これは他のAIツールでも同じです。出てきたものを見てから直すほうが、指示は具体的になります。ここから育てていきます。

25:39STEP 02

直す指示は、この5種類で足ります

1回に1つずつ伝えてください。まとめて言うほど、意図から外れたものが返ってきます。

全体の印象を変える
全体を、落ち着いた緑にしてください。
文言自分のことに置き換える
この紹介文を、自分のプロフィールに差し替えてください。
順番見せたい順に並べ替える
料金の説明を、一番上に持ってきてください。
画像作らせる/差し替える
トップに、朝のパン屋の写真を作って入れてください。
スマホ9割はスマホで見られる
スマートフォンで見たときの、文字の大きさを直してください。

画像だけは、指示を具体的にしてください

当日の反省点として話したところです。「LPに使えそうな画像を作って」と頼んだら、文字を載せる前提の大きな一枚が返ってきました。ほしかったのは商品ごとの写真でした。どのセクションで使うのか・何が写っているのか・何枚ほしいのかまで書くと、一度で通ります。

画像の依頼文をつくる

抽象的な言い方をやめて、必要な要素を全部入れた形にします。書き終わったらコピーしてそのまま投げてください。

できあがる依頼文

3つ埋めると、ここに依頼文が出ます

実演 02

気になったところを、1つだけ直す(10分)

色でも文言でも構いません。直したあと、どこがどう変わったかを見てください。思ったのと違っていたら、それをそのまま言葉にして次の指示にします。それが一番早い直し方です。

30:02STEP 03

公開の出口は、2つあります

画面の右上の「公開」を押すだけです。数分待つと ◯◯◯◯.manus.space というアドレスが出ます。

A今すぐ公開

リンクを知っている人なら誰でも見られます。作り込めば検索から見つかることもあります。

B招待した人だけ

共有ボタンからアクセスリンクを渡します。知っている相手にだけ届きます。

公開は無料プランでもできます。アドレスの前半を好きな名前に変えることと、自分で買ったドメインをつなぐことは有料プランの機能です。

実演 03

公開して、URLを控える(5分)

出たURLは、その場で手元にメモしてください。あとから探すと見つからなくなります。控えたら、Discordの共有チャンネルに貼ってください。

45:05COST

手軽さの代わりに、回数が減ります

ここは正直に見ておいたほうがいいところです。以下は当日の話の中で出た目安で、実測値ではありません。

数十〜100修正を1往復するときに使うクレジットの体感
30〜50画像1枚あたりの目安
3001日に補充される無料クレジット

無料の範囲で直せるのは、1日あたり数回と考えておいてください。その日のうちに完成させようとせず、次の日の300クレジットで続きをやるほうが、気持ちよく進みます。

47:22NEXT

1本で終わるか、作り続けるか

1本つくって終わりなら、Manusで十分です。使った分だけ減る仕組みなので、たまに使うぶんには無駄がありません。

作り続けるなら、Claude Code か Codex のほうが向いています。月額の中で、何本つくっても何度直しても請求が変わりません。僕も今はサイトを全部Claude Codeで作っていて、追加の料金はかかっていません。

ターミナルは開かなくて大丈夫です

黒い画面にコマンドを打つ、と聞くとハードルが高く感じますが、いまは Claude と ChatGPT のデスクトップアプリだけで同じことができます。ターミナルを一度も開かずに、アプリもWebサイトも作れます。

FREECloudflareの教科書

作ったものを置いて公開する場所の話。最後まで無料・登録不要。
cloudflare.akirakudo.com

FREEClaudeの教科書

ターミナルを使わずにClaudeで作りはじめる手順。
claude.akirakudo.com

HOMEWORK宿題

できたURLを、Discordに貼ってください

うまくいかなかった画面も歓迎です。他の人がどう直したかを見るのが、いちばん早く上達します。

もう一度アーカイブを見返したいときは、バイブリーの「アーカイブ管理庫」からどうぞ。見出しの時刻は編集版の再生位置に合わせてあります。

AIあそ部 勉強会アーカイブ / 2026年8月21日「AIでWebサイトを作る」
掲載しているクレジットの数字と挙動は収録時点のものです。Manusの仕様は変わることがあります。