872 測定値

OpenAI API を使用した AI 搭載アプリの作成

に AppDesign.dev4m2023/10/11

長すぎる; 読むには

App Design は、モバイルアプリの状況に革命を起こすというビジョンから生まれました。先進的な開発者チームを擁する同社は、常に技術の進歩を先取りしてきました。彼らは、企業や個人の固有のニーズに同様に応える、多様なアプリ開発サービスを提供しています。

featured image - OpenAI API を使用した AI 搭載アプリの作成

OpenAI API を使用して AI を活用したアプリを作成するには、アプリの設計、開発環境のセットアップ、アプリ設計のコーディング、OpenAI API との統合など、いくつかの手順が必要です。ここでは、Python と Flask などの Web フレームワークを使用したステップバイステップのガイドを示します。

1.前提条件:

コーディングに入る前に、環境がセットアップされていることを確認してください。 Python をインストールすることは必須であり、依存関係を管理するために仮想環境をセットアップすることを強くお勧めします。 Flask をインストールし、pip を使用してライブラリをリクエストします。これは、Web アプリの作成と HTTP リクエストの作成にそれぞれ必要になります。

Python: Python をインストールします。
OpenAI アカウント: OpenAI でアカウントを作成し、API キーを取得します。

2.依存関係をインストールします。

Flask: Python 用のマイクロ Web フレームワーク。
Requests: Python で HTTP リクエストを作成するためのライブラリ。

これらは pip 経由でインストールできます。

 pip install flask pip install requests

3. Flask アプリの作成:

まずは基本的な Flask アプリを作成します。これには、Flask アプリケーションを初期化し、HTML テンプレートをレンダリングするためのルーティングを行い、アプリを実行する単純な Python スクリプトの作成が含まれます。 HTML テンプレートは後続のステップで作成されます。

app.pyという名前の新しいファイルを作成し、次のコードを記述して基本的な Flask アプリをセットアップします。

 from flask import Flask, render_template, request import openai app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') if __name__ == '__main__': app.run(debug=True)

4. HTML テンプレートの作成:

「templates」フォルダー内に「index.html」ファイルを作成します。 HTML ファイルには、ユーザーがテキストプロンプトを入力できるフォームが含まれている必要があります。その後、プロンプトは OpenAI API に送信され、対応する AI を活用した応答が生成されます。

templatesという名前の新しいフォルダーを作成し、このフォルダー内にindex.htmlという名前の新しいファイルを作成します。

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AI App with OpenAI API</title> </head> <body> <form action="/generate" method="post"> <textarea name="prompt" placeholder="Enter your prompt"></textarea> <button type="submit">Generate</button> </form> {% if response %} <div> <p>{{ response }}</p> </div> {% endif %} </body> </html>

5. OpenAI API を統合します。

ユーザーの入力に基づいて生成されたテキストを取得する POST リクエストを作成して、 OpenAI APIを統合します。 OpenAI アカウントを設定し、提供された API キーを認証に使用する必要があります。 openai.Completion.createメソッドは API と対話するために使用され、ユーザーのプロンプトを送信し、AI が生成したテキストを受け取ります。

OpenAI API から生成されたテキストを取得するには、POST リクエストを行う必要があります。 app.pyファイルを更新します。

 from flask import Flask, render_template, request, redirect, url_for import openai app = Flask(__name__) openai.api_key = 'your-openai-api-key' @app.route('/') def index(): return render_template('index.html') @app.route('/generate', methods=['POST']) def generate(): prompt = request.form['prompt'] response = openai.Completion.create( engine="davinci", prompt=prompt, max_tokens=50 ) generated_text = response.choices[0].text.strip() return render_template('index.html', response=generated_text) if __name__ == '__main__': app.run(debug=True)

6.アプリを実行します。

AI が生成したコンテンツは、同じページのユーザーのプロンプトの下に表示され、ユーザーが AI の応答をすぐに確認できるインタラクティブなエクスペリエンスを提供します。

 python app.py

Web ブラウザでhttp://127.0.0.1:5000/にアクセスすると、アプリが実行されていることが確認できます。

7.アプリを展開します (オプション):

アプリを Web サーバーまたは Heroku、AWS、Google Cloud Platform などのクラウドプラットフォームにデプロイして、インターネット経由でアクセスできるようにすることができます。

アプリを展開する前に、コードを最適化し、セキュリティ対策を強化し、ユーザーエクスペリエンスがシームレスであることを確認します。アプリケーションを Web サーバーまたは AWS、Heraku、Google Cloud などのクラウドプラットフォームにデプロイして、世界中からアクセスできるようにします。

注: OpenAI API キーを必ず保護し、パブリックリポジトリにプッシュしたり、クライアント側のコードで公開したりしないようにしてください。また、アプリをより堅牢で使いやすくするために、エラー処理やその他の必要な機能を追加することも検討してください。

これが、OpenAI API を使用して AI 搭載アプリの作成を始めるのに役立つことを願っています。 API を効果的かつ責任を持って使用する方法の詳細については、OpenAI のドキュメントを必ず確認してください。

追加の AI モデルを実装したり、特定のユースケースや業界に合わせて AI の応答をカスタマイズしたりするなど、OpenAI API の他の機能を探索して、アプリの機能を拡張することを検討してください。倫理的かつ責任ある AI の利用を促進するために、OpenAI のユースケースポリシーを常に遵守してください。

L O A D I N G
. . . comments & more!

About Author

AppDesign.dev@appdesigndev

App Developer

Read my stories Visit my Website