【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
この一連のコードは target を監視して、監視し始めた時、見え始めた時、見えなくなった時、 fired!を表示させるコードだと思うのですが。
target
fired!
const observer = new IntersectionObserver(callback);
と、それに続く
observer.observe(target);
の流れと言うか、何を?どの様に命令されているのかが分かりません。 うまく言えないのですが、 IntersectionObserver は、どう言うロジックなのかが分かりません。
IntersectionObserver
自分で調べて数時間掛かり何となく解ったのですが合っているのか自分ではわかりません。 こんな理解で合っているのでしょうか?(以下) 10行目で条件が満たされる度に callback を呼び出したい。 その為に、その条件を定数 observer に当てはめよう const observer でも、これだけでは何を?、監視対象にしているのか解らない。
callback
observer
const observer
12行目で、その定数 observer は定数 target を監視対象にするからねと伝えよう .observe(target);
.observe(target);
以上のような理解なのですが、あっていますでしょうか? よろしくお願いいたします。
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
この一連のコードは
targetを監視して、監視し始めた時、見え始めた時、見えなくなった時、fired!を表示させるコードだと思うのですが。と、それに続く
の流れと言うか、何を?どの様に命令されているのかが分かりません。
うまく言えないのですが、
IntersectionObserverは、どう言うロジックなのかが分かりません。自分で調べて数時間掛かり何となく解ったのですが合っているのか自分ではわかりません。
こんな理解で合っているのでしょうか?(以下)
10行目で条件が満たされる度に
callbackを呼び出したい。その為に、その条件を定数
observerに当てはめようconst observerでも、これだけでは何を?、監視対象にしているのか解らない。
12行目で、その定数
observerは定数targetを監視対象にするからねと伝えよう.observe(target);以上のような理解なのですが、あっていますでしょうか?
よろしくお願いいたします。