ブログにコメント機能つけたぞ!(いらない)

ブログにコメント機能つけたぞ!(いらない)

2026-05-17
読了時間: 3分
#AWS #Claude

概要

Claudeのレートリミット余ってる!?ならなんか作りてえよなぁ!?ということで、このブログにコメント機能を追加してきました。ので、そのあれこれと技術的なつまらない話を書きます。

誰が使うんだ?というのはともかく、匿名可だしメアドもいらないので、荒らさない程度になんか書いてってくれると嬉しいかも。いつも通りカバー画像は無関係です、トモコレ楽しいね。

中身

設計の中身の話を軽くします。興味のない人は読み飛ばしてください。

簡単な図
簡単な図

と、このようにいいね機能同様AWSフル活用のサーバーレス構成です。管理は以前作ったヘッドレスCMSからやってるので、そこだけはサーバーレスではないんですが。

モデレーションにひと工夫というか面白い要素を取り入れたかったので、今回はClaude-haiku-4.5にモデレーションの一部を丸投げする方式を取ってみました。あんまし中身をべらべら喋るのも運用上良くないと思うので詳しくは言えませんが、攻撃的なコンテンツや宣伝コンテンツを排除するために2段階で判定するアプローチをとっています。

今回もいつも通りAWSの権限周りが一番の難所だった気がしますね。他はこっちが設計決めてClaudeに任せるだけだったのでそこまでという感じ。ほぼClaudeに鞭打ちしていただけでした。

UIの工夫

これ、下スクロールして見ていただいたらわかるんですがかなり自信作です。めっちゃ見やすくないですか?

RedditとYoutubeのいいところどりをしたようなUIに気合で仕上げてきました。中身はほとんどClaude製なので僕は鞭打ってただけなんですがね……。

これはプロトタイプ① 色々悩んだけど結局Youtubeのコメ欄を大いに参考にした
これはプロトタイプ① 色々悩んだけど結局Youtubeのコメ欄を大いに参考にした

コーディングエージェントありがとう

かんたん構成図見ていただいたらわかると思うんですが、今回の実装は①ブログページ, ②CMS, ③AWSの三か所を横断する形でのプロジェクトとなりました。

Misskeyで同じ話をしたのですが、1つのものを作るだけなら全然自力でもなんとかなりますが、複数プロジェクトを横断するような大規模プロジェクトだと、コーディングエージェントの有能さがほんとに際立つなあと痛感しました。俺が忘れてることでも覚えててくれてありがとう。

この謎生物はナニ?
この謎生物はナニ?

それはそれとして、逆に俺が覚えてるのにClaudeが忘れてることもちょくちょくあって、「君、その修正ここ変えるだけじゃね?」みたいなことを言ったら「鋭い視点ですね😎」とか返してきて殴りたくなる瞬間もありましたが。 それくらい自分で直せってことですかね

おわり

物の関係上あまり中身を詳しく話せないのが悲しいところですね。こういったモデレーションが必要なコンテンツ(要するにユーザーからの入力を受け付けるもの)を作ったのって実は初めてなので、モデレーション設計が自分でもわかるくらいガバガバな気がします。

良ければ下のコメント欄で僕とClaudeの検閲の穴をかいくぐってくてみてください。正直実用しながら検閲の調整して行くのがちょうどいいよな❓

おまけ ロビンの歌を聞いて感動するサンデー。近親相姦、一番いい歌詞
おまけ ロビンの歌を聞いて感動するサンデー。近親相姦、一番いい歌詞

コメント

ぼくこは.dev

ぼくこは.devはこはのプロフィールやブログ記事、ポートフォリオをまとめた個人サイトです。

Links
© 2025-2026 Koha. All rights reserved.引用している文章・画像の著作権は引用元に帰属します。