見出し画像

話題のReplit Agentに課金して「デジタル時計」を作ってみた話。Replit Agentの使い方

話題のAI開発ツール Replit Agent を使ってみたら、マジで凄かったので、実際に課金してデジタル時計を作った話を少しだけ語ってみます😊
Replit Agent は、Boltv0などの開発ツールと並ぶAIアプリ開発ツールです✌️
AIツールの進化が止まりませんね、、、全然情報収集が追いつかない今日このごろですが、Replit Agentの存在は早くしておかないとダメですね😭


Replit Agentとは

Replit Agentは、Replitが提供するAIを活用した開発ツールです✌️自然言語で指示を入力することでアプリケーションを自動的に設計、構築、デプロイできる機能を持っていて半自動的にアプリケーションの開発ができちゃいます。プログラミングの経験がない初心者というよりも、むしろ経験豊富な開発者も使えるAIアプリ開発ツールです👀

Replit Agentの使い方

Replit Agent の公式サイトにアクセス

Replit Agentの使い方

Sing up for free をクリック

Replit Agentの使い方

アカウント連携かメールアドレスとパスワードで登録を行えます
今回は、Googleアカウントで連携してみます。
Continue with Google をクリック

Replit Agentの使い方

Continue をクリック

Replit Agentの使い方

名前や使用目的を入力し、Continueをクリック

Replit Agentの使い方

Free プランを選択

Replit Agentの使い方

登録は終了です。簡単にReplit Agentを試すことができます✌️

Replit Agentを使ってアプリを作る方法

では早速、アプリケーションを作ってみましょう✌️色々と高度なアプリケーションを作れると話題になっているReplit Agentですが、初歩的なデジタル時計を作ってもらいます。(他のツールもデジタル時計を作ってみるので)
ただし、これ以上の機能を利用するとすると有料プランへの加入が必要となります😭

Replit Agentを使ってアプリを使う

年払いでは、$15/month で40%OFF とてもお得なんだけど、まずは、一旦月額で使ってみてから検討するのが良いかと思います✌️
Monthly をクリック
月額では、$25 (日本円で約3,875円) 円安(1$ 155円で計算)😭😭😭😭😭
カード情報を入力して決済を行います👀

Replit Agentを使ってアプリを使う

カード情報を登録すると確認画面が出るので
Confirm purchase($25) をクリック

Replit Agentを使ってアプリを使う

これで登録が完了です✌️
早速、デジタル時計を作ってみます

Replit Agentを使ってアプリを使う

③ + Create Repl をクリック

Replit Agentを使ってアプリを使う

Create with Replit Agent をクリック

Replit Agentを使ってアプリを使う

デジタル時計を作りたい と入力
Start building をクリック

Replit Agentを使ってアプリを使う

DigitalClockProjectという名前でプロジェクトを作成してくれます。
そして、Thinking
簡単な仕様の提案をしてくれます😱
そして、どうしたい?とチェックボックスで選択肢を聞いてきたりします🤩
チャット形式で、仕様の追加・変更・削除がおこたえます👀
今回は、このままシンプルなデジタル時計を作成してもらいましょう
Approve plan & start をクリック

Replit Agentを使ってアプリを使う

デジタル時計が完成しました✌️
まださわりだけですが、話題になるのもわかりますね😊
ここから、カスタマイズや色々と調整をして行く訳ですが、今回は、Replit Agentの始め方ということで簡単な使い方の紹介でした。
ちなみに、題材がチープすぎて比較にならないかもしれませんが、v0 boltでも同じことをしています↓

Replit Agentの特徴

まだまだ開発が進み、進化を遂げていきそうなReplit Agent
現時点で見えるReplit Agentの主な機能と特徴です✌️

  • 自然言語による指示: アプリケーションの要件を自然言語で入力するだけで、AIが必要なコードやファイルを生成してくれます。例えば、「TODOアプリを作って」といった簡単な指示で、アプリが構築できます。

  • フロントエンドとバックエンドのサポート: アプリケーションのフロントエンドとバックエンドの両方のコードを生成し、データベースとの連携も自動で行えます。

  • 迅速なプロトタイピング: アイデアを迅速に形にすることができ、アプリケーションの開発プロセスを大幅に短縮できます。AIは、アプリの設計からデプロイまでをサポートしています。

  • 統合された開発環境: ブラウザベースの統合開発環境(IDE)を提供しており、複数のプログラミング言語をサポートしています。どこからでもアクセスし、リアルタイムで共同作業が可能です。

  • デプロイオプション: 完成したアプリは、さまざまな方法で簡単に公開できます。自動スケーリング対応のサーバーや静的サイトとしてのデプロイが選べるため、プロジェクトに最適な方法を選択できます。

Replit Agentの料金

話題のReplit Agentですが、Replit Agent Accessが使いたいので、有料プランへの登録が必要になるサービスです😭

Replit Agentの料金

もちろん、月額のサービスはサブスクリプションなので自動更新されます❗️

Replit Agentの解約方法

サブスクリプションサービスなので、自分でキャンセルしない限り決済が続きます。
解約は、こちら https://replit.com/account#billing

Replit Agentの解約方法

Cancel subscription をクリック

Replit Agentの解約方法

試していないのでわかりませんが、キャンセルした日にダウングレードされるようです。Netflixなどのように1ヶ月間プランが有効になるわけではなさそうなので注意が必要ですね、辞めるときは自分で数日前にキャンセル処理を行いましょう👀

まとめ

アプリケーションを開発するのはAIがやってくれる時代が来ましたね、求められる能力は仕様を伝えることや、どんなアプリケーションを作成するかに求められるような気もします。もちろんデータベースを使って顧客管理をする複雑なシステムなどでは、色々と心配なところも多いと思うので、まだ個人で使うアプリや社内で使うアプリとしての位置付けかもしれませんが、数年後には、ノーコードアプリ領域に変わってAIコードアプリ開発が主流になる未来が見えてきそうですね😊

ちなみに、もう少し複雑なアプリケーションのレシピが公開されていて、簡単にアプリを作る練習ができるので、こちらのレシピからアプリを作成してみるのも体験としてやってみると面白いです


この記事が参加している募集

よかったら、気軽にフォローしていただけると嬉しいです!!