「AIで資料を作るのはわかった。でもそれをおしゃれなWebページにするのって難しいんじゃ…」
そう思っていませんか？
実はManusというAIツールに資料を渡すだけで、縦長のおしゃれなHPが自動で完成してしまいます。
今回はその手順を丸ごと公開します！
- プレゼント企画や無料配布の資料をおしゃれに見せたい人
- ノウハウをWebページにまとめたい人
- プログラミング不要でHP作成を体験したい人
そもそもDeepResearchって何？
今回の資料作りに使った「DeepResearch」について先に説明します。
GeminiやChatGPTなどのAIが持つ「深掘り調査機能」です。
普通の検索：キーワードに合うページを表示するだけ
DeepResearch：複数のWebサイトを自律的に巡回し、情報を収集・整理してレポートにまとめてくれる
まるで優秀なリサーチャーが代わりに調べてくれるようなイメージです！
今回作ったもの
テーマは「個人事業主のAI活用 時短・業務効率化 2026年最新」です。
GeminiのDeepResearchで資料を作成し、それをManusに渡して縦長HPを作りました。
👇 実際に完成したHPはこちらから見られます！
https://aiguide2026-bfuefdgd.manus.space/
作業の流れ
1配布する資料を用意する
2ManusでHPを作成する
3デザインの確認・修正をする
ステップ１：資料を用意しよう
まずHPの元になる資料を用意します。今回はGeminiのDeepResearchを使いました。
1Geminiを開いてDeepResearchを選択
2調べたいテーマを入力して実行
3出てきたレポートをコピーしておく
自分のビジネスに関連したノウハウ、お役立ち情報、サービス紹介など、何でも大丈夫です。
プレゼント企画の特典資料としても活用できます✨
ステップ２：ManusでHPを作ろう
👇 Manusはこちら👇
https://manus.im/app
Manusのチャットに以下のプロンプトを入力し、用意した資料をそのまま貼り付けます。
デザインテイストは、作成するサイトの内容に合わせてください
図解やイラスト・グラフなどを用いて、視覚的にわかりやすいwebサイトを作成してください
```
（ここに資料、もしくはDeepResearchの内容を丸ごと貼り付ける）
```
無料プランで続ける場合は「とにかくLiteを試す」をクリックしてそのまま続行できます。
「親しみやすいパステルカラーで作り直して」
と指示を入れた後の様子
ステップ３：デザインを確認・修正しよう
実行が終わると自動的にHPのプレビューが表示されます。気になるところがあれば追加で指示を出してデザインを調整しましょう！
チャット欄のサムネイルをクリックするとプレビュー画面が表示されます。
🎉 完成！
資料を貼り付けるだけで、図解・グラフ・イラスト入りのおしゃれな縦長HPが自動で完成しました！
実際に完成したHPはこちら👇
https://aiguide2026-bfuefdgd.manus.space/
まとめ
| やったこと | 内容 |
|---|---|
| ✅ DeepResearchで資料作成 | Geminiが自動でリサーチ・まとめ |
| ✅ ManusでHP作成 | 資料を貼り付けるだけで自動生成 |
| ✅ 「親しみやすいサイトに」と修正指示 | 図解・グラフ入りで視覚的にわかりやすい |
DeepResearchで資料を作り、Manusに渡すだけ。
プログラミング知識ゼロでもプロ品質のHPが作れる時代になりました。
ぜひ試してみてください！
