AIエージェントManus(マナス)を使ってWebサイトを作成してみた

つれづれ

だんだん気温が高くなってきてクーラーをつけ始めました、ビバ☆らんまるです。

前回の記事では、最近観たオススメのインド映画として『ビギル 勝利のホイッスル』をご紹介しました。

今回はそこから一歩話を進めて……

私のオススメかつ皆さんのニーズに合ったインド映画をご紹介するべく、
「オススメインド映画YES/NOチャート」の作成に挑戦してみました!!!

私にWebサイトを作る能力は無いので、最近話題になっているAIエージェントManus(マナス)の力を借りてYES/NOチャートを作成しました!

完成品はコチラ✨↓
https://3000-i9b5njk9agw48lek8afu7-59b0332f.sg1.manus.computer/?locale=ja

数問の質問に答えると、私のオススメインド映画7選の中からあなたにピッタリなインド映画が紹介されます✨

是非一度お試しあれ~!


ここからは、Manusを使ってどんなふうにYES/NOチャートを作成するのか
その手順をご紹介
したいと思います!

PCの場合はブラウザからサインイン、
スマホの場合はアプリをインストール後、サインインすると新規プロジェクトの作成ができるようになります。
(私の時はどうあがいてもアプリに誘導されたので、最初から諦めてアプリをダウンロードするのがオススメです

処理の重さによってクレジットが消費される仕組みとなっており、無料プランの場合は毎日300クレジットまでの利用となります。新規ユーザーにはボーナスで1000クレジットが配布されます。
(紹介コードがあれば紹介者と新規ユーザーでそれぞれ500クレジットもらえるそうなので、紹介リンクを作成してみました! 多めにクレジットを確保したい方はこちらから登録してみてください🫶)

まずは「+」ボタンをクリックして……

「ウェブサイトを構築」を選択

ざっくりと要望を伝えると、あちらからウェブサイト作成に必要な情報を聞き出してくれます。

あとはこんな感じで自分がざっくり作ったチャート案を投げてみたり…

チャート分岐について考えたざっくりメモ。一部文字が重なっちゃってます。笑

そうやって何回かやり取りをしてから数分待つと……

こんな感じでウェブサイトを作成してくれます!✨

実際にチャートを自分で試してみると、いくつか気になる点があったので、下記のような感じで修正をお願いしてみました。
【補足】文章が伝わりやすいか気にしなくても案外うまいこと意図を拾ってくれますし、あまりにも意味不明な時は「○○ということですか?」みたいな感じでこちらの意図を確認してくれます。個人的にはかなり楽にやり取りできていい感じでした!

何回か試しましたが、チャートの流れを訂正して欲しいです。
・人が死ぬかどうかはそもそものインド映画向きのメンタルかどうかの話で、今回紹介する作品は全部人が死ぬシーンがあります。そのため人が死ぬ作品を悲しい作品としては捉えず、地雷避けとしての選択にしてください。人が死ぬのが苦手な人には注意書きを表示してください。
・ビギルもテンポはいいと思います。
・ワクワク、テンポの良さはバンバンにつながって欲しいです。
・提案したのはWARではなくWAR2です。続きものだが2からでも見られると思う旨を補足してください。

すると早速、下記のような回答と共に修正版のサイトを共有してくれます。

ご指摘ありがとうございます。チャートの流れを改善させていただきます。
修正内容:
1. ✅ 最初の質問を「地雷避け」に変更 – 人が死ぬシーンが苦手な人向けの注意書き表示
2. ✅ ビギルをテンポの良い映画として再配置
3. ✅ ワクワク・テンポの良さの分岐をバンバンに繋ぐ
4. ✅ WAR → WAR2に変更し、「続きものだが2からでも見られる」と補足
チャートロジックを修正して、再度テストします。

修正が完了しました!以下の改善を実装しました:
✅ チャートロジックの改善
 • 最初の質問を「人が死ぬシーンが苦手ですか?」に変更(地雷避け)
 • 苦手な人向けの注意ページを表示
 • 「ワクワク・テンポの良さ」を重視する分岐を追加
 • ビギルをテンポの良い映画として配置
 • バンバンへの分岐を改善
✅ WAR → WAR2に変更
 • 新作「WAR2 ウォー2」に更新
 • 「続きものだが2からでも見られる」と補足を追加
✅ 警告表示
 • 各映画の詳細ページに「⚠️ 人が死ぬシーンがあります」と表示
 • 診断開始時に注意書きを表示
プレビューで実際に試してみてください!

しかもこんな感じでネクストステップまで提案してくれます。

推奨される次のステップ:
1. 映画ポスター画像の追加 – 各映画の詳細ページに公式ポスター画像を表示して、ビジュアルをより豪華に
2. シェア機能の実装 – 診断結果をSNSでシェアできるボタンを追加 
3. 複数映画提案機能 – 診断結果として複数の映画を提案し、「他のおすすめ」セクションを追加

新規機能を追加してもらいつつ、細かい箇所の修正依頼と確認を繰り返し、理想のサイトを目指します。

↓今回出した修正指示の一例

Twitter、LINEの横に「作品を紹介」ボタンの追加は可能でしょうか?

その他のおすすめ映画が7つのうちからランダムで3つ表示されるようにしてください。
また、他のオススメ映画3つが紹介されるところで、作品のタブをクリックすると結果で表示される作品ページに飛ぶようにすることはできますか?

オススメ映画のタブから作品詳細ページに飛ぶ時、ページの先頭に移動し、「あらすじ」タブが選択された状態にしていただくことは可能でしょうか?

WAR2の予告編がWARになってます。一大事です。訂正をお願いします。

可能であれば予告編のタブの隣に「Music」タブを追加し、YouTubeで「各作品の英語タイトル song」と検索して再生数が多いMVを最低3つ貼り付けてください。

無料版だからなのかは分かりませんが、サイトの背景デザインに関する修正やリンクの反映は上手くいかないことが多かったです。
背景デザインは今回特にこだわりはなかったのでそのままにして、リンクはコチラから入れてほしいものを直接提案して差し込んでもらうなどの方法で乗り切りました。

また、html…って言うんでしょうか?こういうコードのようなものも公開してくれているので、自分でいじれる人なら大枠を作ってもらって細かいところは自分で修正…なんてこともできるかもしれませんね。
(私はサイト周り詳しくないのでよく分からないんですけど…)

とにかく気になるところがなくなるまで(そしてキャッシュの限界まで)タグの内容や細かな表示の修正をお願いして……

出来上がったのが冒頭でご紹介したYES/NOチャートというわけです!!!!

もう一回リンク置いときますね💁‍♀️
https://3000-i9b5njk9agw48lek8afu7-59b0332f.sg1.manus.computer/?locale=ja

「出来上がった」とか言ってますけど、私は1~2時間ポチポチやり取りしてただけです。笑
AIについて思うところはいろいろあれど、こういう作業の効率化ができるのはうれしいですね。

ちなみに今回のサイトを作ってちょうど初回ボーナス込みの1300クレジットを使い切りました
(もうちょっと修正できなくもなかったのですが、キリの良いところでクレジットが終了したので一旦作業を切り上げました!まだ変なところ残ってるかもしれませんがお許しを……)

おわりに

…ということで、今回はManus(マナス)を使ったウェブサイト作成についてご紹介しました!

Manus(マナス)はウェブサイト作成以外にも調べ物やスライド作成なんかも得意だそうですので、皆さまの用途に合った使い方が何かしらあるのではないかなと思います。

その日のうちに作り上げる必要がなければ次の日まで待てばクレジットは回復しますので、まずは一度試してみてはいかがでしょうか?💪✨

そしてオススメされたインド映画もよかったら見てみてください……!!!

配信サービスでは見られない映画も多いんですけど……
本当に良い作品ぞろいなので……
私の圧倒的オススメ『ビギル 勝利のホイッスル』はTSUTAYAディスカスで日本語字幕円盤が借りられるほか、YouTube自動翻訳でもよければYouTubeでも視聴可能です。そして私のリア友の場合は私の家でプロジェクター鑑賞会も開催可能ですので……!!何卒……!!!

それでは!
また次回の記事でお会いしましょう!✨

タイトルとURLをコピーしました