# Amazon TranslateとSupabase連携によるサーバーレス翻訳機能の追加

## 目次
1. はじめに
2. 技術要件
3. Amazon Translateの設定
   1. IAMポリシーとロールの設定
   2. Amazon Translate APIの利用
4. Supabaseの設定
   1. Supabaseプロジェクトの作成
   2. データベースの設定
5. システムアーキテクチャ
6. サーバーレス関数の実装
   1. Lambda関数の作成
   2. Supabase Functionsの利用
7. 翻訳リクエストのワークフロー
8. まとめ

## 1. はじめに
本記事では、Amazon Web Services (AWS)のAmazon TranslateとSupabaseを連携して、サーバーレス環境で動作する翻訳サービスを構築する手法を紹介します。このシステムは、リクエストに基づいて動的にテキストを翻訳し、結果を保存する機能を提供します。

## 2. 技術要件
本プロジェクトでは以下の技術を活用します。
- **AWS**: Amazon Translate, AWS Lambda, IAM, CloudWatch
- **Supabase**: シンプルで高速なバックエンドを提供
- **Node.js**: サーバーレス関数の実装言語

## 3. Amazon Translateの設定

### 3-1. IAMポリシーとロールの設定
1. AWS管理コンソールにログインし、IAMサービスを選択します。
2. 新しいロールを作成し、Amazon Translateにアクセス可能なポリシーを割り当てます。
3. 必要に応じて、Lambdaからこのロールを使用できるように設定を行います。

### 3-2. Amazon Translate APIの利用
Amazon Translateは、テキスト翻訳のためのシンプルなRESTful APIを提供します。例として、英語からスペイン語への翻訳を行うコードを以下に示します。

![img](/mosaic-code.jpg)

## 4. Supabaseの設定

### 4-1. Supabaseプロジェクトの作成
1. [Supabaseのウェブサイト](https://supabase.io)にアクセスし、新しいプロジェクトを作成します。
2. プロジェクト作成後、Supabaseから提供されるAPIキーをメモします。

### 4-2. データベースの設定
Supabaseのデータベースを使用して、翻訳されたテキストとそのメタデータを保存します。テーブルの例を以下に示します。

![img](/mosaic-code.jpg)

## 5. システムアーキテクチャ
このシステムは、ユーザーがリクエストを送信すると、それをLambda関数で受け取り、他のAWSサービスと連携して翻訳を実行し、その結果をSupabaseに保存するという構成です。

![img](/mosaic-code.jpg)

## 6. サーバーレス関数の実装

### 6-1. Lambda関数の作成
Amazon Web ServicesのLambdaを使用して翻訳ロジックを実装します。以下は簡単な例です。

![img](/mosaic-code.jpg)

### 6-2. Supabase Functionsの利用
SupabaseのFunctionsを利用して、翻訳結果の処理を行います。SupabaseのAPIを使って、翻訳結果をデータベースに保存します。

![img](/mosaic-code.jpg)

## 7. 翻訳リクエストのワークフロー
1. ユーザーが翻訳リクエストをAPI Gatewayに送信します。
2. API GatewayがリクエストをLambda関数に転送します。
3. Lambda関数がAmazon Translate APIを呼び出し、結果を取得します。
4. 翻訳結果はSupabaseに保存され、ユーザーに返されます。

## 8. まとめ
Amazon TranslateとSupabaseの連携で、サーバーレスな翻訳サービスを構築できます。これにより、スケーラブルでメンテナンスしやすい翻訳機能を迅速に展開できます。利用する技術スタックと設定プロセスをしっかり踏んで、運用を開始しましょう。 [cv:issue_marketplace_engineer]

# Amazon TranslateとSupabase連携によるサーバーレス翻訳機能の追加

## 目次
1. はじめに
2. 技術要件
3. Amazon Translateの設定
   1. IAMポリシーとロールの設定
   2. Amazon Translate APIの利用
4. Supabaseの設定
   1. Supabaseプロジェクトの作成
   2. データベースの設定
5. システムアーキテクチャ
6. サーバーレス関数の実装
   1. Lambda関数の作成
   2. Supabase Functionsの利用
7. 翻訳リクエストのワークフロー
8. まとめ

## 1. はじめに
本記事では、Amazon Web Services (AWS)のAmazon TranslateとSupabaseを連携して、サーバーレス環境で動作する翻訳サービスを構築する手法を紹介します。このシステムは、リクエストに基づいて動的にテキストを翻訳し、結果を保存する機能を提供します。

## 2. 技術要件
本プロジェクトでは以下の技術を活用します。
- **AWS**: Amazon Translate, AWS Lambda, IAM, CloudWatch
- **Supabase**: シンプルで高速なバックエンドを提供
- **Node.js**: サーバーレス関数の実装言語

## 3. Amazon Translateの設定

### 3-1. IAMポリシーとロールの設定
1. AWS管理コンソールにログインし、IAMサービスを選択します。
2. 新しいロールを作成し、Amazon Translateにアクセス可能なポリシーを割り当てます。
3. 必要に応じて、Lambdaからこのロールを使用できるように設定を行います。

### 3-2. Amazon Translate APIの利用
Amazon Translateは、テキスト翻訳のためのシンプルなRESTful APIを提供します。例として、英語からスペイン語への翻訳を行うコードを以下に示します。

```javascript
const AWS = require('aws-sdk');
const translate = new AWS.Translate();

const translateText = async (text, sourceLang, targetLang) => {
    const params = {
        Text: text,
        SourceLanguageCode: sourceLang,
        TargetLanguageCode: targetLang,
    };
    try {
        const translationResult = await translate.translateText(params).promise();
        return translationResult.TranslatedText;
    } catch (error) {
        console.error('Translation error:', error);
        throw error;
    }
};
```

## 4. Supabaseの設定

### 4-1. Supabaseプロジェクトの作成
1. [Supabaseのウェブサイト](https://supabase.io)にアクセスし、新しいプロジェクトを作成します。
2. プロジェクト作成後、Supabaseから提供されるAPIキーをメモします。

### 4-2. データベースの設定
Supabaseのデータベースを使用して、翻訳されたテキストとそのメタデータを保存します。テーブルの例を以下に示します。

```sql
CREATE TABLE translations (
    id SERIAL PRIMARY KEY,
    text_original TEXT NOT NULL,
    text_translated TEXT NOT NULL,
    language_source VARCHAR(2) NOT NULL,
    language_target VARCHAR(2) NOT NULL,
    date TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
```

## 5. システムアーキテクチャ
このシステムは、ユーザーがリクエストを送信すると、それをLambda関数で受け取り、他のAWSサービスと連携して翻訳を実行し、その結果をSupabaseに保存するという構成です。

```plaintext
[User Request] ---> [API Gateway] ---> [AWS Lambda]
    |                                        |
    |                                        v
    |---------------------------------> [Amazon Translate]
    |                                        |
    v                                        v
[Supabase] <--------------------------- [Translation Result]
```

## 6. サーバーレス関数の実装

### 6-1. Lambda関数の作成
Amazon Web ServicesのLambdaを使用して翻訳ロジックを実装します。以下は簡単な例です。

```javascript
exports.handler = async (event) => {
    const text = event.text;
    const sourceLang = event.sourceLang;
    const targetLang = event.targetLang;

    const translatedText = await translateText(text, sourceLang, targetLang);
    
    // 保存する処理
    await saveTranslationToSupabase(text, translatedText, sourceLang, targetLang);

    return {
        statusCode: 200,
        body: JSON.stringify({ translatedText }),
    };
};
```

### 6-2. Supabase Functionsの利用
SupabaseのFunctionsを利用して、翻訳結果の処理を行います。SupabaseのAPIを使って、翻訳結果をデータベースに保存します。

```javascript
const { createClient } = require('@supabase/supabase-js');

const supabase = createClient('https://xyzcompany.supabase.co', 'public-anon-key');

const saveTranslationToSupabase = async (textOriginal, textTranslated, languageSource, languageTarget) => {
    const { data, error } = await supabase
        .from('translations')
        .insert([
            { text_original: textOriginal, text_translated: textTranslated, language_source: languageSource, language_target: languageTarget }
        ]);
    if (error) {
        console.error('Error saving translation:', error);
        throw error;
    }
    return data;
};
```

## 7. 翻訳リクエストのワークフロー
1. ユーザーが翻訳リクエストをAPI Gatewayに送信します。
2. API GatewayがリクエストをLambda関数に転送します。
3. Lambda関数がAmazon Translate APIを呼び出し、結果を取得します。
4. 翻訳結果はSupabaseに保存され、ユーザーに返されます。

## 8. まとめ
Amazon TranslateとSupabaseの連携で、サーバーレスな翻訳サービスを構築できます。これにより、スケーラブルでメンテナンスしやすい翻訳機能を迅速に展開できます。利用する技術スタックと設定プロセスをしっかり踏んで、運用を開始しましょう。 

Amazon TranslateとSupabase連携によるサーバーレス翻訳機能の追加

目次

続きを読むには単価診断を受けてください（30秒）