メインコンテンツまでスキップ

Wordpress Advanced 01

タスク名shimodaira-tax-accounting-office02 (Task13)でWordpressへ変換したサイトの一部を、タスク名shimodaira-tax-accounting-office (Task27)の指示を参考にJavascript処理に変更を行う。

リソースファイル​

👉 shimodaira-tax-accounting-office (Task13)
👉 shimodaira-tax-accounting-office02 (Task27)

作業要件​

  • トップページのTopicsのエリアをJavascriptで表示させること。
  • ソートでカテゴリーを選択し、選択した内容によって表示内容を変更できるようにすること。また、選択内容によりボタンのリンク先も適切に変更すること
  • 投稿データは同じサイトのWP REST APIのURLから、JSONデータをAjaxで取得し、常に最新のデータを表示させること。

課題と要点​

  • WP REST APIのJSON仕様について理解しながら作業をすすめること。
  • AjaxやXHRについて理解しながら作業を進めること。
    • データ取得が完了するまで次の処理が行われない非同期処理について意識すること。
  • JSONデータをJavascriptから利用する方法について理解して作業を進めること。
  • DOMをJavascriptから操作する方法について意識しながら作業を進めること。
    • Document.createElementなどJavascriptでDOMを作成する方法について。
    • insertBefore()やclassList.add()などDOMを操作する方法について。
  • jQueryを使用する場合、jQueryオブジェクトやjQuery関数とPureJavascriptの違いを理解し作業を進めること。
    • HTMLElementオブジェクトからjQueryオブジェクトへ変更を行うと、オブジェクトへ紐付いたメソッドが変わるので、使用できなくなるメソッドがある。