該当箇所

**1冊ですべて身につくJavaScript入門講座**  CHAPTER6-15(p247)

① 何をしているコードか

このコードは、

• 特定の要素（#kirin）を監視し
• 画面内に表示されたタイミングで
• アニメーションを実行する

という処理を行っている。

② 全体のコード構成

// 監視対象が範囲内に現れたら実行する処理
const showKirin = (entries) => {
  const keyframes = {
    opacity: [0, 1],
    translate: ['200px 0', 0],
  };
  entries[0].target.animate(keyframes, 600);
};

// IntersectionObserver を作成
const kirinObserver = new IntersectionObserver(showKirin);

// #kirin を監視対象として登録
kirinObserver.observe(document.querySelector('#kirin'));

③ entries はどこで定義されているのか？

• entries は 自分で定義している変数ではない
• IntersectionObserver が 自動的に callback に渡してくる引数

つまり、ブラウザ側で内部的に次のように呼ばれている。

showKirin(entries);

④ entries という名前は決まり？

結論：決まりではない