はじめに

こんにちは！都内で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がコードレビューの手助けとなり、皆さんの開発効率向上に貢献できれば幸いです！