📌

ChatGPTに機械翻訳Webアプリケーションを作成させた

2023/03/25に公開

ChatGPTに、質問・指示を出しながら、機械翻訳のWebアプリケーションを作成させました。翻訳エンジンにはGoogle Cloud Translationを使用し、バックエンドはSpring Web、フロントエンドはReactを使いました。

バックエンドの構築

プロジェクトの雛形をダウンロードして、zipを展開して、ディレクトリ名を変更する。

unzip ~/ダウンロード/simple_translator.zip
mv simple_translator backend

YAMLファイルを保存するディレクトリを作成して、yamlファイルを保存する。

mkdir -p backend/docs/api

テストしてみると、ちゃんとレスポンスが返ってくる。

 curl -X POST -H "Content-Type: application/json" -d '{"text": "こんにちは、世界！", "source_language": "ja", "target_language": "en"}' http://localhost:8080/v1/translate
{"translatedText":"Translated Text: こんにちは、世界！, Source Language: null, Target Language: null"}

環境変数を設定して実行する。your_api_keyはGCPで設定した値を使う。

export TRANSLATION_API_KEY=your_api_key
./gradlew bootRun

curlでテストする。

$ curl -X POST -H "Content-Type: application/json" -d '{"text": "こんにちは、世界！", "source_language": "ja", "target_language": "en"}' http://localhost:8080/v1/translate
{"translatedText":"Hello World!"}

以上で、バックエンドが完成。