🧩【全体像】コメント生成AIの流れ（超重要）

[HTML テンプレート] ← textarea に入力
           │
           ▼
[ai_comment.js] ← 「AIで柔らかくする」ボタン押下
           │ fetch(text) で Django API に送信
           ▼
[views.py / soften_comment()] ← Django 側API
           │
           ▼
[ai_filters.py] ← 誹謗中傷チェック（3段階）
           │   ① NGワード判定（独自辞書）
           │   ② OpenAI Moderation（自動誹謗中傷検出）
           │   ③ OpenAI ChatCompletion（弱攻撃検出）
           │
           ▼
AI で柔らかくした文章（soft_text）を JSON で返す
           │
           ▼
[ai_comment.js] ← textarea に書き換え結果を反映
           │
           ▼
ユーザーが最終的なコメントで「投稿（投票）」する
           │
           ▼
[forms.py] clean_comment()
           │ ← ai_filters.py の is_offensive() を再度実行（最終バリデーション）
           ▼
投稿確定

🟥 ① HTML（テンプレート側）

{{ form.comment }}   <!-- textarea を生成 -->

<div class="edit-button text-center mb-4">
    <button id="ai_soften_btn" type="button" class="btn btn-secondary px-5">
        AIで言い回しをやさしくする
    </button>
</div>

<div id="ai_result" class="text-muted mb-4"></div>

🔍 重要ポイント

• form.comment → forms.py で設定した textarea が自動生成
• textarea には "id": "comment_input" が付いている
• JS はこの textarea と AI ボタンを操作する
• ai_result に AI の結果メッセージを表示

🟦 ② forms.py（textarea の生成）

widgets = {
    "comment": forms.Textarea(
        attrs={
            "id": "comment_input",   # ← JSで取得するID
            "class": "form-control",
            "rows": 3,
        }
    ),
}

✔ JavaScript と Django の接続点

id="comment_input" によって

JS の以下のコードが確実に動く：

document.getElementById("comment_input").value

🟦 forms.py（投稿時の AI 誹謗中傷チェック）

def clean_comment(self):
    comment = self.cleaned_data.get("comment", "").strip()

    if is_offensive(comment):
        raise ValidationError("攻撃的・不適切な内容が含まれています。")

    return comment