食べログとGoogleの評価を並べて確認する！Chrome拡張をAIで自作した話

お店を探すとき、食べログとGoogleの口コミ、両方見てる人いませんか？

わたしはめちゃめちゃ見てます。

食べログの点数は参考になるけど、悪めの口コミがいつの間にか見当たらなくなってる…てなこともたまにあって（※あくまで体感）、

結局Googleマップでも同じ店を検索して、タブを行ったり来たり。

「これ1画面で並べて見れたら楽やない？」

と思って、AIに相談してみたのが今回の話。

最初の相談：「統合ツールって作れる？」

最初にAI（Claude Code）に投げたのは、こんなざっくりした質問。

食べログだとたまに悪いレビューを消されるので、Googleのレビューと並行してみることが多いのですが、それらを統合したツールって作成できそうですか。

そしたら「作れます。ただし…」と、先にデータの取り方の制約を教えてくれました。

• Google：
  公式の Places API があるので、APIキーを作れば評価・件数・レビューが取れる。ただしレビューは1店舗につき最大5件まで。
• 食べログ：
  公式のAPIがない。しかも利用規約で、口コミの無断転載・無断利用や、情報を複製・保管することが禁止されている。

つまり、わたしがぼんやり想像していた「サーバーが両方のサイトから口コミを全部集めてためておいて、1つのサイトにまとめて表示する」みたいな作り方は、食べログの口コミを集めて保管して、別の場所に載せることになるので規約的にアウト。しかも相手のサイトの仕様が変わったらすぐ壊れる、と。

…なるほど、だめかぁ。

じゃあどうする？→「自分が見てるページの横に出す」

そこでAIが出してくれた案がこちら。

• 案A：Chrome拡張機能（おすすめ）
  食べログの店舗ページを開いたら、横にGoogleの評価とレビューを出す。
• 案B：Androidアプリ
  Googleマップや食べログの「共有」からアプリに送ると、両方の評価をまとめて出す。
• 案C：消えたレビューの記録
  一度見た食べログのレビューを手元に残して、次に開いたとき消えていたら印をつける。

拡張機能なら、食べログは自分が開いているページをそのまま読むだけ。Googleのデータは公式のAPIで取ってくる。どこかに集めてためこんだり、載せ直したりするわけでもないので扱いやすいし、壊れにくい、とのこと。

お店を調べるのはだいたいPCなので、「Chrome 拡張にしよう。」の一言で案Aに決定。

できあがった拡張機能「レビュー比較」

というわけで完成したのがこちら。名前はそのまま「レビュー比較」です。アイコンは食べログのオレンジと、Googleの青の棒グラフにしてもらいました。

食べログの店舗ページを開くと…

右下にパネルが出て、Googleの評価とレビューが並んで表示されます。

• 点数を並べて表示：
  Googleと食べログは点数のつき方が違うので並べて見れるのは地味に助かる。
• Googleのレビューを最大5件：
  ★2以下の口コミは赤く目立つようになってる。
• 同じ店かどうかチェック：
  食べログの住所の位置と比べて、300m以上離れていたら「別の店かもしれません」と注意してくれる。
• 全件はGoogleマップで：
  APIで取れるのは5件までなので、「Googleマップで全件を見る」リンク付き。
• Googleの表示ルールに合わせてある：
  「Google Maps」の表記、口コミを書いた人のアイコンとプロフィールへのリンク、元の口コミへのリンクも出してる。APIのデータを表示するときの決まりなので、自分で作るときも忘れずに。

ちなみに：逆向き（Googleマップに食べログの点数）はグレー

「Googleマップで店を開いたら、食べログの点数を出す」という逆向きの機能も、作れるには作れます。

ただこれは、Googleマップを見ている裏で、自分が開いていない食べログの検索ページやお店のページを読みに行く必要があります。食べログの規約には「内容の複製」を禁止する広めの条文があるので、ここはグレー寄り。

使うまでの準備

ストアに公開しているものではないので、自分のPCのChromeに直接読み込んで使っています。

1. Chromeで chrome://extensions を開いて、右上の「デベロッパーモード」をオン
2. 「パッケージ化されていない拡張機能を読み込む」で、作ってもらったフォルダを選ぶ
3. Google Cloud で Places API (New) を有効にして、APIキーを作る
4. 拡張機能のアイコンを押すと設定画面が開くので、キーを貼り付けて保存

APIキーを作るときは、「APIの制限」で Places API (New) だけを許可しておくのがおすすめ。
「Places API」（Newが付かない旧版）は別物なので注意です。

ちなみにわたしは、キーを作るプロジェクトを間違えて一回作り直しました。笑

Google Cloud の利用には請求先（クレジットカード）の登録が必要です。1店舗開くたびにAPIを2回使います。口コミを取る呼び出しは料金の区分が高めなので、毎月無料で使える回数は Google の料金ページで確認しておこう。念のため予算アラートも設定しておくと安心です。

こんなプロンプトで頼むのがおすすめ

やってみて思ったのは、いきなり「作って」じゃなくて「作れそう？」と相談から入るのが大事ということ。

今回も、最初に相談したからこそ「規約的にこの作り方はNG」「こういう作り方なら大丈夫」と、ぶつかる壁を先に教えてもらえました。

ステップ1：まず相談する

〇〇と△△を同時に見たいです。（今は□□していて面倒です）
それらをまとめるツールは作れそうですか？
利用規約やAPIの制約も含めて、作り方の案をいくつか出して、おすすめも教えてください。

ポイントは、今何に困っているかと、規約や制約も含めてと書いておくこと。こうすると、できないことも先に教えてくれます。

ステップ2：案を選んで、ほしい動きを伝える

案Aの Chrome 拡張にしてください。
食べログの店舗ページを開いたら、右下にGoogleの評価とレビューを出してください。
Googleのデータは公式のAPIで取ってください。

「どのページを開いたとき」「どこに」「何を出すか」がわかると、イメージ通りのものが出てきやすいです。

ステップ3：使いながら細かく直す

できあがったら実際に使ってみて、気になったところを一言ずつ伝えるだけ。わたしが送ったのはこんな感じ。

レビュー見比べ→レビュー比較に変更

アイコンを青とオレンジのグラフにして食べログGoogleぽく

あ、棒は各1本のままでよかったです。

雑でも通じる。すんごい。

皆も作ってみよう！

「これとこれ、同時に見られたらいいのに」とか、「毎回同じ操作してるな」みたいな小さな不便って、けっこうあると思います。

そういうのこそ、自分専用の拡張機能にしてしまうのがおすすめ。自分しか使わんから、見た目も機能も好きなようにできるし、欲しい機能だけ足していける。

まずは身近な「ちょっと面倒」をひとつ、AIに相談してみるとよいかも！

この記事はAIを活用して情報収集・執筆を行いました。