ExcelみたいなフィルターをJavaScriptで。QAフィルターを作成しました!

ホーム » 開発者ブログ » ExcelみたいなフィルターをJavaScriptで。QAフィルターを作成しました!

Koji Maruyama
Koji Maruyama

ExcelみたいなフィルターをJavaScriptで。QAフィルターを作成しました!

QA Heatmap Analytics Ver.1.0.1.0よりQA Table Generatorを使ったQAフィルターが使えるようになりました。
表示されているデータの絞り込みがより直感的にできるようになっています。
詳しくはこちらの動画をご覧ください。

※字幕をONにすると説明が表示されます

解決したかった課題

一般的なアクセス解析ツールで表示データを絞り込む時には、下記のような課題がありました。

優れているExcelのフィルタ

このようなデータ絞り込み機能の課題を解決している最も優秀なツールはExcelだと思っています。
Excelのフィルタ機能は直感的で、一度人から教われば誰でも使いこなすことができます。

私はExcelの構築に関わったJoel Spolskyをとても尊敬しており、Excel自体も尊敬しているので、ぜひこの慣習にならいたいと思いました。

とはいえ、Excelのフィルターにもいくつかの弱点があります。

これら全ての課題を解決するために生み出されたのがQAフィルターです。

QAフィルターの主な特徴

使ってみたい方へ

ぜひQA Heatmap Analyticsプラグインを導入ください。

プラグインの新規追加で「QA Heatmap」と検索するとみつかります。
導入するとすぐに表示される「ダッシュボード」のリアルタイムビューにてQAフィルターを活用することができます。

QAフィルターは100%GPLなので、どなたでも使えます。

我々はこのQAフィルターをQA Heatmap Analyticsの統一の操作として活用していきたいと思っています。しかしQAフィルター自体は、汎用的なJavaScriptライブラリとして開発していきます。(その方が我々も使いやすいので)

まだまだ汎用的ではなく突貫的に対応している箇所もありますので、しばらくはQA専用で開発していきますが、現時点でもGPLが適用されていますので、どなたでも利用は可能ですし、自由に改変もできます。※GPL適用が必須です。

cssも現在はソースの中に記載しているので、「table.js」だけで利用できます。
ソースはWordPress公式サイトのこちらにあります。

https://plugins.svn.wordpress.org/qa-heatmap-analytics/trunk/js/

なおライセンスはGPL2.0ですので、それに従う必要があります。
GPLについて詳しく知りたい方はこちらの記事をご覧ください。

ただ今のところQAフィルターはQA Heatmap Analytics向けに最適化していきますし、Font Awesomeを利用しているのでそのクレジットも必要です。ですから、しばらくして汎用化したら、そのタイミングでGitHubで公開し、ライセンス関連も整理したらMITライセンスによるオープンソース化も検討しています。

もしバグなど見つけた方は、教えて頂けると助かります。(修正コードがある方は教えてもらえるともっと助かりますw)