//lazad：通常の使い方

const observer = lozad(); //default selector as '.lozad'
observer.observe();
//iframe 地図とか行けるかどうか試してないけど、行けるかも
//lazad：toggleは正常に動作しない.

//ie11 polyfill
//ie11　assign 対応のために
object-assign.js

//Polyfill必須


//外部ファイルをマウントして利用するのとどっちが良い？

//IntersectionObserver が利用できない場合マウント
if (!('IntersectionObserver' in window)) {
    appendScript("https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver");
}

//マウント用汎用関数  末尾追加だと問題あるんじゃ・・・。
function appendScript(URL) {
  var el = document.createElement('script');
  el.src = URL;
  document.body.appendChild(el);
};

Intersection Observer API：アニメーション利用参考

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

//要素にデータ属性とクラス指定
//data-animate="blink"
//表示のたびにアニメ
//class="see-anime"
//最初の１回だけアニメ
//class="once-anime"

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

lozad

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

Intersection Observer API：直書き

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

Intersection Observer API：直書き

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

Intersection Observer API：直書き

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

//要素にデータ属性とクラス指定
//data-animate="blink"
//class="click-anime"