hanahagewanko https://blog.hatena.ne.jp/hanahagewanko/ NTT WEST Engineers' Blog https://engineers.ntt-west.co.jp/ プログラミング はじめに NTT西日本の中川です。 本記事ではデザインパターンの一つである 「Observer（オブザーバー）パターン」 をJavaScriptを利用してご紹介します。本記事は、2026年2月時点の情報に基づきます。 対象読者 本記事が想定する対象読者は次の通りです。 フロントエンドエンジニア リアルタイム反映に興味があり、仕組みを理解したい人 手を動かしながら理解を進めたい人 背景 プログラミングを進めていくと、「コードの複雑化（スパゲッティコード）」 が起こってしまうことも多いと思います。 「ボタンを押したら、ヘッダーの通知アイコンを変えて、サイドバーの数字も更新して、ログも表示して……」… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fengineers.ntt-west.co.jp%2Fentry%2F2026%2F03%2F18%2F093000" title="【リアルタイム反映の実現】ブラウザで完結！Observerパターンで「リアルタイムに連動する」アプリを作ろう - NTT WEST Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-03-18 09:30:00 rich https://engineers.ntt-west.co.jp/entry/2026/03/18/093000 1.0 100%