「参考書籍一覧」を非Vue化した

[ham-cap]

Issue

• #7870

概要

これまでVueで実装されていた参考書籍一覧のページ（/books）をHTMLによる実装に変更しました。

変更確認方法

1. chore/change-books-list-from-vue-to-htmlをローカルに取り込む

2. http://localhost:3000/books にアクセス

3. 参考書籍の一覧が表示されていることを確認する

4. プラクティスによる書籍の絞り込み機能が動作していることを確認する

   • 例えば「OS X Mountain Lionをクリーンインストールする」を選択すると以下のようになります。

• なお、非Vue化に伴い、絞り込みの方法を動的なDOMツリーの編集からサーバーへのリクエストによる絞り込みに変更しています。これにより、絞り込み機能を使用するとURLにpractice_idとsearch_termsというパラメータが含まれるようになりました。 このうちsearch_termsについては絞り込みの選択肢をフリーワードで検索する機能のために必要なものとなります。 たとえば、絞り込みのプルダウンの最上段にある検索窓に「sql」と入力してプラクティスの選択肢を検索したうえで、「sqlの基礎を理解する」を選択して書籍の絞り込みを行った場合のURLと画面表示は以下のようになりますので、併せてご確認いただければと思います。

Screenshot

Vueで実装された既存のページをHTML化したものなので、画面の表示そのものに変更はありません。