Skip to main content

Codexが最新のドキュメントと照らし合わせてコードをレビュー

· 約7分
Felo Search Tips Buddy
Felo Search Tips Buddy
Committed to answers at your fingertips

ステップバイステップのチュートリアル：CodexをFelo OpenAPIに接続し、最新のフレームワークドキュメントと照らし合わせてコードをレビューし、出典付きレポートを生成する方法を解説します。

あなたのコードベースはReactを使用しています。しかし、最新のパターンを使っていますか？非推奨APIが隠れていませんか？Codexはコードをレビューできますが、最新のドキュメントにアクセスできる場合のみです。

その能力を与える方法をご紹介します。

Felo OpenAPI接続まで3分​

ステップ1：openapi.felo.aiにアクセスし、無料のAPIキーを作成します。

ステップ2：以下をCodex、Claude Code、またはOpenClawにコピー＆ペーストします。

Connect to Felo OpenAPI:
- Models: Claude Opus 4.8, Claude Sonnet 4.6, Claude Haiku 4.5, GPT-5.6 Sol, GPT-5.6 Terra, Grok 4.5
- Search: POST /v2/chat (AI Search), POST /v2/web/extract (Web Fetch)
- Memory: LiveDocs (semantic retrieval, file upload, URL resources)
Base URL: https://openapi.felo.ai
API Key: [YOUR_API_KEY]

When I ask you to review code:
1. Search for the latest framework documentation
2. Read the official docs via Web Fetch
3. Compare my code against current best practices
4. Flag deprecated patterns, security issues, and performance concerns
5. Save the review to LiveDocs with documentation citations

ステップ3：接続完了。あなたのエージェントは、古い学習データではなく、最新のドキュメントを使ってコードをレビューできるようになります。

ユーザーストーリー​

あなたは6ヶ月前に書かれたReactコンポーネントを持っています。知りたいことは：

  • 非推奨APIを使っていないか？
  • セキュリティ上の問題はないか？
  • 最新のReactバージョンによるパフォーマンス改善点は？
  • このパターンについて公式ドキュメントは何と言っているか？

ドキュメントを手動で確認する代わりに、コードを貼り付けてCodexにレビューを依頼します。

必要なのはこの一言だけ​

Review this React component against the latest React 19 documentation. Flag any deprecated patterns, security issues, and performance improvements. Cite the specific docs where you found the guidance.

[Your code here]

Codexが自動で行うこと​

ステップ1：最新ドキュメントの検索​

POST /v2/chat
{
  "query": "React 19 latest features deprecated APIs best practices 2026"
}

Codexは公式Reactドキュメント、リリースノート、移行ガイドを見つけます。

ステップ2：公式ドキュメントの読解​

POST /v2/web/extract
{
  "url": "https://react.dev/blog/react-19"
}

CodexはReact 19のリリースブログ記事を読み取り、以下を抽出します：

  • 新機能やパターン
  • 非推奨API
  • 移行ガイダンス
  • パフォーマンス推奨事項

Codexはこれをメインドキュメント、APIリファレンス、関連するRFCディスカッションにも繰り返します。

ステップ3：あなたのコードを分析​

Codexは、読んだドキュメントとあなたのコードを比較します：

  • 非推奨API：React 19で非推奨となったパターンを使用していないかチェック
  • セキュリティ問題：XSS、インジェクション、データ漏洩のリスクを特定
  • パフォーマンス：React 19の新しい最適化を活用できる箇所を指摘
  • ベストプラクティス：現在の公式ガイダンスと照らし合わせてパターンを比較

ステップ4：レビュー報告書の生成​

Codexは構造化されたレポートを生成します：

## Code Review: [Component Name]

### 🟢 Good
- Component structure follows current patterns
- Proper error boundary usage

### 🟡 Warnings
- Uses `findDOMNode` — deprecated in React 18, removed in React 19
  Source: https://react.dev/blog/react-19#removed-deprecated-apis
  Fix: Use refs instead

### 🔴 Issues
- `componentWillMount` lifecycle — deprecated, replaced by constructor or useEffect
  Source: https://react.dev/reference/react/Component#componentwillmount
  Fix: Move initialization logic to constructor

### 💡 Performance Suggestions
- Consider React 19's `useActionState` for form state management
  Source: https://react.dev/reference/react/useActionState

ステップ5：LiveDocsへ保存​

CodexはレビューをLiveDocsに保存します：

  • 元のコード
  • ドキュメントURL付きのレビュー結果
  • コンポーネント種別、フレームワークバージョン、問題の深刻度タグ

今後のレビューでこの履歴を参照できます。

結果​

あなたが得られるコードレビューは：

  • 一般的なアドバイスではなく、具体的なドキュメントページを参照
  • 非推奨パターンを正確に行番号付きで特定
  • 公式ドキュメントの出典付きで具体的な修正案を提示
  • 最新バージョンに基づくパフォーマンス改善案を提案

所要時間：2～3分。

完全なプロンプトテンプレート（コピー＆再利用可能）​

Review this [FRAMEWORK/LANGUAGE] code against the latest [VERSION] documentation.

[Your code here]

Check for:
1. Deprecated APIs or patterns
2. Security issues
3. Performance improvements
4. Best practice violations

Cite the specific documentation URLs where you found each issue.
Save the review to LiveDocs with tags for [PROJECT] and [COMPONENT_TYPE].

任意のコードレビューで、角括弧内の値を置き換えて使用できます。

応用：バッチレビュー​

複数ファイルを一度にレビュー：

Review all React components in this directory against React 19 documentation. Produce a summary report ranked by severity, with individual findings for each component.

[File list or code blocks]

Save the summary to LiveDocs.

Codexは各ファイルをレビューし、個別の結果と優先度付きのサマリーを生成します。

応用：プリコミットフック​

コミット前にレビューを設定：

Before I commit this code, review it against the latest documentation for [FRAMEWORK]. Flag anything that would fail a senior engineer's code review. If nothing critical, say "Looks good to commit."

はじめ方​

  1. 無料APIキーを作成
  2. 初期化プロンプトをエージェントに貼り付け
  3. 上記のコードレビュープロンプトを試す

あなたのコードレビュアーは、最新のドキュメントを読んでくれるので、あなたが読む必要はありません。

無料APIキーを取得する →

この記事は次の言語でもお読みいただけます：English、简体中文、한국어、繁體中文、हिन्दी、Français、العربية、Русский、اردو、Bahasa Indonesia、Deutsch、Tiếng Việt、Türkçe、Italiano、ไทย、Español、বাংলা、Português。