はじめに
こんにちは！都内でWebエンジニアをしている@wimkmbです。
最近話題のOpenAIのChatGPTを使ってコードレビューを自動化するWebアプリGPTReviewを開発しました。
この記事では、その概要と開発のポイントについて紹介します。
着想
個人開発をしているとレビューしてくれる人がいないので、
ChatGPTにレビューやリファクタリングを投げていたのですが
やり取りが結構面倒なので、ファイルのアップロードやコードの入力をしたら
自動でレビューしてくれるWebアプリを開発しようと思い、実装をしました。
GPTReviewの概要
GPTReviewは、ChatGPTを用いてコードレビューを行うWebアプリです。
ユーザーはファイルをアップロードするかコードを入力をすると、
ChatGPTがコードレビューを行い、200文字程度のフィードバックとコードの改善例を提供します。
文章が途切れる可能性があるので、その点はご了承ください。
技術スタック
- Python3.11.2
- Django4.0.3
- Tailwind CSS2.2.19
- OpenAI API
- GCP, GAE
開発ポイント
- OpenAI APIの活用: OpenAIのAPIを使って、自動コードレビューを実現しています。（プロンプトは見直す必要あり）
- Djangoフレームワーク: バックエンドとしてPythonのDjangoフレームワークを利用し、効率的なWebアプリケーション開発を行っています。
- UI/UXデザイン: シンプルなインターフェースを提供するために、Tailwind CSSを使用しています。
- レスポンシブデザイン: デバイスに応じて適切な表示がされるよう、レスポンシブデザインを実装しています。
- エラーハンドリング: ユーザーが不正な入力をした際にエラーメッセージを表示し、使いやすさを向上させています。
- セキュリティ対策: CSRF対策やエスケープ処理など、セキュリティ対策を実施しています
- デプロイメント: GCPにアプリケーションをデプロイし、公開しています。
まとめと今後
使ってもらってフィードバックをいただきつつ、改善していきたいです！
遊び半分でも使ってもらえると嬉しいです
https://gptreview.dev
あと、プロンプトは見直してフィードバックの精度を向上させるためのチューニングを行っていきます。
最後に、GPTReviewがコードレビューの手助けとなり、皆さんの開発効率向上に貢献できれば幸いです！