CodeArena：开源LLM编程能力对比竞技场，实时查看最佳代码生成模型

はじめに

CodeArena 是一个独特的平台，旨在通过实时对决展示最佳开源代码生成模型（LLM）。用户可以观看不同的LLM在相同的编程任务中竞争，并通过实时排行榜查看表现最佳的模型。该平台利用Together AI生成代码，使用Sandpack渲染UI代码，并采用Next.js和TypeScript作为应用框架。CodeArena不仅展示了LLM的能力，还提供了详细的技术栈和操作指南，帮助用户更好地理解和使用这些工具。

機能一覧

• 实时观看LLM编程对决
• 查看实时排行榜，了解最佳开源代码生成模型
• 使用Together AI生成代码
• Sandpack渲染UI代码
• Next.js和TypeScript作为应用框架
• 提供详细的技术栈和操作指南

ヘルプの使用

設置プロセス

1. クローン倉庫git clone https://github.com/Nutlope/codearena
2. 確立環境文件并添加Together AI API密钥：together_api_key=
3. 创建Postgres数据库（推荐使用Neon）并将连接详情添加到環境ドキュメンテーションDATABASE_URL=
4. 安装依赖并本地运行：npmインストール 歌で応える npm run dev

使用ガイドライン

1. 观看LLM对决：访问平台主页，选择当前进行的编程对决，实时观看不同LLM在相同任务中的表现。
2. 查看排行榜：在主页上查看实时更新的排行榜，了解当前表现最佳的开源代码生成模型。
3. コードの生成：使用Together AI生成代码，平台会自动渲染UI代码并展示结果。
4. 技术栈介绍::
   • トゥギャザーAI：用于生成代码的AI模型。
   • Sandpack：用于渲染UI代码的工具。
   • Next.js和TypeScript：作为平台的应用框架，提供高效的开发体验。
   • Shadcn和Tailwind：用于UI组件和样式设计。
   • Plausible和Helicone：用于分析和可观测性。

詳しい操作手順

1. クローン倉庫ターミナルで実行git clone https://github.com/Nutlope/codearena，将仓库克隆到本地。
2. 環境変数の設定：在项目根目录下创建一个環境文件，并添加你的Together AI API密钥和Postgres数据库连接详情。
3. 依存関係のインストール走るnpmインストール安装所有必要的依赖包。
4. プロジェクトの開始走るnpm run devローカル開発サーバーを起動しhttp://localhost:3000查看平台。
5. 观看对决：在平台主页上选择一个正在进行的对决，实时观看不同LLM的编程表现。
6. 查看排行榜：在主页上查看实时更新的排行榜，了解当前表现最佳的模型。
7. コードの生成：在对决页面上，使用Together AI生成代码，平台会自动渲染并展示结果。

通过以上步骤，用户可以轻松上手使用CodeArena，观看LLM编程对决，并了解和使用最佳的开源代码生成模型。

AIを始めるための素人ガイド

AIツールの活用方法を、低コスト・ゼロベースから学ぶことができます。AIはオフィスソフトと同様、誰にとっても必須のスキルです。 AIをマスターすれば、就職活動で有利になり、今後の仕事や勉強の労力も半減します。

詳細を見る