Replit Agentで何でも作れる、その方法をご紹介

19,394 文字

はい、僕の名前はデイビッド・アンドレや。Replit Agentを使って何でも作る方法をお教えしますわ。これは、プログラミングのやり方を変える新しいAIエージェントなんです。
今までは、コードを書くコーディングアシスタントはあったけど、環境を作ったり、依存関係をインストールしたり、データベースを接続したり、本番環境にデプロイしたりするのは、まだ人間の仕事やったんです。でも今や、それら全部がReplit Agentだけでできるようになったんですわ。
つまり、コーディング経験がなくても、普通の英語で指示するだけで、完全なアプリを作って、インターネットにデプロイできるんです。
さて、今回作るプロジェクトについてですが、ここにあるUpworkの募集を選びました。なぜかって言うと、まず第一に、これは実際の募集なんです。つまり、このプロジェクトに1000ドル払う気のある人がいるってことです。第二に、Replit Agentで十分作れると思うんです。そして第三に、これがAIを使って数千ドル稼ぐ現実的な方法やということを、みなさんにお見せしたいんです。
ほな、詳しく見ていきましょか。これはマーケティング会社のウェブサイト開発の仕事です。ほな、もう少し詳しく見てみましょ。予算は1000ドルで、10時間前に投稿されたばかりの新鮮な仕事です。つまり、これを獲得するチャンスは十分にあるってことですわ。
まず最初のステップは、repl.comに行ってアカウントを作ることです。右上にログインとスタートビルディングのボタンがあるはずです。アカウントがなければサインアップしてください。30秒でできますよ。
ログインしたら、ホームページに着くはずです。ここにはもうReplit Agentがありますが、これを使い始めるにはReplit Coreにアップグレードする必要があります。そこをクリックしましょう。
Replit Coreを使うと、まだベータ版のReplit Agentに無制限にアクセスできます。Repls（Replit上のプロジェクトのこと）も無制限に作れるし、ストレージとか開発リソースも使えます。デプロイメント用に毎月10ドル分のクレジットも付いてきます。つまり、作ったものを公開して、それで稼ぎ始めることもできるんです。それに、全てのデプロイメントタイプが使えるようになります。自動スケーリングVMとか、スケジュールされたものとか、静的なものとかね。
ほな、クレジットカード情報を入力して...はい、これでReplit Coreへようこそ！
「数分でデプロイ」って書いてありますね。これもReplit の素晴らしいところで、プロジェクトを作るところから、実際にウェブにデプロイするところまで、全部できるんです。つまり、もし会社のために作ってるんなら、すぐに使い始められるし、自分で顧客を集め始めたいなら、それもReplit でできるってわけです。
次へ、完了...リフレッシュしましょう。
はい、名前の横にCoreって表示されましたね。これでReplit Agentが使えるようになりました。あとは、エージェントに何を作るか伝えるだけです。
でも、ここで問題が一つ。Upworkの募集って、よく曖昧なんです。なぜかっていうと、開発やプログラミングについて何も知らない人が書いてるからなんです。だから、プロジェクトを作るのに必要な全ての手順や指示が含まれてないことが多いんです。
これをそのままReplit に貼り付けても、当たり外れが大きすぎるでしょう。そこで、僕は解決策を考えました。世界最高の推論モデルであるOpenAI o1を使って、これらの指示を書いてもらうんです。
実は、新しいSocietyの中の一つのプロンプトを使おうと思います。ちなみに、Societyへのリンクは説明欄の一番上にありますよ。
じゃあ、クラスルームAIエージェントをクリックして...プロンプトテンプレートの中からo1用のコーディングプロンプトを選びます。これはReplit Agentを使ったプロジェクト用に最適化されてるんです。
コピーして...CGPTに貼り付けます。読みたい人は一時停止してゆっくり読んでくださいね。僕はここに4行を追加して、区切りを作ります。
それから、Upworkに戻ってヘッドラインと本文を選択します。実は、ここでこう言います。「これが私が作って欲しいプロジェクトの正確な内容です。開発計画を作成してください。シンプルで簡潔にお願いします」
o1は長々と話す傾向があるので、シンプルで簡潔にするように言っておくんです。
それじゃ、Upworkの内容を全部コピーして...エンターキーを押します。
これで、世界最高の推論モデルであり計画モデルであるo1が、Replit Agentのための指示を作ってくれます。これなら、この人が書いたものをそのまま貼り付けるよりずっと良いやり方になります。だって、多くの場合、エージェントが何をすべきかを知るのに十分な情報が含まれてないからです。
はい、モデルが17秒間考えて、指示のリストを出してくれました。あとはこれをコピーして、新しいReplit プロジェクトに貼り付けるだけです。
コピーして...実は、この10のステップだけあればいいんです。ongoing managementは必要ありませんね。じゃあ、この9つのステップをコピーして、Replit Agentに貼り付けて、ビルドを始めましょう。
Replit Agentは早期アクセス段階です。はい、実験的な製品なので、100%頼りきるのは避けた方がいいです。でも、見てのとおり、Upworkのこういった簡単なプロジェクトを獲得するのには十分使えます。実際、たくさんあるんですよ。
動画の最後で、こういった簡単で報酬の良いプロジェクトを見つける方法を詳しくお教えしますので、最後まで見てくださいね。
じゃあ、Replit Agentに戻って続けましょう。開発を始める許可を与えて...魔法が起こるのを見てみましょう。
これが一番ワクワクする部分です。Replit Agentがプロジェクトを作り上げていくのを見るのは。正直、僕はこれにハマっちゃいますね。
o1と同じように、Replit Agentも最初に考えて計画を立てます。そして質問してきます。
「AIを使用したマーケティング会社のウェブサイトの計画を作成しました。FlaskとバニラJavaScriptを使用します。この計画には、基本構造のセットアップが含まれています...」
続けていいか聞いてきましたね。「これらの機能のどれかを実装したいですか？」
ブログセクション、ポートフォリオのショーケース...うん、これでいいと思います。これは明らかに、もっと高度で、開発に1000ドル以上かかりそうですね。
ニュースレターも追加しましょうか。計画を承認して、スタートです。
これで、Replit Agentがプロジェクトに必要な全てのファイルと依存関係を作成します。
見てください、これ素晴らしいでしょ？AIエージェントが、私たちのために完全なコーディングプロジェクト、完全なウェブアプリを作っているんです。私たちがしたのは、ただ普通の英語で指示を与えただけ。
これを見て、私たちが未来に生きているって実感できないなら、もう何を見ても無理でしょうね。
エージェントが構築している間に、未来への準備の仕方についてお話ししましょう。
新しいSocietyの中に、AIスキルセットっていうセクションがあるんです。そこに「AGIに備える」っていうワークショップがあって、6つのモジュールで、未来に最も備えた上位1%の人々に入るために必要な全てを教えてくれます。
これは、新しいSocietyの中にある多くの独占コンテンツの一つに過ぎません。AIの最先端にいたいなら、ぜひ参加してください。リンクは説明欄の一番上にありますよ。
さて、Replit Agentに戻りましょう。終わったみたいですね。いや、まだ考えてるみたいです。
Flaskのファイルを全部作って、contact.htmlとか他のHTMLファイル、サービス、インデックスHTML、ベース...おっ、SVGでロゴまで作ってくれましたね、すごい。
いくつかのJavaScriptファイルもありますね。見ての通り、これだけのファイルを作るには、ウェブ開発についてたくさん知識が必要なはずなんです。たとえ知識があっても...待てよ、チャットボット機能のためにOpenAI APIキーが必要だって？
ちょっと確認させて。チャットボット機能を実装したんでしたっけ？コントロール+Fでチャットボットを検索...あ、実装してましたね。
そうだな、AIチャットボット機能はスキップしてもらおう。このプロジェクトの範囲を超えてるよね。確かに、「理想的な候補者はAIの基礎を理解している必要がある」とは書いてあるけど、AIチャットボットが必要だとは書いてないよね。
実際、もし彼らが欲しいなら、追加で500ドルか1000ドル払ってもらってアップセルすることもできるよね。だってそれだけプロジェクトが複雑になるわけだから。
見てください、エージェントが変更を加えています。AIチャットボットの部分を削除しましたね。必要なかったから。
まだ考えてるみたいです。これってすごいと思いません？普通の英語で話しかけてるだけなのに、開発のステップを作ってくれてるんです。
私たちがしたのは、これだけです。o1からのプロンプトを貼り付けて、一つの質問に答えて、4つの選択肢から2つを選んだだけ。それから3分間、ただ構築するのを見てました。そしてOpenAI APIを求められたので、チャットボットは要らないって伝えました。今また考えてるんです。
恐らく、ファイルを分析して、何を更新する必要があるか確認してるんでしょうね。
おっ、アプリが出来上がりました！見てみましょう。「私たちのマーケティング会社へようこそ」
よし、もっとビジュアル的に...「マーケティングAI」、「私たちは最先端のマーケティング会社で...」
ウェブサイトを試してみましょう。これがホームページですね。サービスに行ってみましょう。
おっと、ズームアウトしすぎたかな。はい、「私たちのサービス」、「戦略的コンテンツ作成」
UIをもう少し改善するよう伝えた方がいいかもしれませんね。これは超シンプルすぎます。
「私たちについて」、「お問い合わせ」...3つの異なるフィールドがありますね。
これはかなりインタラクティブになってきました。
Flaskアプリケーションは正常に動作していますか？ホームページを関連コンテンツなしで見ることができますか？
はい、ホームページは見えます。そう伝えましょう。
「はい、見えます。ただし、UIがとても基本的です。もっと見栄えが良く、プロフェッショナルな感じにする必要があります」
エンターキーを押します。
これが、まさに人間が将来果たす役割なんです。私たちはマネージャーになり、CEOになり、エージェントに何を変更し改善する必要があるかフィードバックを与えるんです。
あなたは意思決定能力、判断力、センスに対して報酬を得ることになります。それらが重要な資質になるんです。もはや構文を暗記できるかとか、何種類のプログラミング言語を書けるかは関係ありません。
Replit AgentやCursorのようなツールがあれば、コーディングは全部やってくれます。必要なのは、少しの野心とアイデアだけです。
見てのとおり、このAIツールで実現可能な4桁のプロジェクトがいっぱいあるUpworkのウェブサイトがあるんです。必要なのは、それらに取り組むことだけです。摩擦を乗り越えて、これは不可能だというような制限的な信念を取り除く必要があります。だって、可能なんです。今まさに目の前でやってるじゃないですか。
はい、UIが現在は基本的すぎるというのはわかりました。
おっ、フォントを変更して、HTMLファイルを更新しましたね。これは確実に改善です。
ワオ、いいですね。
一つ問題があるのは、ウェブサイトが狭くなりすぎると上部のメニューが消えてしまうことですね。つまり、全然モバイル対応になってないってことです。
実際、そのことを指摘しましょう。「一つ問題があります。ウェブサイトが狭くなりすぎると上部のメニューが消えてしまいます。つまり、全然モバイル対応になってないということです」
おっ、これはいいですね。ブロックにマウスを合わせると、ちょっとしたアニメーションが出ます。ボタンにマウスを合わせると色が変わりますし。
マーケティングAI...これがロゴなんでしょうね。ただの青い点ですが。
実は、こう言いましょう。「はい、良くなりました。次は、ロゴをもっと印象的なものに変更する必要があります。SVGで何かいい感じのパターンを作ってみてください」
だって、それはできるはずですからね。
実際、デフォルトでどのLLMを使ってるのかはわかりません。多分Replitのどれかのモデルでしょう。でも、CLAUDEの3.5 Sonnetに切り替えられることは知ってます。
はい、マーケティングAI...これはずっと良くなりました。
「私たちのマーケティング会社へようこそ」...「私たちは最先端のマーケティング会社で...」
まだ何かやってるみたいですね。最初のプロトタイプを構築中...
開発中にリアルタイムで見れるのって、すごいことですよね。
サービスに切り替えてみましょう。ここも同じですね。
私たちについて...ここにはインタラクティブなUI要素がありませんね。
これはずっと良くなりました。お問い合わせフォームもずっと良くなってます。
はい、これは良い感じです。
ホームページに戻りましょう。エージェントが何をしているのかをもっと見られるといいんですけどね。
アプリを再起動してます。
ロゴのテキストがちょっと乱れてますね。白い点がAIの上に来てます。
ポートフォリオページを追加しましたね。
ポートフォリオ、ブランドリローンチキャンペーン...でも画像がないですね。
「ポートフォリオページにアクセスできて、プロジェクトが正しく表示されていますか？」
はい、ただし画像が読み込まれていません。画像の名前だけが表示されています。
エージェント自身が見て、フィードバックを与えられるようになるのも時間の問題ですよね。
だからこそ、今のうちにこういったことを学んでおく必要があるんです。2年後、3年後には、これを知っていることにあまり価値がなくなるかもしれません。AIが改良されれば...でも今は、まだ手つかずの分野なんです。
保証しますよ、AIツールを使ってUpworkでこういった数千ドルのプロジェクトをこなす人の話なんて、他では聞いたことないでしょ？時間の問題で、この分野も飽和状態になるでしょう。だから今すぐ飛び込むんです。今すぐ行動を起こすんです。待つな。
はい、ポートフォリオの画像が読み込まれていないのはわかりました。この問題に対処しましょう。
Pillowをインストールしたみたいですね。多分、Pixelsとかから画像を取ってきた方がいいかも。
ここを見てください。プロジェクトの異なる部分を切り替えられるんです。左側には全てのファイルが見えてますね。
これらは、エージェントが使用している開発プロジェクトの部分です。コンソールがあって、コーディングして変更を加える進捗が見えます。
Flaskアプリを再起動して、Pillowをインストールしました。
つまり、依存関係やパッケージを、あなたが指一本動かさなくてもインストールできるんです。ターミナルに触れる必要すらないんです。すごいと思いません？
そして左側には全てのファイルが見えます。main.pyとか。
もちろん、このコードは全て自分のものです。このコードを取って、クライアントに見せることができます。Replitが所有しているわけじゃないんです。
このエージェントの素晴らしいところは、あなたのためにコードを開発してくれることです。これら全て...これら全ては私の所有物です。私がプロンプトを与えて、エージェントがそれを書いただけです。
つまり、月25ドルで...かなりすごい取引だと思いません？
お金を使うべきものがあるとすれば、それはAIツールだと思います。なぜなら、5年後、10年後に、あなたのAIの知識と、それをどれだけ使えるかということほど重要なものはほとんどないからです。
たとえ仕事の10%だけを自動化できたとしても、それはもう毎日0.8時間を永遠に節約できるってことです。それってすごい利点じゃないですか？それは複利的に増えていくんです。あなたのAIの知識は複利的に増え、AIエージェントも互いに複利的に成長していくんです。
だから、今すぐ構築を始めましょう。
さて、アプリがあって、コンソールがあって、ウェブビューがあります。
プレースホルダー画像は正常に作成されましたか？ポートフォリオに行ってみましょう。更新して...いや、画像はまだ読み込まれていませんね。
ポートフォリオ...なし。
私の拡張機能にブロックされているわけでもなさそうです。
「いいえ、画像は正常に読み込まれませんでした。画像を使わずに、ビジュアル要素をもっと良くしてみてください。UIとUXを改善するために、まだたくさんできることがあります」
実際、ここでプロジェクトを見直すのはいいタイミングだと思います。
マーケティング会社のウェブサイト開発...マネジメント、SEO...テキストをSEO用に最適化することもできますね。エージェントにそれをやらせることもできます。
「理想的な候補者はAIの基礎を理解している必要があります」...「あなたの責任には、ユーザーフレンドリーなウェブサイトの作成、検索エンジンの最適化、そしてピークパフォーマンスのための継続的な管理が含まれます」
予算は1000ドル...
今、CSSに焦点を当てているようですね。
実は、私のお気に入りの見方は、進捗の部分です。エージェントで何が起こっているかをリアルタイムで見るのが...これは本当にすごいです。エージェントが私たちのプロジェクトを構築しているのを見るのは、何時間でも見ていられそうです。
AIエージェントについてもっと多くの人が興奮して、真剣に受け止めないのは、ちょっと悲しいですね。
おお、これこそ私が言っていたことです！わお、わお、これは大きな改善です！
この成長チャートのロゴを見てください。チームカート...これはいいですね。
拡大してみましょう。一つ問題があります。小さすぎると...ええ、モバイル最適化されてないですね。それは明らかに問題です。簡単に解決できるはずですけど。
ボタンが黄色くなりました。カラースキームはずっと良くなりましたね。これはずっとプロフェッショナルに見えます。
ロゴはまだちょっと乱れてますね。それは変更するよう言えるかもしれません。
「私たちのサービスについてもっと詳しく」...これはサービスタブに飛びますね。
はい、これはずっと良くなりました。アニメーションは同じですが、カラースキーム、青と白...確実に改善されてます。
私たちについて...
はい、ここは見出しだけですね。
お問い合わせ...黄色いボタンがありますね。
はい、これは形になり始めてます。
「ポートフォリオページは、画像の代わりに色付きの背景とアイコンでプロジェクトを表示していますか？」
はい、これはずっと良くなりました。ただし、ロゴを更新しましょう。現在のものはかなり乱れています。テキストがドットと重なっています。
これをやっている間に、一人の方に新しいSocietyへのライフタイムアクセスをプレゼントすることをお伝えしましょう。
応募するには、動画の下にリンクがある私のInstagramに行って、フォローして、最新の3つの投稿にいいねとコメントを残すだけです。それだけです。これが応募方法です。
一人の方が新しいSocietyへのライフタイムアクセスを手に入れます。繰り返しますが、リンクは動画の下にあります。
さて、進捗タブに戻って、何が起こっているか見てみましょう。
スクリーンショットを撮りました...わお、これはクレイジーです。AIエージェントは実際にスクリーンショットを撮って、自分自身にフィードバックを与えることができるんです。
数分前に言ったことは何だったでしょう？Replit Agentができることについて...
皆さん、私はAIの最先端についていくために全ての時間を費やしているのに、まだ起こっていることの全てを把握できていないんです。これは本当にすごいことです。
さて、ロゴを更新して、それ以上のことをしたようですね。ボタンをもっと追加し、情報をもっと...すごい、このエージェントはどんどん良くなっていってます。
一つ問題は、まだ...これは確実に指摘すべき問題ですね。ウェブサイトが狭くなりすぎると、上部のメニューが消えてしまうんです。つまり、全然モバイル対応になっていないってことです。
実は、エージェントが何をしているのか終わらせてからにしましょう。
これは良いですね。「ケーススタディを読む」、「私たちのポートフォリオ」、そして3つの異なるケーススタディがあります。明らかにフィクションの名前ですが、これは簡単に変更できます。
これは本当に良いですね。10分くらいでこれを開発しました。ワオ、人間のウェブ開発者がこんなに速く作れるとは思えません。絶対に無理です。
つまり、プロの開発者ができることを、あなたもできるってことです。明らかに、プロジェクトの上位5%はまだ専門のプログラマーを必要としますが、下位95%は...ええ。
ロゴは修正されました。ドットがもはやテキストを覆っていません。でも、ポートフォリオページはもっと良かったですね。
上部のメニューを修正する機会がありました。そのことを知らせましょう。
「上部の新しいニュースレター購読をテストできますか？」
待って、ニュースレター？お問い合わせ...お問い合わせに...待って、フッターに？見てないんですけど。
サービスについてもっと詳しく知る...サービスにはない...私たちについて...
ニュースレターフォームが見当たりません。
「はい、画面が狭くなったときのメニューの問題はわかりました。モバイルフレンドリーなナビゲーションメニューを実装します。ハンバーガーアイコンを使用します」
それは良いですね。
「ニュースレター購読もフッターでテストできますか？」
いや、ニュースレターフォームなんてどこにもないよ。何を言ってるんだ？
オーケー、画面を狭くしたときに...更新してみましょう。
まだメニューが表示されません。これは問題です。
最大化...これは良いですね。最大化して見ることができます。でも、ニュースレターをどこに実装したのかわかりません。
それに、上部メニューの問題はまだ解決されていません。今はそれが優先事項なんですけど。
ニュースレターについて言及しましたっけ？
ウェブサイトには、ニュースレターについて何も書いてないですね。o1にもニュースレターのことは書いてないし...
エージェントが自分で発明したみたいですね。目標を思い出させて、どのステップがまだ必要かを振り返らせた方がいいかもしれません。
そうですね、Replit Agentのllmをどう変更するか、簡単な質問をPerplexityに聞いてみましょう。
「Replit AgentのLLMをどうやって変更しますか？」
これはまだ考えてる最中ですが、その間にPerplexityが何を見つけたか確認してみましょう。Sonnet 3.5を使いたいんですけどね。
LLMを変更する方法はないみたいです。でも、元の動画では...再生してみましょう。Replitのトモサク(CEOだと思います)が、使いたいLLMを使えるって言ってたと思うんですけど。
そうですね、方法はあるはずです。
はい、メニューが出ましたね。でも何もしません。メニューはフルセクションでしか動作しませんが...UIを台無しにしてしまいました。
「はい、ハンバーガーメニューが見えます。でも、クリックしても何も起こりません。それに、UIに加えた変更を元に戻した方がいいです。前の方が良かったので、今はうまく読み込まれていません。上部メニューのことを言ってるんじゃありません」
LLMを変更できる場所を探してみましょう。サイドバー、設定ファイル...replit...
もしかしたら、どこか明らかな場所にあるのに、完全に見落としているのかもしれません。驚きませんけどね。
ツール、Replitを使う...これはReplit Agentとは違いますね。これはReplit AIです。
はい...LLMを変更する場所がわかりません。Perplexityは不可能だと言ってますが、実際には可能なんです。Replit AgentのLLMを変更することは確かに可能です。CEO自身が公式デモのYouTubeで言ってました。
Perplexityに制限的な考えを押し付けられないようにしましょう。
さて、ここで何が起こってるんでしょうか。サイドを隠しましょう。
はい、ハンバーガーメニューがありますが、クリックしても何も起こりません。
これがスマホ向けの開発の正しい方法かどうかわかりません。というのも、完全なモバイル体験を作っているわけじゃなくて、ただウェブサイトを狭くしているだけですからね。
多分、私のプロンプトの問題かもしれません。でも正直、これは修正したいですね。モバイルフレンドリーなウェブサイトを提供する方が、ずっと良い印象を与えますから。
これはかなりクレイジーですね。いいですね、ここにボタンがあります。「ここまで戻す」。そうしましょう。UIを台無しにしてしまったので。
ここまで戻しましょう。UIが修正されるか見てみましょう。
えっと、実は...ロゴは...私は何をしているんでしょう。待って、私おかしくなってますか？
以前のバージョンに戻しただけなのに、全てが動いています。フッターにニュースレターがあり、ハンバーガーメニューがあって機能します。アイコンもあります。
これはどうして可能なんでしょう？
まあ、これがまさに人間がまだ必要な理由ですね。私が要求した全てのものが含まれた完璧なチェックポイントがあったのに、エージェントはそれをスキップして構築を続けていたんです。
これはかなりクレイジーですが、はい、できました。
ロゴがありますが、これは簡単に会社のロゴに変更できます。ハンバーガーメニューがあるので、モバイルとPCの両方で動作します。ニュースレターもあります。これはボーナスですね。彼らは要求さえしていなかったので、これは付加価値になります。
サービス...ここにサービスがあります。
ポートフォリオ...このページはまだ完全には完成していませんね。
ポートフォリオページに戻れるか見てみましょう。進捗を確認して、エージェントにこう言えるかもしれません。
「私は戻すのを終えました。ポートフォリオページ以外は何も変更しないでください。ポートフォリオページは前のバージョンに戻す必要があります。現在のUIは良くありません」
一つのページだけを戻せるはずです。
でも、まだLLMをどこで変更できるのか気になります。
もっと見てみましょう。プロンプトギャラリー...ストック...
これらはReplit Agentからのいくつかの例ですね。
ローカルランドマークマップ...これはいいですね。
株式分析、ウェイトリスト、ウェブサイト、リンクinバイオ、AIチャット...
これら全てがAIエージェントとウェブサイトでゼロから開発されているんです。
レイトレーサーデモを書く...これはクレイジーです。AIエージェントとウェブサイトでこれがどうして可能なんでしょう？
すごいですね。私はまだ衝撃を受け続けています。これは本当に素晴らしいです。
実際、Replit Agentのドキュメントを見てみましょう。これはいい考えです。
LLMを変更する方法がドキュメントに書いてあるか見てみましょう。
Replit Agent...ズームイン...ウェブで使用、モバイルで使用...
OK、LLMを検索...コントロール+F でLLM...何もありません。
早期アクセスプログラムなので、Sonnet 3.5や01 Previewは使えないんでしょうね。
でも、スマホから開発できるんです。これはクレイジーですね。文字通り、スマホを取り出して、Replit Agentと話すだけで、プロジェクト全体を開発できるんです。
例えば、1時間のバス乗車中に暇だとしましょう。スマホを取り出して、Replitアプリをダウンロードし、Upworkを開いて、700ドルや1500ドルの仕事を見つけて...クレイジーですね。
「ニュースレター購読をテストしてください」...まだニュースレター購読のことを言っていますね。これはクレイジーです。
とにかく、ポートフォリオページに行きましょう。
はい、修正されました。テキストがあって、ボタンがあります。アイコンは以前より小さくなっていますが、拡大しても...まあ、これでいいでしょう。中央に配置する必要があるだけです。
でも正直、これは本当に良いです。これで十分です。
あまり多くを追加しない方がいいでしょう。
ケーススタディ...ケーススタディは良さそうですね。
ニュースレターはここにあります。購読をクリックすると何が起こるでしょうか？
「このフィールドに記入してください」...いいですね。
All Rights Reserved...
見ての通り、2023年までの知識しかありません。リアルタイムのウェブアクセスはありませんが、これらのプロジェクトにはそれは必要ありません。
でも、想像してみてください。これがPerplexityとリアルタイムで接続されていたら...検索して自分自身を更新し、トップのマーケティングウェブサイトのデザインを分析してコピーできるんです。
これは本当にクレイジーになりそうです。
実際に開発を止めて、デプロイしてみましょう。
ストップをクリックしましょう...あ、実はエージェントを止めたわけじゃありませんね。ウェブアプリケーションを止めただけです。
ウェブビューを実行しましょう...
はい、ページに戻りました。
では、上部のデプロイをクリックしましょう。
デプロイの方法を選択できます。
主に4つのオプションがあります。
推奨されるのは、予約済みVM（仮想マシン）で、常時オンのサーバーです。
次に、自動スケールがあります。需要に合わせて正確にスケールします。
つまり、数万人、数十万人のユーザーが来ることを予想するプロジェクトに適しています。
それから静的なものがあります。簡単なクライアントサイド...
ここでコストも確認できます。コンピュートユニットのコストですね。
ズームインして、よく見えるようにしましょう。
予約済みVMの場合、1時間あたり0.008ドルからです。
これは開始価格で、明らかにパッケージやデータベース、プロジェクトの複雑さによって変わります。
予約済みVMは高可用性を保証し、永続的なセッションデータを必要とするアプリの中断を最小限に抑えます。
これは、常に実行されているエージェントの一つをデプロイする方法です。
ステートフルなAPI、ウェブスクレイピング、長時間実行するジョブに適しています。AIエージェントのようなものですね。
自動スケールは、ゼロから任意のレベルの需要まで自動的にスケールするので、アプリにとって安価で、ウイルス感染した場合も簡単です。
つまり、Twitterでデモを作成して、1万いいねを獲得し、数十万人に見られた場合、おそらく自動スケーリングが必要になります。
多くの突然のトラフィックでアプリがクラッシュする可能性があるからです。
静的な場合、アウトバウンド転送データに対してのみ支払いが必要で、Replitプランに含まれています。
デプロイ時間が短いです。
正直、これは私の専門知識を超えているので、推奨されているものを選ぶだけでしょう。
デプロイメントマシンの設定をしましょう。
これは、AIエージェントや今回作成したウェブサイトをホストする場合のコストになります。
ウェブサイトをホストするのに月額12.80ドルかかりますが、もちろんこれはクライアント向けなので、コストは彼らに請求します。
ウェブサイトを開発して1000ドルを獲得したら、こう言えばいいんです。「ウェブサイトの運用に月額12.80ドルかかります」
実際、彼らを継続的な顧客にすることもできます。
少し起業家精神があれば、アップセルすることができます。
「1000ドルでこれを開発しました。その10分の1の100ドルで、問題が発生した場合に修正し、ウェブサイトを維持します。また、全てのトラフィックとホスティングも引き受けます」
もちろん、彼らにはコストがいくらかわかりませんが、12.80ドルですよね。だから87ドルの利益が出ます。追加の作業がないと仮定した場合ですが。
このモデル、特に「ビッグヘッズ・ロングテール」モデルと呼ばれるものを使えば、最初に大金を請求し、その後は永久に小さな定期購入を続けることができます。
これは基本的に、全ての開発やプログラミングのクライアントに対して行えます。
彼らが雇った主要なプロジェクトを作成し、その後、毎月100ドル、150ドル、200ドルを永久に請求して、全てを維持し監視します。
というのも、最終的にはエラーが発生する可能性があるからです。
マシンにはいくつかのオプションがあります。ウェブサイトの予想されるトラフィックによって異なりますね。
ワオ、もっと小さいものを選ぶこともできます。
トラフィックが多い場合は、ここにある最高のオプションを選びます。これだと200ドルかかりますが。
でも、シンプルなマーケティング会社なら、このオプションで十分でしょう。月額6.40ドルです。
自分のエージェントを常時稼働させたい場合も、月額6.40ドルはとても手頃ですね。
はい、プライマリドメインは.repl.appです。
これを「agency.repl.app」に変更できます。
あ、それは利用できません。
「marketing-agency」は利用可能です。
OK、「marketing-agency.repl.app」にしましょう。
ドメインも提供されるので、そのまま彼らに送ることができます。
おそらく、これら全てをスキップできるでしょう。
プライベートデプロイメントをオンにすることもできます。そうすれば、チームのメンバーだけが見ることができます。
でも、それは必要ありませんね。
「marketing-agency」...多分、これはこのままにしておきます。みなさんがこのプロジェクトをテストできるようにね。
ウェブサーバー、デプロイ...これだけで済むはずです。
さあ、4つのステップがあります。プロビジョニング、ビルド、バンドル、そしてプロモートです。
Replit Agentは本当に革命的ですね。まあ、これはReplit Agentじゃなくて、Replit プラットフォームですが、Replitは人々がウェブにスタッフをデプロイする最も簡単な方法かもしれませんね。エージェントをデプロイしたり、ウェブアプリをデプロイしたり。
今はバンドルを作成しています。
あ、そうか。だからニュースレターにこだわっていたんですね。3ステップの計画を立てて、最後のステップがニュースレター購読システムの実装だったんです。
待って、私おかしくなってますか？思い返すと、それは私のミスだったと思います。最初にそれを選んでしまったんですよね。完全に忘れてました。
まあ、それは私の間違いでした。選択を解除する方法があるはずですが...とにかく、欲しくないものは選ばないようにしましょう。
この部分を拡大できますね。全てをバンドルしています。
2分で開始しましたが、デプロイにそんなに時間はかからないはずです。
バンドルが完了して、次はプロモートですね。このステップが何を意味するのかわかりませんが。
見ての通り、デプロイは30秒ほどのプロセスでした。
ウェブサイトを選び、デプロイのタイプを選びました。VMを選びましたが、それは推奨されていたからです。
推奨オプションを選んだだけですよ。
皆さん、私はReplit の専門家じゃありません。だから、「ああ、Dはプログラミング経験があるから、これができるんだ」なんて思わないでください。
プログラミング経験がなくても、これはできるんです。
Replit でアカウントを作成して、Replit Coreを取得し、エージェントを使えるようにするだけです。
普通の英語でエージェントに何を作るか伝えるだけでいいんです。
自分でプログラミングをする必要は全くありません。
気づいてるかどうかわかりませんが、この動画で私は一行もコードを書いていません。
そして今、この1000ドルのプロジェクトに基づいた、完全に機能するウェブアプリを手に入れようとしているんです。
そうだな、私自身はこれを請求しませんよ。これを最初に見た人が自由に請求してください。私は気にしません。その1000ドルはあなたのものですよ。
デプロイメントプロセスが進行している間に、Upworkでこういった仕事を見つける方法をお教えしましょう。
upwork.comに行く必要があります。デフォルトのupwork.comに行きましょう。
検索タブで、「プロジェクト」を選択...いや、すみません。「ジョブ」を選択します。クライアントが投稿したジョブに応募します。
それから、作りたい仕事の種類を入力します。
Replit Agentを使うなら、ウェブ開発が一番簡単で最適だと思います。
数千ドルのプロジェクトだけを請求したいわけじゃありません。比較的簡単にできることが必要です。
1ヶ月かかるようなら、おそらく時給換算で最適な価値は得られません。
でも、1000ドルや2000ドルを稼ぐのに2日かかるなら、それはかなり良いサイドハッスルになります。真剣に取り組めば、メインの仕事にもなるかもしれません。
設定をお見せしましょう。
新しい順に並べ替えたいので、それをキープします。そうすれば、新しいものから請求できます。
左側で、エントリーレベルと中級レベルを選択します。
エキスパートプロジェクトは避けたいですね。それらは確実に数日以上かかります。
Replit Agentを使って、数時間で完了できるものを探しています。
時給制は避けて、固定価格を選びます。
通常、私は1000ドルから5000ドルの範囲を選びます。これが良い範囲です。
でも、始めたばかりなら、500ドルから1000ドルを選んでもいいかもしれません。
これなら、より簡単なプロジェクトで、より速く完了できますが、もちろんお金は少なくなります。
好みで選んでください。
1000ドルから5000ドルにしましょう。
クライアント履歴は空欄でもいいですが、これら2つを選ぶのが良いでしょう。
これらは、過去に人々に支払いをしたクライアントです。
つまり、これらは本気で仕事を依頼している会社で、あなたが納品すれば確実に支払ってくれます。
プロジェクトの総数は表示されていませんが...
下にスクロールすると...何ページありますか？少なくとも4ページ...4、5...
たくさんのページのプロジェクトがありますね。
ここでやることは、1ページ目に戻って...例えばChatGPTを使います。
新しいチャットを作成して...GPT-4を使う必要があります。o1には画像をアップロードできないからです。
CLAUDE 3.5 Sonnetでも大丈夫です。どちらでも構いません。
Upworkに戻って、少し縮小して...一度に3つのプロジェクトをスクリーンショットします。
スクリーンショットをコピーして、ChatGPTに貼り付けます。
下にスクロールして、次の3つをスクリーンショットします。
これを数ページ分繰り返します。10から20のプロジェクトを集めるまでやります。
そして、こう尋ねます。「あなたの任務は、1. スクリーンショットに記載されている全てのプロジェクトを、プロジェクトの詳細も含めてリストアップすることです。2. それらを実装が容易なものから順に並べ替えてください。数時間で完了できるプロジェクトを探しています」
冒頭で約束した通り、これが宝石を見つける方法です。
数時間で完了でき、1500ドル、2000ドル、場合によっては3000ドルを稼げるプロジェクトを見つける方法です。
これで、6つの仕事を取り上げます。1枚のスクリーンショットに3つずつありますからね。
まず全てをリストアップし、それから最も簡単なものから並べ替えます。
これらのプロジェクトをいくつかこなせば、簡単なものを見分ける目が養われますが、その経験がない場合は、AIモデルを使って最も簡単なものを教えてもらえばいいんです。
見てみましょう。「簡単な順に並べ替えました。コスト計算...Bubble.ioを使用...」
つまり、これにはReplit Agentすら必要ありません。
プロンプトをもっと具体的にできますね。さらに詳しく指定できます。
こう言いましょう。「数時間で完了できるプロジェクトを探しています。Replitだけを使用して」
そうすれば、他のソフトウェアを提案しなくなります。
Replit Agentの新機能を活用したいんです。ほとんどの人がまだ知らない機能ですからね。
これで、タスクをやり直してくれるでしょう。
基本的に、これを数ページ分繰り返せばいいんです。
私は6つの仕事だけでしたが、1枚のスクリーンショットに3つの仕事があります。
20の仕事をリストアップして、並べ替えを依頼すれば、その20の中で最も簡単なものがわかるはずです。
見ての通り、ここの予算は1400ドル、2100ドル、1200ドル、1000ドル、1200ドルです。
本当に、言った通りです。必要なのは少しの野心と起業家精神だけです。
これに挑戦する気持ちがあればいいんです。
もちろん、問題がないとは言いません。明らかに障害はあるでしょう。
エラーに遭遇したり、努力が必要になったりします。
でも、お金を稼ぐ方法は全て努力が必要です。
だから、「ああ、AIエージェントが全てやってくれないのか。なぜReplit Agentを買っただけで月に1万ドル稼げないんだ」なんて言わないでください。
まだ少し努力は必要です。結果を得るには。
一生懸命働いて、AIツールを使える人...そういう人が、次の2年間で途方もない金額を稼ぐことになるでしょう。
なぜなら、野心と制限的な信念の欠如が本当に必要だからです。
「私はプログラマーじゃない」とか「できない」とか「ウェブの経験がない」とか「これらのAIツールは私向けじゃない」とか「これは若い世代向けだ」とか、そういった制限的な信念を持っていると...
それら全ては制限的な信念です。
誰でもこれはできるんです。私がやっているのを見たでしょう？
待って、実際にデプロイされました。もうデプロイされてるんです。
私がしゃべっている間に...
はい、ChatGPTが並べ替えてくれました。
コスト...まだ1番です。バーチャルガールフレンドチャットボット。
これは簡単に請求できそうですね。
見ての通り、基本的に上から始めればいいんです。
Replit で最も実行可能だと思うものを選びます。
これはBubble.ioが必要なので、スキップしてもいいでしょう。
バーチャル...これはReplitで完全に構築できます。
チャットボットは簡単にReplit で作れますね。
はい、これは別のプロジェクトです。
見ての通り、たくさんあります。
ちなみに、はっきりさせておきましょう。
これらはUpworkに投稿された実際の仕事です。
これは架空の...理論的なものじゃありません。
これらは本物の会社が、10分前、16分前、2時間前に投稿した、実際に行われる仕事なんです。
だから、やってみてください。
これをもっと速くできます。
実際、人間が何年もの経験があったとしても、Replit Agentを使うあなたよりも速くできる方法はありません。
30分でできるんです。
誰よりも速くこれらの仕事を獲得し、請求できるんです。
クレイジーですよね。
私たちのウェブサイトは動作しているはずです。
これが私たちのドメインです。marketing-agency.repl.app
説明欄にも載せておきますね。
これは素晴らしいです。完全に機能するウェブサイトができました。
ホーム...これがホームページですね。
「私たちのサービスについてもっと詳しく」...これはサービスページですね。
このページはちょっと平凡かもしれません。もう少し改善できたかもしれません。
ポートフォリオ...これは良いですね。
まだアイコンがバグっていますが。カスタムファイルを与えて更新できるかもしれません。
ニュースレターは正直、なかなか良いですね。
私たちについて...これもかなり基本的ですね。
お問い合わせ...これも元に戻すべきでしたね。
でも、見ての通り、これは...
ウェブの経験がない人なら、このアプリを作るのに2週間はかかるでしょう。もっとかかるかもしれません。
ウェブの経験がある人でも、Replit Agentを使うよりは時間がかかるでしょう。
つまり、この状況では、明らかにもう少し改善する必要がありますね。
サービスページは平凡で、私たちについてのページも平凡です。
お問い合わせフォームを以前のバージョンに戻す必要があります。
それから、ロゴをクライアントのロゴに変更します。
そして、フィードバックをもらうために彼らに渡します。
これが完成品だとは言わないでください。これはバージョン1だと言って、フィードバックを求めます。
そのフィードバックをReplit Agentに与えて...そういう流れです。
皆さん。
彼らが満足するまでそれを続けます。
そして、前に言ったように、月額の定期プランにアップセルします。
ウェブサイトの管理を続けるためです。
1000ドルのプロジェクトなら、おそらく150ドルくらいに抑えるでしょう。
「月150ドルで全てを監視し、必要な変更を加え、確実に動作するようにします。ホスティング費用も私が負担しますので、あなたは心配する必要はありません」というような感じですね。
はい、これがドメインです。もちろん、完全に準備ができたら、本格的なドメインに変更できます。でも、テストや迅速なデプロイのためには、これで十分良いですよ。
AIを使ってお金を稼ぐ実践的な方法についてのこういったコンテンツが好きなら、新しいSocietyを気に入ると思います。AIがもたらすビジネスチャンスに全力で取り組んでいますからね。
実際、過去30日間だけでも、新しいSocietyのメンバーはAIを使って1万ドル以上を生み出しています。私たちが教えているシステムを使ってね。
AIに本気で取り組みたい、AIでお金を稼ぎたいなら、ぜひ参加してください。リンクは説明欄の一番上にあります。
視聴してくださってありがとうございます。素晴らしい一日をお過ごしください。