ChatGPT および関連するオープンソースプロジェクトの経験-AI-php.cn

今月初め、ChatGPT が驚くべき速度で登場し、テクノロジー界で広範な議論を巻き起こしました。最近では、GitHub 上で ChatGPT 関連のオープンソースプロジェクトが数多く誕生しており、その数は驚異的で、GitHub Trending の大半を占めているほどです。では、多くの開発者を興奮させる ChatGPT にはどのような魅力があるのでしょうか?一緒に調べてみましょう。

登録

現在、ChatGPT は中国では直接登録できません。アクセスにはエージェントを介する必要があり、登録するには他の国の携帯電話番号を使用する必要があります。この記事を読むことができます [1 ]

Function Experience

ChatGPT は、インテリジェントなチャット、詩、執筆、プログラミング、バグ修正、週次レポートの作成、Zhihu Q&A などのタスクを実現できます。。

たとえば、これを使用して

1. フロントエンドコンポーネント

React フックを使用して echarts コンポーネントを作成します

ChatGPT および関連するオープンソースプロジェクトの経験

上記のコードは基本的なコンポーネントを実装していますが、サンプルコードは提供されていません。引き続き質問してください。

#折れ線グラフのオプションの例を示してください。

ChatGPT および関連するオープンソースプロジェクトの経験

#2. 週次レポートの最適化

先週の週次レポートを最適化して内容を充実させます

ChatGPT および関連するオープンソースプロジェクトの経験

週次レポートでは、役立つだけでなく、コンテンツを最適化してくれるだけでなく、来週の仕事の調整も手伝ってくれました。ChatGPT の組織についてどう思いますか?

著者は、完璧ではありませんが、与えられたキーワードの中で得られる答えはすでに非常に予想外であると信じています。

さらに詳しく知りたい場合は、自分で調べてみましょう。GitHub の ChatGPT プロジェクトを見てみましょう。

Node.js API インターフェイス

フロントエンドエンジニアは Nodejs に精通しており、公式 Web サイトには nodejs インターフェイスがあります

openai

最初に openai をインストールしますnpm 経由

npm install openai

ログイン後にコピー

その後、任意のインターフェイスで次のコードを使用できます

const { Configuration, OpenAIApi } = require("openai");
const configuration = new Configuration({
apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);
const response = await openai.createCompletion({
model: "text-davinci-003",
prompt: "你好",
max_tokens: 255,
temperature: 0.5,
});

// 打印 API 返回的结果
console.log(response.data.choices[0].text);

ログイン後にコピー

ChatGPT および関連するオープンソースプロジェクトの経験

chatgpt

もう 1 つは個人開発プロジェクトで、ChatGPT の API を再カプセル化し、カスタマイズされた開発を容易にし、より便利にします。

npm 経由で chatgpt をインストールします。

npm install chatgpt

ログイン後にコピー

import { ChatGPTAPI } from 'chatgpt'

async function example() {
// sessionToken is required; see below for details
const api = new ChatGPTAPI({
sessionToken: process.env.SESSION_TOKEN
})

// ensure the API is properly authenticated
await api.ensureAuth()

// send a message and wait for the response
const response = await api.sendMessage(
'Write a python version of bubble sort.'
)

// response is a markdown-formatted string
console.log(response)
}

ログイン後にコピー

SESSION_TOKEN 値は、アカウントにログインした後、コンソールからコピーする必要があります。

ChatGPT および関連するオープンソースプロジェクトの経験

GitHub: https://github.com/transitive-bullshit/chatgpt-api

openaiは公式に提供されているパッケージであり、vercel環境にデプロイできますが、リターンは時間制限と文字数の対象となります制限事項として、max_tokens 値を小さく設定する必要があるため、応答が不完全になります。

WeChat チャットアシスタント

WeChat GPT

このプロジェクトは wechaty に基づいており、WeChat チャットウィンドウを通じて ChatGPT との会話をすぐに開始できます。

使用する前に、OpenAI のセッショントークン情報と対応する「キーワード」トリガーを設定する必要があります。

ChatGPT および関連するオープンソースプロジェクトの経験

機能と特徴

ChatGPT および関連するオープンソースプロジェクトの経験

公開アカウントへのアクセス

GitHub: https:// github.com/fuergaosi233/wechat-chatgpt

WeChat ボット

chatgpt wechaty に基づく WeChat ボットで、WeChat メッセージに自動的に返信したり、WeChat グループ/友達を管理したりするのに役立ちます。シンプルで使いやすく、次のことが可能です。 2 分で再生できます。

プロジェクトの git cloning 後に npm install を実行し、env 関連の構成を変更します。

##次に、必要に応じて関連する論理ファイルを変更します

ChatGPT および関連するオープンソースプロジェクトの経験 # 構成を変更します

QR コードをスキャンしてログインできます

ChatGPT および関連するオープンソースプロジェクトの経験 QR コードをスキャンしてログインできます

これが実際の効果です:

ChatGPT および関連するオープンソースプロジェクトの経験 WeChat アクセスのデモ

GitHub: https://github.com/wangrongding/wechat-bot

ブラウザプラグイン

ChatGPT for Google

このプラグインは、Chrome / Edge / Firefox およびその他のブラウザをサポートします。

インストール後は、通常の Google 検索内容のブラウザ表示に加え、ChatGPT のフィードバック結果も右側に表示されるようになり、検索効率がさらに向上します。

ChatGPT および関連するオープンソースプロジェクトの経験検索デモ

GitHub: https://github.com/wong2/chat-gpt-google-extension

ChatGPT Chrome拡張機能

これは、Chrome ユーザー向けに特別に開発された ChatGPT プラグインです。

インストール後、任意のページのテキストボックスを右クリックして、[Ask ChatGPT] オプションをポップアップ表示します。

ChatGPT は、現在のテキストボックスの内容に基づいて検索します。この拡張機能には、ChatGPT の動作をより詳細に制御し、サードパーティ API と対話する機能を提供するプラグインシステムも含まれています。

ChatGPT および関連するオープンソースプロジェクトの経験プラグインデモ

GitHub: https://github.com/gragland/chatgpt-chrome-extension

Grease Monkey スクリプト

台湾の Will Baoge は ChatGPT を音声アシスタントにし、音声入力と自動読み上げ機能を実現します。ブラウザーに付属の Web Speech API を使用して入力モードに別れを告げましょう。

彼はステーション B [2] でビデオの説明を行っています。それを見ることができます。非常に興味深いものです。

GitHub: https://github.com/doggy8088/TampermonkeyUserscripts

ChatGPT および関連するオープンソースプロジェクトの経験リバースエンジニアリング

エンジニアが好奇心旺盛になるプロジェクト、逆転を避けることはできず、ChatGPTもこの点で例外ではありません。

マレーシアの GitHub 開発者 Antonio Cheong は、リリース後間もなく ChatGPT をリバースし、API を抽出することに成功しました。

これらの API を使用すると、楽しいチャットボット、AI インテリジェントアシスタント、コード支援ツール、その他のアプリケーションを自分で開発できます。

ChatGPT および関連するオープンソースプロジェクトの経験 GitHub: https://github.com/acheong08/ChatGPT

Mac ソフトウェア

は Mac ユーザー向けにカスタマイズされた小さなツールです: デスクトップ用 ChatGPT、M1 および Mac Intel をサポートインストール後、Cmd Shift G ショートカットキーを使用して、システムメニューバーで ChatGPT をすぐに起動できます。

ChatGPT および関連するオープンソースプロジェクトの経験 GitHub: https://github.com/vincelwt/chatgpt-mac

最後に

フロントエンドエンジニア向けに、 API を使用して ChatGPT を独自のアプリケーションに統合できるため、nodejs と docker 関連の知識を理解する必要があります。

その利点は、言語構成能力が非常に強力であり、文脈と組み合わせることができることです。しかし、その答えは必ずしも正しいとは限らず、場合によっては間違っていることもあります。

公式サイトにもあるように、インターネットで検索することはできません。

2021 年以降の世界と出来事に関する限られた知識

2021 年以降に何が得られるかについての知識は限られています。これを使用して検索機能を強化できますが、その答えを採用するかどうかは私たち次第です。

上記はこの記事の全内容です。役に立った場合は、「いいね！」をしてください。これは私にとって非常に重要です。この記事がすべての人に役立つことを願っています。また、以前の記事を参照してください。または、コメントエリアであなたの考えや経験を共有してください。一緒にフロントエンドを探索することを歓迎します。

[1]OpenAI が超強力な ChatGPT 登録ガイドを開始: https://juejin.cn/post/7173447848292253704

[2]ChatGPT Voice Monkey スクリプト: https://www .bilibili .com/video/BV12P411K7gc/?vd_source=93efb77f3c9b0f1580f0a8d631b74ce2

以上がChatGPT および関連するオープンソースプロジェクトの経験の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。