ここのところフロントエンド周りのワークフローを見直していて、思ったこと。
どのブラウザのどのバージョンがどの機能に対応してるとか全部覚えてられないし一々チェックするのもめんどうなので、
プロダクトのターゲットとするブラウザをあらかじめ厳密に決めておいて、
開発環境で自動的にチェックしてほしいけど方法がわかりません。
(そもそもそういう需要が無い?)
使用ツール
- Grunt
- SublimeText3
やりたいこと
たとえば
- プロダクト固有の設定ファイルか何かでターゲットブラウザ(複数)/バージョンを指定。
- 指定されたターゲットにないHTML5/CSS3/JS5,6の機能を使用していたらLintしてくれるSublimeTextプラグイン/GruntTask。
- あるいは使ってる機能から逆算して対応ブラウザを自動的に判別してくれる
caniuseとECMAScript 5 compatibility tableとECMAScript6 compatibility tableとパーサで簡易的に実装はできそうだけど最新版への追従とかめんどくさそう。
SeleniumとかCI使えばできる?
- まだ触ったことないので今後の課題。
知りたい事
- 上記あるいは上記に近いことが実現できるツール
よろしくおねがいします!