LoginSignup
15
3

More than 1 year has passed since last update.

お店選びのお供に! 「食べログスター拡張」を作ってみた

Last updated at Posted at 2022-09-18

食べログスター拡張(Chrome拡張)とは?

お店選びのときによく使われる「食べログ」。その店舗ページには、そのお店の評価を示す評価点(スター)がつけられています。この点数は、単純な口コミ評価の平均点ではなく、食べログによって独自の重みづけがされたものであることが知られています。

この重みづけの後の評価によると、開店して間もないお店であったり、口コミの件数が少ないお店にとってはどうしても辛口の点数になってしまうような気がしました。

食べログスター拡張(Chrome拡張)は、食べログによる評価点の下に、ユーザーによる口コミ評価平均点 を表示するChrome拡張機能です。

screenshot2022-09-10.png

Chromeウェブストア

ソースコード

口コミ平均点はどうやって算出しているか?

口コミの評価を1件づつ拾って割り算しているわけではなく、店舗ページの「口コミ」 → 「平均・分布」ページにある数字を拾っています。

スクリーンショット 2022-09-18 22.07.58.png

スクリーンショット 2022-09-18 22.08.28.png

また、該当店舗のページを初めて開いたときに「口コミ」→「平均・分布」ページのHTMLを取得し、とってきた平均点を(制限時間つきで) LocalStorage へ保存。2回目以降のページロード時はLocalStorageから取得する・・というような工夫(?)をしています。

開発について(雑記)

  • 私は今回初めてChrome拡張を作ってみましたが、けっこう簡単でした! ある程度プログラミング経験があれば誰でもできるんじゃないでしょうか。
  • 私は昼間の仕事ではバックエンド(Rails)メインで、ES2015のJSを書くのは実は久しぶりで、いい経験でした。JSベテランの方からみれば変な書き方をしているところがあるかもしれません。お気づきの点がありましたら、教えていただけると幸いです!
  • Googleウェブストアで公開するためには審査が必要になります。このとき、1回目の審査では、説明が足りなかったためRejectされました。審査を提出してから、1時間かからない程度でRejectされました。
    その後説明を追記し、再申請したところ、1週間経ってもメールの連絡が来ず。ディベロッパーダッシュボードを確認したところ、無事公開されていたことがわかりました。許可されたときは連絡が来ないので、定期的にディベロッパーダッシュボードを確認したほうがよさそうです。

使われ方について(雑記)

  • このChrome拡張を使ってじっくり一つの地域のランキングや、特定のジャンルの一覧ページをみていると、食べログ評価点に対して口コミ平均が大きく上回るお店があったり、差がそれほどついていないページがあったりで、なかなか興味深いものがありました。
    口コミ平均点が高いお店が必ずしも良いお店とは限らないかもしれませんが、少なくとも判断材料のひとつとしてあってもよいかな、と思いました。
    食べログ評価による点数が低く、口コミ評価平均点が高い・・というお店であれば、私は行ってみたくなります。
  • こちらはGoogle Chrome拡張なので、PCでの閲覧を前提としています。なので、今のところスマホでは使えません。スマホでChrome拡張を使う方法があるのか? または別の方法を探るか? 引き続き探っていきたいと思います。

参考にしたページ

Chrome拡張を作るにあたり、以下のページを参考にさせていただきました。ありがとうございました!
Qiitaのユーザーをブロック(非表示)にするChrome拡張を作りました
https://qiita.com/standard-software/items/7ee380f86c2816d4f263

15
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
3