記事数が多くなってきたのでカテゴリにAjax検索機能を追加しました

ブログの記事も1500件を超えて記事を検索することが難しくなってきたので、新たにAjax検索機能を追加しました。カテゴリ名をチェックマークから選ぶと、画面を切り替えずに記事が絞り込まれるようになりました。

以前の仕様

以前の仕様では右サイドバーにカテゴリ一覧を表示し、クリックするとページが切り替わって記事一覧が表示されました。

今回の仕様

今回、新たに導入したのはカテゴリ一覧をチェックマークにし、クリックするとリアルタイムに対象記事が絞り込まれて表示されるようにしました。Ajaxを使っているのでページは切り替わりません。

Mobile画面

カテゴリ数が膨大になっているのでモバイルではチェックボックスではなくプルダウンメニューからカテゴリを選ぶようにしました。
このあたりのモバイル画面でのUIは再度変更するかもしれません。

まとめ

記事を書き続けるのも根気が必要ですが、膨大な数になった記事をどうやってわかりやすく管理していくのかは、色々と考えさせられる課題です。
特に、スマホからのアクセスが50%近くなっているので、このまましばらく運用して、将来的には新たなUIを導入するかもしれません。