work

- 制作済みデザインを元にコーディング・WordPressへの実装案件。
- Aiに関する最新の情報や役立ち情報を配信するメディアサイト。

- カテゴリー・タグが複雑で複合的なクエリが多数発生するデザイン。
- 通常の制作方法だと、トップページだけで19件のループ・200回超のデータベースアクセスが発生し、初期表示に3.5~4.5秒かかるとの試算。
- トップページの表示速度を高速化することが最大の課題。

- Aiに興味があり仕事やプライベートで活用を検討している層。
- 日常的にWebニュースに馴染みのある層。

- トップページをメインコンテンツ、左右サイドバー、ナビゲーションに分割。
- メインコンテンツは通常のループ読み込み、ナビゲーションは初期表示は通常、タブ切り替えはAjaxによる非同期とした。
- 左右サイドバーは、オプションページにカスタムフィールドで設定画面を設置。設定保存と同時に必要な情報をJSON出力し静的化。初期表示でのデータベースアクセスを大幅に削減。

仕様検討：1週間 / コーディング：2週間 / WordPress実装；2週間