Hatena Blog Tags
はてなブログ トップ
Observer
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Observer

(コンピュータ)
【おぶざーばー】
  • GoFの23個のデザインパターン(DesignPattern)の内の一つ。

　
観察対象となるクラスの状態が変化したことを、観察者に伝える方法。
アーキテクチャ・パターンの「MVC」や「Doc&View」などを実装する場合に、
このパターンを用いる。
　

関連パターン

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
NTT WEST Engineers' Blog•1ヶ月前

【リアルタイム反映の実現】ブラウザで完結！Observerパターンで「リアルタイムに連動する」アプリを作ろう

はじめに NTT西日本の中川です。 本記事ではデザインパターンの一つである 「Observer（オブザーバー）パターン」 をJavaScriptを利用してご紹介します。本記事は、2026年2月時点の情報に基づきます。 対象読者 本記事が想定する対象読者は次の通りです。 フロントエンドエンジニア リアルタイム反映に興味があり、仕組みを理解したい人 手を動かしながら理解を進めたい人 背景 プログラミングを進めていくと、「コードの複雑化（スパゲッティコード）」 が起こってしまうことも多いと思います。 「ボタンを押したら、ヘッダーの通知アイコンを変えて、サイドバーの数字も更新して、ログも表示して……」…

#JavaScript#Observer#NTTグループ#フロントエンド

ネットで話題

もっと見る
243ブックマークJSでのスクロール連動エフェクトにはIntersection Observerが便利 - ICS MEDIAics.media
220ブックマークスクロールに連動するアニメーションを実装する時は、JSのIntersection Observerを使用すると簡単に実装できるcoliss.com
97ブックマーク地下アイドルとアイドルオタクを疎結合にしてみたら、夢も希望もなくなった〜デザインパターンのObserverを考える〜 - Qiitaqiita.com
88ブックマークWould You Take a Tumblr With This Man? | The New York Observer の全文和訳 - いいことあるかいWould You Take a Tumblr With This Man? | The New York Observer の全文和訳 Would You Take a Tumblr With This Man? | The New York Observer のほんの一部和訳 経由で知った Tumblr 創業者 David Karp のインタビュー、全部翻訳してみました。 元記事の執筆者から、許可をえて全文掲載します。 下の「続きを読む」...takaakik.com
87ブックマークIntersection Observer を用いた要素出現検出の最適化 | blog.jxck.ioblog.jxck.io
67ブックマークIntersection Observerが簡単で便利！要素がビューポートに表示されているかを判定できるcoliss.com
55ブックマークObserver パターン - Wikipediaja.wikipedia.org
55ブックマーク世界のデザイン名刺を集めた『Card Observer』 | 100SHIKIwww.100shiki.com
51ブックマークJavaScriptのIntersection Observerでスクロールに合わせてグラデーションの色を変更するwww.webcreatorbox.com

関連ブログ

ゲーム制作勉強中！あこがれだったプログラマーに今からなろう！•1年前

今更ながらUniRXの勉強

「UniRX/UniTask完全理解」（ISBN-10:4048930753） ちょっと前に買ったまでは良かったけれど、いかんせん素人には難しくて理解しきれず、完全にほったらかし状態😅 今回、R3の実験をしていて興味が湧いたので、今更ではあるけれどUniRXをきちんと勉強してみようと思う。 今の所の理解は、UniRX（R3)でできるのは、変数の変化を通知できるという程度。 変数をReactiveProperty化することで、値が変わった事を購読側で検知できる様にできる。 ただ、これは、UniRXの全てなわけではないらしい。 というわけであっちこっちのサイトや動画にあったものを実験してみようと思…

#R3#subject#observable#Observer
駆け出しエンジニアの勉強記録•2年前

laravelのObserver(オブザーバー)

参考：Laravel Observerを使ってみたLaravel Observer(オブザーバー)モデル観察システムで、モデルの状態変化（作成、更新、削除など）を監視し、それに対して特定のアクションを実行する機能を作成できる。①コマンドでファイル作成php artisan make:observer UserObserver[←ファイル名] --model=User[←モデル名]②該当メソッドにコードを書く public function created(Account $account): void // モデルファイルが作成された時 public function updated(Acco…

#Observer#プログラミング
英語の顔表情.airabuwo.blog•4年前

OBSERVER

Observer. オブザーバー

#Observer#オブザーバー#観察者#監視者#監視者たち#観測者#立会人#傍聴人#監視員#第三者
dosyaburi•5年前

デザインパターン observerについて勉強した

observerパターンとは コード例 実装例 特徴 補足 observerパターンとは java標準にもあるActionListenerやMouseListenerなどのようなイベントリスナーが代表的な例です。 ボタンを押した、マウスをクリックしたなどの特定の状態が起きたときに用意された処理が開始されます。 コード例 NumberListenerインタフェース public interface NumberListener { void threeObserve(NumberEvent event); } イベントを「受け取る側」が実装するインタフェースです。 threeObserveメソッ…

#デザインパターンについて勉強した#Observer#Java#デザインパターン
mohuneko’s blog•5年前

【Java】Observer パターン【デザインパターン】

駆け出しエンジニアがデザインパターンをもくもく勉強します こんな本で勉強しています🌟 目次 Observerパターンについて Observerパターンとは サンプルプログラム Observerインターフェース NumberGeneratorクラス RandomNumberGeneratorクラス DigitObserverクラス GraphObserverクラス Mainクラスで動作確認 Observerパターンのメリット 今日のポイント Observerパターンについて Observerパターンとは Observerパターンは、観察対象の状態が変化すると、観察者に対して通知が行われる方式です…

#デザインパターン#Observer