【更新】note に付けた、あなたの「スキ」が届いていない…かもしれない話

【注意】この note では note.com が抱えている不具合について言及していますが、対象はウェブブラウザ版（主にパソコン）です。スマホの専用アプリを利用する場合は、不具合は発生しませんので、ご安心ください。

数日前に、こんなことがありました。

不可思議な「スキ」

アクティブに note を更新される方のクリエイターページを開いてみると、

前日に私が「スキ」を付けたはずの note に「スキ」が付いていません。

思い違い、あるいは２度押ししてしまったのかと思い、また「スキ」アイコンをクリックしました。

今回は、間違いなくハートのアイコンが白から赤に変わったことを確認して、記憶にとどめました。

そんな現象がひとりのページだけでなく、複数メンバーのページで、日付もまたがって発生していることがありました。

サーバーの不調が重なった？

何かおかしいと思い、「スキ」をクリックしてから、ブラウザーをリロードしてみるという試みを時々するようになりました。

目の前で消える「スキ」

すると、いつもではありませんが、あるタイミングでは目の前で、赤になっていたアイコンが、白に変わることがわかりました。

ブラウザのリロードでわかるのは、その時点のサーバー上の最新データです。

つまり「スキ」アイコンをクリックしても、その情報がサーバーに送られない、あるいは送られてもサーバーのＤＢに反映しない、ことがあるようなのです。

この「アイコンとＤＢの不整合」が起きること自体は、不思議なことではありません。

今回の場合、アイコンの変更は、ブラウザ上（フロントエンド）で JavaScript が実行しています。サーバー（バックエンド）のレスポンス（HTML）を待って、それを表示しているわけではありません。

現在のWebページの多くは、ストレスのないUIを実現するために、この楽観的UIを採用しています。

「スキ」不全に関する既存情報

この不具合について検索してみたところ、複数の報告がありました。

この noteにズバリの回答が書かれています。

「スキ」には「ある期間内で」「付けられる上限数」がある

ということです。これは note ヘルプにも明記されています。

確かに私は、多くの場合、１日に１回まとめて noteをチェックして、まとめて「スキ」を付けています。

noteの制限仕様に関しては、何の不満もありませんし、その制限は必要だと思います。

ただ「制限に引っかかった」というレスポンスがないのが腑に落ちません。

上記の note によると、スマホで操作すると、ちゃんとレスポンスが表示されるようです。ここがさらに不思議です。

Claude 参戦

はじめからこの調査にはClaudeを使っていたのですが、ここから本領発揮です。

調査のために、わざと制限にかかるようなことはしたくなかったので、

fetch と XMLHttpRequest を横取りして、スキ系リクエストが失敗したら画面上部にトースト＋音＋タブタイトル変更で知らせるスクリプト

をExtensionにしてもらいました。

そして数日後、トーストが表示されました。

Claude は許可を与えれば直接 Chromeを操作できます。DevTools も操作できますし、送信された JavaScript も解析できます。

このレスポンスを調査してもらったところ、以下が判明しました。

サーバーは、HTTPステータスコードの「429 (Too Many Requests)」を返していた

body: {"error":{"message":"上限に達したためご利用できません。しばらくお待ちいただいた後、再度お試しください。","type":"too_many_requests"}}

バックエンドは何の問題もなく動いていますが、フロント側の不具合（実装漏れ？）でした。

スマホアプリはきちんとこのエラーメッセージを表示して、アイコンをロールバックしているようですが、ブラウザ版にはその処理が実装されていないようです。

これは「モバイルファースト」を通り越して、「モバイルオンリー」と呼べそうな実装です。

運営への問い合わせ

今回の件については、こちらの note で紹介されていた「リクエスト送信」のページから報告しました。

対応

当座の対応として、429を受け取ったらそのメッセージを表示するようにExtensionを作り変えました

これで制限にかかって「スキ」が付けられない状態であることがわかります。

これは、本来note側が配信するJavaScriptに組み込まれるべきフィードバック機能を、別の追加機能（Extension / JavaScript）としたものです。ブラウザ（Chrome）に読み込んで使います。

他の人の役に立つかはわかりませんが、この Extension を LLMに作成させる指示書を共有します。

※サーバーが返したエラー内容は表示しますが、スキボタンをロールバックはしません。

ChatGPT（無料版）で試したところ、ファイルダウンロードの容量制限で途中まで（時間をおけば先に進める）

Gemini（無料版）では、あっという間に作成完了。試したところ、問題なく動きました。

そして、その会話の流れで作成してもらった画像をタイトルに使っています。

運営側からの回答があれば共有しようと思います。

以下【更新】内容

note 運営事務局からの回答

問合せをしたその日のうちに回答がありました。

一時的な制限が発生した際にエラー表示が出ない件につきましては、現状の仕様となっております。

天下の note.com とあろうものが、ずいぶんとお粗末な仕様でワロタ

としかいえませんが、色々な事情があるのでしょう。

まあ、私は Chrome の拡張を入れているので、今後は何の問題もないのでいいのですが…