対応ブラウザは見積りの前提になります。範囲が広いほど確認と調整の工数が増えるので、費用にも直結します。

一般的な指定

• Windows … Google Chrome / Microsoft Edge / Firefox の各最新版
• macOS … Google Chrome / Safari の各最新版
• iOS … Safari / Google Chrome の各最新版
• Android … Google Chrome の最新版

「最新版」とだけ書くと、納品後にブラウザが更新されて崩れた場合の扱いが曖昧になります。「納品時点の最新版」と書いておくのが実務的です。

Internet Explorer

IE はすでにサポートが終了しており、通常は対応範囲に含めません。対応させると、使える書き方が大きく制限され、工数が数割増えます。

それでも社内システムの都合で IE を使っている環境が残っている場合があります。該当するなら、発注の段階で伝えてください。あとから言われるのが一番困る条件です。

実際の利用状況から決める

既存サイトがあるなら、推測ではなく実データを見てください。Google アナリティクスで確認できます。

1. GA4 の「レポート」を開く
2. 「ユーザー」→「ユーザーの環境」→「ユーザーの環境の詳細」を見る
3. ブラウザ・OS・画面サイズの構成比を確認する

1%未満のブラウザまで保証する必要は通常ありません。コストに見合いません。

画面サイズの分布も一緒に見てください。訪問者の8割がスマホなら、スマホの作り込みに時間を使うべきです。PCデザインから作る前提を疑ってもいい場合があります。

「対応」の意味を揃える

同じ「対応」でも、程度に段階があります。ここを揃えておかないと、見た目の細かな違いで指摘のやり取りが増えます。

実務では2つ目で合意することが多いです。ブラウザによってフォントの太さやフォームの部品の見え方は微妙に違い、完全に揃えることは現実的ではありません。

端末の指定

ブラウザだけでなく、確認する端末も決めておくと明確になります。

• スマートフォン … iPhone（現行世代）/ Android の主要機種
• タブレット … iPad
• PC … 画面幅1280px以上

タブレットを含めるかどうかは案件によります。含めない場合、iPad ではPC表示になり、横幅によっては窮屈に見えます。訪問者にタブレットが多いなら含めてください。

確認の方法

制作側は実機とエミュレータを併用します。すべての機種の実機を持つことはできないので、次のように分けるのが一般的です。

• 主要な組み合わせ … 実機で確認
• それ以外 … ブラウザの開発者ツールや検証サービスで確認

発注側でも、納品前の確認は実機でお願いします。PCのブラウザを縮めた表示と、実際のスマホの表示は同じではありません。

ワプラボの場合

当社では、主要ブラウザの納品時点の最新版を標準の対応範囲としています。見積書に対象を明記し、含まないものも書きます。

既存サイトのアクセス解析を見られる場合は、その構成比を踏まえて範囲をご提案します。古い環境への対応が必要な場合も、工数をお伝えしたうえで対応可能です。