BOOK Studio947
狩野祐東・狩野さやか著書

caniuse.comをターミナルで使える、コマンドラインツールがあった

caniuse.com

HTML/CSS/JavaScriptのブラウザ対応状況を調べることができる、caniuse.comというサイトがあります。ご存知の方も多いと思います。Webサイトを制作するときや書籍執筆の調査や確認に、わたしはよーく使います。ほんとうに便利で手放せません。

いつも一番上の検索フィールドに入力して調べるだけで、下のほうは気にも留めていませんでしたが、今日ぼーっと見ていたらなんと、コマンドラインツールがあることを発見。

コマンドラインツールへのリンク(GitHub)

コマンドラインツールへのリンク(GitHub)

早速インストールしてみました。caniuse.comのコマンドラインツールをインストールする前に、npmがインストールされている必要があります。……npmをインストールするには、NodeJSをインストールしておく必要があります(どれもインストールしていない人はちょっと道のりが長い)。

さて、コマンドラインツールをインストール。

$npm install -g caniuse

いったんインストールしたら、こんなふうに使います。例として、flexboxの対応状況を調べてみます。

$caniuse flexbox

表示結果はこれ。カラフルで楽しい。
caniuse コマンドの表示結果

狩野 祐東

Web/アプリケーションUIデザイナー、エンジニア。執筆家。 アメリカ・サンフランシスコに留学、UIデザイン理論を学ぶ。Webサイトやアプリケーションのデザイン・開発、関連技術書籍の執筆を数多く手がける。株式会社Studio947代表。