AI活用

プログラミング不要! AIツール「Manus」でシンプルなテトリスを作ってみた【無料】

  1. ホーム >
  2. ブログ記事一覧 >
  3. AI活用 >

プログラミング不要! AIツール「Manus」でシンプルなテトリスを作ってみた【無料】

テトリスってシンプルだけどおもしろいですよね。
でも、いざアプリを探してみると、このシンプルなテトリスって意外とないんです。

広告だらけだったり、余計な機能がついていたり…
「シンプルに遊びたいだけなのに」と感じた経験はありませんか?

そこで今回、AIツール「Manus」を使って自分でシンプルなテトリスを作ってみました。
プログラミング知識ゼロ。たった一行の指示で完成しますよ!

パソコン専用です
https://tetrisgame-krbckaym.manus.space

ラインクリアしたときに画面中央に線香花火のようなチカチカした光が現れます。
これは、花火がはじけるようなエフェクトをかけたかったのですが、うまくいかなかった名残なのでお気になさらずで☺

こんな人に読んでほしい
  • プログラミング未経験だけどアプリを作ってみたい人
  • AIツールを使って何かを作ってみたい人
  • Manusって何?と気になっている人

Manusとは?

Manusとは、完全自律型AIエージェントです。

💡 ChatGPTとManusの違い

ChatGPT → 対話型AI。質問に答えてくれるだけ。
Manus → 実際に手を動かして成果物まで作ってくれるAI。

プロンプトを渡せば、あとは自律的にタスクをこなしてくれます!

今回作ったもの

Manusを使ってシンプルなテトリスのWebアプリを作成しました!

作業の流れ

1Manusのアカウントを作成

2Manusでアプリを作成

3プレビュー画面で動作確認

ステップ1:Manusのアカウントを作成しよう

まず、Manusのアカウントを作成します。

👇 Manusはこちら👇
https://manus.im/app

1サイトにアクセスし、右上の「登録」をクリック

2お好みのサインアップ方法を選択(今回は「Googleで続行」を選択)

3登録するアカウントを選択して「次へ」をクリック

4有料プランは任意。無料プランの場合はウィンドウを閉じる

manus

ステップ2:Manusでアプリを作成しよう

登録が完了したら、Manusのチャットに以下のプロンプトを入力して実行するだけです!

テトリスのWebアプリを作成してください
💡 「とにかくLiteを試す」が表示されたら?
使用モデルの確認画面が出ることがあります。無料プランで続ける場合は「とにかくLiteを試す」をクリックしてそのまま続行できます。
manus

Manusが自律的にアプリを作成してくれるので、完成を待つだけです!

ステップ3:プレビュー画面で動作確認しよう

テトリスの画面が表示されれば成功です👏

💡 プレビューが表示されない場合
チャット欄のサムネイルをクリックするとプレビュー画面が表示されます。
tetris
⚠️ エラーが起きた場合
基本的にManusが自律的に修正してくれます。どうしてもうまくいかない場合は新規チャットでやり直すのがおすすめです。

🎉 完成!実際に遊べます!

プログラミング知識ゼロ、たった一行のプロンプトで本物のテトリスアプリが完成しました!

実際に遊べるURLはこちら👇
https://tetrisgame-krbckaym.manus.space/

まとめ

やったこと 内容
アカウント作成 Manusに登録
プロンプト入力 たった一行で指示
アプリ完成 本物のテトリスが動いた!

AIに指示するだけで本物のアプリが作れる時代です。あなたのアイデアをどんどん形にしていきましょう!

  • この記事を書いた人
  • 最新記事
kiyono

kiyono|集客導線×AI活用アドバイザー

生成AIパスポート取得・webマーケティング実務15年・WordPress構築サポート700件以上・CMS全国展開における加盟企業への導入支援講師・SEO講座の座学講師の経験を活かし、「集客の仕組み」と「AIの使いどころ」を掛け合わせた、あなたのお仕事に合った実践的なサポートを提供しています。

-AI活用
-, , , ,