ホームページ ウェブフロントエンド jsチュートリアル AI を使用して複雑な SaaS アプリを構築した方法 - あなたもできるか

AI を使用して複雑な SaaS アプリを構築した方法 - あなたもできるか

Aug 24, 2024 am 11:01 AM

How I Built a Complex SaaS App with AI—And So Can You

私は数年間開発者として働いてきましたが、アプリの構築を開始できるようになったのは AI が登場してからです。私が最初に学んだ言語はビジュアルベーシックでした。まったくコツがつかめなかったし、基本的なことも何もなかった。次は C++ でしたが、2 つのプラス記号があってもまだ何も加算されませんでした。弁明すると、私はそれを学んでいたときコンピューターを持っておらず、ホワイトボードで教えられました。

発見

私は、少なくとも最初の GPT4 バージョンがリリースされて以来、かなり長い間 LLM を使用してきました。私は Solidity でブロックチェーン開発を学び終えたばかりで、ソフトウェア代理店に就職したところでした。そしてそのときGPT4がリリースされました。最初は一般的な質問をしただけでした。次に、Solidity コードをテストして、これをコーディングに使用し始めました。

それは非常にうまくいきました。そのとき、AI をコードに使用するという私の心に火がつきました。当時、私はソフトウェア代理店で働いていましたが、Solana マーケットプレイスから一定の価格以下で NFT を自動的に購入するスクリプトを必要とするクライアントがいました。プロジェクト全体を GPT4 で実行しました。

アプリのアイデア

Claude がリリースされたとき、私は懐疑的で、無料モデルで遊んでいたので、しばらく保留することにしました。

最終的に、私はコツを掴んで購読することにしました。しばらくすると、Claude Opus が私のお気に入りのモデルとなり、個人的なコーディング プロジェクトや一般的な研究に使用していました。その後すぐに、Claude 3.5 Sonnet が発表されました。

建物

この頃、私は AI の機能を IDE に取り込んで拡張し、書き込みと読み取りのアクセス権を与え、AI にリアルタイムのコンテキストを与えることができる vscode 拡張機能のアイデアを思いつきました。

Claude 3.5 Sonnet で構築を始めることにしました。打席の右では良いスタートを切れたし、いくつかのことがうまくいった。しかし、数分後、コードに何か問題が発生したため、私はそれを修正するために Sonnet と約 1 時間堂々巡りをしました。イライラして、使い慣れたモデルの Opus に戻しました。

しかし、打席の右では次から次へとエラーを修正していました。しかし、私はまだ Opus に慣れており、切り替えることに抵抗があったため、そのまま使い続けました。しかし、Opus を 2 日ほどいじった後、Sonnet ほど遠くには到達していないことに気づきました。そこで私は Sonnet に戻り、動作していた最後のバージョンのコードを取得し、そこから新たに始めました。

この時点で、物事がうまくいき始めました。 1 週間以内に、少なくとも実行してテストできるコードが完成しました。プロンプトの表示方法を理解すればするほど、より速く作業できるようになりました。

課題

しかし、すべてが順風満帆だったわけではありません。いくつかの例がありますが、最も重要なのはある時点で、私が研究やアーキテクチャの決定にも使用していたため、私の設定では不可能な間違ったアプローチを示唆したことです。私はこれに気づいていなかったので、実装しましたが、テストでは機能しませんでした。

Sonnet にエラーを問い合わせても、モジュールが動作しない理由がまだわかりませんでした。そこで、chatGPT を使用して実装のコンサルティングをさらに行いました。また、同じアプローチ(うまくいきませんでした)を提案しましたが、2番目の選択肢も与えられました。私は 2 番目のものを受け取り、クロードに渡しました。電車は再び動き始めました。

結果

結局のところ、実行可能なアプリケーションを思いつくまでに約 2 か月かかりました。最終的に 10 個を超えるモジュールができましたが、これはスケーラビリティとデバッグに適していると思います。

私の経験に基づいて、AI の品質は驚くべきスピードでアイデアを実装し反復できるレベルに達していることがわかりました。

AI を使用したコーディングの現在の制限は、往復のコピー アンド ペーストに制限されていることです。これは機能しますが、エラーが発生した場合、AI は現在のプロジェクトが IDE でどのように設定されているかを知らず、エラーがそれを伝えていない可能性があるため、コンテキストにギャップが生じることがあります。

AIもあなたも気づいていないので、お互いに堂々巡りになってしまいます。これは私がcodingAGIで解決していることです。AIをIDEに導入して環境をセットアップし、コードを記述して実行すると、成功メッセージまたはエラーの形ですぐにコンテキストを受け取り、それをデバッグできます。

結論

AI が開発者に取って代わることはありません。必要な結果が得られるように、プロンプトを表示し、ガイドする必要があります。これは、ソフトウェア設計の原則とパターンを知ることを意味します。違いはスピードでしょう。 AI 開発者は、より迅速にアイデアを出し、より迅速にコードを作成し、より迅速に出荷できるようになります。

CodingAGI をチェックして出荷を開始してください!

以上がAI を使用して複雑な SaaS アプリを構築した方法 - あなたもできるかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Stock Market GPT

Stock Market GPT

AIを活用した投資調査により賢明な意思決定を実現

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ホットトピック

JavaScriptは、クリックスルーイメージの切り替え効果を実現します:プロフェッショナルチュートリアル JavaScriptは、クリックスルーイメージの切り替え効果を実現します:プロフェッショナルチュートリアル Sep 18, 2025 pm 01:03 PM

この記事では、JavaScriptを使用して画像をクリックする効果を実現する方法を紹介します。コアのアイデアは、HTML5のデータ - *属性を使用して、代替画像パスを保存し、JavaScriptを介してクリックイベントをリッスンし、SRC属性を動的に切り替えて、画像の切り替えを実現することです。この記事では、詳細なコードの例と説明を提供して、この一般的に使用されるインタラクティブ効果を理解し、習得するのに役立ちます。

JavaScriptでGeolocation APIを使用してユーザーの位置を取得するにはどうすればよいですか? JavaScriptでGeolocation APIを使用してユーザーの位置を取得するにはどうすればよいですか? Sep 21, 2025 am 06:19 AM

まず、ブラウザがGeolocationapiをサポートしているかどうかを確認します。サポートされている場合は、getCurrentPosition()を呼び出してユーザーの現在の位置座標を取得し、成功したコールバックを通じて緯度と経度の値を取得します。同時に、拒否許可、場所の利用不能、タイムアウトなどのエラーコールバック処理の例外を提供します。また、高精度を有効にするために構成オプションを渡し、タイムアウト時間とキャッシュの妥当性期間を設定することもできます。プロセス全体には、ユーザー承認と対応するエラー処理が必要です。

javascriptでsetintervalで繰り返し間隔を作成する方法 javascriptでsetintervalで繰り返し間隔を作成する方法 Sep 21, 2025 am 05:31 AM

JavaScriptに繰り返し間隔を作成するには、SetInterval()関数を使用する必要があります。これは、指定されたミリ秒間隔で関数またはコードブロックを繰り返し実行する必要があります。たとえば、setinterval(()=> {console.log( "2秒ごとに実行");}、2000)は、clearinterval(intervalid)によってクリアされるまで2秒ごとにメッセージを出力します。実際のアプリケーションでは、クロック、投票サーバーなどを更新するために使用できますが、最小遅延制限と機能実行時間の影響に注意を払い、メモリの漏れを避けるために不要になった時間の間隔をクリアします。特にコンポーネントのアンインストールまたはページの閉鎖の前に、それを確認してください

Nuxt 3組成APIについて説明しました Nuxt 3組成APIについて説明しました Sep 20, 2025 am 03:00 AM

NUXT3の構成APIコア使用量には次のものが含まれます。1。DefinePageMetaは、タイトル、レイアウト、ミドルウェアなどのページメタ情報を定義するために使用されます。 2。Useheadは、ページヘッダータグを管理し、静的およびレスポンシブな更新をサポートし、SEO最適化を実現するためにDefinePageMetaと協力する必要があります。 3. useasyncdataは、非同期データを安全に取得し、負荷とエラーステータスを自動的に処理し、サーバーとクライアントのデータ収集制御をサポートします。 4. usefetchは、useasyncdataと$ fetchのカプセル化であり、リクエストキーを自動的にエンスして、リクエストを重複しないようにします

JavaScriptのDOM要素アクセスのための一般的な落とし穴とソリューション JavaScriptのDOM要素アクセスのための一般的な落とし穴とソリューション Sep 15, 2025 pm 01:24 PM

この記事の目的は、javascriptのdocument.getElementbyid()を介してDOM要素を取得するときにnullを返す問題を解決することを目的としています。コアは、スクリプトの実行タイミングとDOM解析ステータスを理解することです。タグを正しく配置するか、DomContentLoadedイベントを使用することにより、要素が利用可能なときに再び試行され、そのようなエラーを効果的に回避することができます。

javascriptでの数字のフォーマット:tofixed()メソッドを使用して、固定小数点以下の場所を保持します javascriptでの数字のフォーマット:tofixed()メソッドを使用して、固定小数点以下の場所を保持します Sep 16, 2025 am 11:57 AM

このチュートリアルでは、JavaScriptに固定された2つの小数を持つ文字列に数値をフォーマットする方法を詳細に説明します。整数でさえ「#.00」の形で表示できます。 number.prototype.tofixed()メソッドの使用に焦点を当てます。これには、その構文、機能、サンプルコード、およびそのリターンタイプが常に文字列であるなどの重要なポイントが含まれます。

JavaScriptのクリップボードにテキストをコピーする方法は? JavaScriptのクリップボードにテキストをコピーする方法は? Sep 18, 2025 am 03:50 AM

ClipboardapiのWriteTextメソッドを使用してテキストをクリップボードにコピーします。セキュリティコンテキストとユーザーインタラクションで呼び出され、最新のブラウザーをサポートし、古いバージョンをExecCommandで格下げできます。

JavaScriptでマルチライン文字列を作成する方法は? JavaScriptでマルチライン文字列を作成する方法は? Sep 20, 2025 am 06:11 AM

thebestatatororeAteamulti-linestringinjavascriptsisingsisingSemplatalalswithbackticks、whitherverebreakenexactlyaswritten。

See all articles