使い方
![Can I use(キャナイユーズ)使い方](https://www.webkumasan.neruco.work/wp-content/uploads/2023/08/caniuse_01.jpg)
赤枠の検索窓に、各種ブラウザの対応状況を確認したい要素を入力します。
![Can I use(キャナイユーズ)対応状況](https://www.webkumasan.neruco.work/wp-content/uploads/2023/08/caniuse_hint.jpg)
対応状況は、4段階で評価されます。
- 緑 = サポート済
- 赤 = 未サポート
- 黄緑 = 部分的にサポート
- 灰色 = 不明
![Can I use(キャナイユーズ)見え方](https://www.webkumasan.neruco.work/wp-content/uploads/2023/08/caniuse_use.gif)
試しに「div」のサポート状況を確認してみます。
各ブラウザとバージョンに応じた対応状況が4段階で色分けされます。
各ブロックをホバーするとより具体的な詳細が確認できます。
![Can I use(キャナイユーズ)webp対応状況](https://www.webkumasan.neruco.work/wp-content/uploads/2023/08/caniuse_webp.jpg)
ちなみに、現在最も検索されている「webp」で検索するとこのような結果に。
構築の際に対応させるかどうかの判断材料になりますね。