初めに

「LINE教えて」「やだ」「Discordは？」「やだ」
そんな友人と連絡を取るためだけに、知識ゼロからチャットツールを作り始めました。それで計画性の重要さやfeedbackはしっかりやるべきなことが分かりました。そこで「これ以上同じ失敗を繰り返したくない」と思い、
AIコードレビューサービスの CodeRabbit にレビューしてもらうことにしました。

DevLinkHub for HTMLの詳細

名前	内容
名前	DevLinkHub
作成時期	2025/9~?
状態
気分	絶望を体験する

詳しいことは以下の記事をご覧ください

DevLinkHub

DevLinkHubの特徴としては拡張性を求めすぎた結果とても醜いコードになっているのが特徴的です。
コードや全てのレビューが見たい方は公開してるため以下のサイトで見てください

このようなエラーが出ました内容を見てみるとCodeRabbitを日本語化するファイルがうまく書けてなかったようです。

問題のファイル

language: "ja-JP"
review:
  level: strict
focus:
  - bug
  - security
  - performance
language:
  - python
  - javascript
  - html
  - css
  - json

一見すると問題なさそうですが、
languageを2回定義しているのが原因でした。

YAMLでは同じキーを複数回書くと、
後に書いたものが前を上書きします。

結果として、YAML自体は正しく読み込まれていましたが、
languageキーが上書きされ、日本語指定が無効になっていました。

AIによれば以下のYAMLでいけるらしいです

language: ja-JP
review:
  level: strict
focus:
  - bug
  - security
  - performance
languages:
  - python
  - javascript
  - html
  - css
  - json

CodeRabbitで一番参考になった指摘

CodeRabbitから、WebSocketのエラーハンドリングが不足しているという指摘を受けました。

自分では「とりあえず動いているからOK」と思っていましたが、
接続が切れた場合の挙動を全く考えていませんでした。

ws.onerror = (e) => {
  console.error("WebSocket error", e);
};

ws.onclose = () => {
  console.warn("WebSocket closed");
};

おわりに

DevLinkHubがなぜ壊れているのか、
正直ほとんどの人は興味がないと思います。

それでもこの記事を書いたのは、
「AIレビューを入れたのに、設定ミスで全部無駄になる」
という落とし穴を共有したかったからです。

実際、CodeRabbitのレビュー内容を見てみると、
自分では気づけなかった点や、
「確かにそれは直すべきだな」と思える指摘がありました。

まだ理解しきれていない部分もありますが、
それでも コードを見直す視点をもらえた という点で、
使ってよかったと感じています。

これからAIコードレビューを使ってみたい方は、
まず設定ファイルを疑うところから始めるのをおすすめします。

CodeRabbit、普通に便利です。