こうへい

交差した要素について取得できる情報について確認していきます。 情報を取得しよう デベロッパーツールで見ていこう 前回はIntersection Observerで処理をするタイミングを指定する方法につ ...

ターゲットが任意の割合だけ交差したときに、処理を実行する方法について見ていきます。 第２引数を渡す 複数の値の指定方法 第２引数を渡す 前回は『Intersection Observerで処理が実行さ ...

Intersection Observerに登録した処理が実行されるタイミングについて ターゲットの取得 オブザーバーの設定 ターゲットの監視 処理の実行タイミング ターゲットの取得 前回までで要素の ...

wordPressのアプリで記事を投稿する手順について見ていきましょう TOP画面を開き右下のアイコンをタップ。 『ブログ投稿』をタップ。 タイトルを入力していく。（記事のタイトルになります。） 記事 ...

ページ内HTMLで見出し、段落、画像を配置し、main.jsを作成していきます。 要素の配置 main.jsの作成   要素の配置 前回で画像の準備とコンソールの使い方について見てきました。 ...

写真や画像などの取り込みとコンソールの表示にについて学んで行きます。 素材の準備 コンソールの表示 素材の準備 ・前回まででVS CodeとChromeの準備とindex.htmlファイルの作成をして ...

VS CodeとChromeを使ってindex.htmlファイルを作る。 VS Code Chrome index.html VS Code ・前回IntersectionObserverAPI(イン ...

JavaScriptを使ってIntersectionObserverAPI（インタレセクションオブザーバー・エーピーアイ）という要素の監視するシステムを使いこなしてみましょう   Inter ...

ウィンドウの大きさを変えたときに画像がずれる不具合を修正していきます。 リサイズイベント リサイズイベント ・前回までで進む、戻るや下のボタンをクリックすると指定の位置に移動し、今どこの画像が表示され ...

進む、戻るボタンを押したときにもカレントクラスが移動するように修正していきます。 関数を作る 関数を配置する 関数を作る ・前回まででボタンにクリックイベントをつけてボタンを押すと指定の画像を表示する ...