概要
- 以前に自分がつくったツールを改善する記事を投稿しました
- 上記の記事にですが改善前後ともに使っていただいているようでちょっとしたご要望もいただいたり・・・
- 今回は更に改善するということで機能を追加していきます
要望（からの今回は何をするのか？）
- 以前のバージョンでは数値を比較して検索できる機能があった
- 改善した新バージョンではテーブルにして見やすくなったけど数値の検索機能が切り落とされた
- 今回、数値の検索機能を追加する！！！
開発
コードと公開先
ソースコード
公開先
変更した内容
数値比較のチェックマークを入れると数値比較の設定をするラジオボタンが表示
数値を比較して検索
- データ元のCSVがISBNが数値データになるので数値比較可能
- 数値以外のデータは検索されない設定
- 低い数値を入れて以上で数値比較すると件数が増える
課題
- 数値を検索するモードを以前の構成をベースに作成してしまった
- 別の配列に数値を検索するモードを格納して管理している
-
csvColsObjに入れてしまって統合管理してもよさそう- 数値の検索するモードはViewで設定する側と整合性があるわけでないので
v-modelでバインドさせる構成にしたい
- 数値の検索するモードはViewで設定する側と整合性があるわけでないので
- 検索結果が
computedであるがゆえに数値の検索するモードのラジオボタンで発火させるため検索キーワードを入れ直す処理を入れている-
computedをやめればいいかもしれないがmethodsにするのは微妙 - とはいえ
computedを発火させるためにムリしているのはダサい
-
ふりかえり
- 数値を比較して検索したいというのは意外にもご要望があるようでした
- 改善という意味では要望があったら機能として追加すべきだと思い実装してみました
- 東京都のオープンデータのサイトでもプレビューがありテーブルベースな感じです
- 使い勝手は個人的な感じではありますが蔵人向けなイメージです
- テーブルベースならExcel風に表示するライブラリもあるのでそちらを採用するのもよさそうです
