あらゆるWebサイトを 96種類のスマホ・タブレット・PC画面で検証
いつものChromeタブを本格的なモバイル検証環境へと変身させます。リアルな実機モックアップフレームの中で実際のWebサイトをプレビューし、タッチ操作の挙動、キーボードによる画面崩れ、複数画面の並列同期、アクセシビリティ監査までストレスなく完結します。
Chromeウェブストア審査中 — 本番リリース準備完了
- 96種類の実機ハードウェアプロファイル
- スクショ・動画録画・一括キャプチャ対応
- ブラウザ内で直接ローカル動作・アカウント登録不要
96 ready-made device profiles
超小型スマートウォッチから定番スマホ、最新の折りたたみ端末、大型タブレット、4Kデスクトップ解像度まで網羅。すべてのプロファイルに正確なCSSビューポートと実機ピクセル比（DPR）が設定されています。
31
iPhone シリーズ
iPhone 5からiPhone 17 Pro Maxをはじめ、SE、X、XR、iPhone Airまで幅広く対応。
32
Android スマートフォン
Galaxy S10〜S26 Ultra、Pixel 5〜10 Pro、Xiaomi、OPPO、OnePlus、Huawei、Infinix、Zebra業務端末など。
7
折りたたみ端末 (Foldables)
Galaxy Z Fold 2、Z Fold6、Z Flip3、Z Flip6、Pixel 9 Pro Fold、Pixel 10 Fold、Moto Razr 70 Ultra。
11
タブレット (Tablets)
iPad、iPad mini、iPad Air、iPad Pro 11"・13" M4、Galaxy Tab S7・S9 Ultra、Surface Pro 11、Surface Duo。
11
ノートPC & デスクトップ
MacBook Air、MacBook Pro 14"・16"、iMac 24"、Dell Latitude、1080p、2K QHD、4K UHD解像度。
3
特殊ディスプレイ
Samsung スマートTV、セルフレジ用キオスク端末、Sonoff スマートホーム壁掛けパネル。
1
スマートウォッチ (Smartwatch)
Apple Watch Series 6 (40 mm) — 考慮すべき極小画面の表示確認に。
各端末プロファイルに搭載されている情報：
- CSSビューポートサイズ（幅・高さ）
- デバイスピクセル比 (Device Pixel Ratio - DPR)
- 正確なUser-Agent文字列
- OSの名称およびバージョン識別子
- ノッチおよびDynamic Islandの物理形状
- セーフエリア余白 (Safe-area insets)
- シミュレーション通信環境タイプ
- 高精細な実機モックアップ外枠フレーム
Custom Device Viewports
Add a custom device with its own name, viewport, pixel ratio, OS, network type and user-agent string. Star favorite devices to access them immediately.
単なるウィンドウ伸縮ではない、本物のモバイル体験を忠実に再現
モバイル検証は横幅を縮めるだけでは不十分です。タッチの物理慣性、動的なモバイルCSS単位、ソフトウェアキーボードによるレイアウト変化までしっかり捉えます。
ページがモバイル端末として正しく認識される
メインページだけでなく埋め込みiframeに対してもUser-AgentやClient Hintsを偽装し、端末判定を行うJavaScriptコードをモバイル向けに確実に分岐させます。
自然な慣性を伴うタッチジェスチャー
Touchイベントが発生し、スワイプ時には心地よい慣性スクロールが働きます。マウスホバー（Hover）に依存した操作不能なボタンもすぐに見つかります。
ソフトウェアキーボード表示による画面押し上げ
入力欄をクリックすると仮想キーボードが出現して有効画面を圧縮。下部固定ボタンが入力欄を隠してしまう重大なバグを未然に防ぎます。
モバイル動的ビューポート単位の正確な計算
vh、svh、dvh、lvhが仮想端末の画面基準で正しく解釈され、env(safe-area-inset-*)関数がノッチやホームバーの余白を正確に返します。
ステータスバー付きのフォトリアルな端末フレーム
OS標準の電池残量、時計、ブラウザアドレスバーが再現され、ユーザーがファーストビューで実際に目にする領域を正確に判定できます。
時刻や電池残量を固定して美しい資料を作成
時計を9:41に、バッテリーを100%に固定できるため、クライアント向け資料やマニュアル用のキャプチャ画像を統一感のある仕上がりに保てます。
入力状態を保持したまま横画面・縦画面を切り替え
1クリックで縦向き（Portrait）と横向き（Landscape）を瞬時に切り替え可能。リロードが発生しないため入力フォームのデータも消えません。
PWAプログレッシブWebアプリの自動判定
Web App Manifestを持つサイトを検知し、ユーザーがホーム画面へインストールした際のスタンドアロンアプリ表示を簡単にシミュレーションできます。
複数端末を並べて同時に動かすリアルタイム連動 スマートフォン、タブレット、PCのレイアウトを1つのモニター上で並べて比較。1つの画面で行ったスクロールやクリックが他の画面にも同期します。
用途に合わせて選べる4つのキャプチャモード
シミュレーター画面からワンクリックで高品質な画像を書き出し。注釈エディタによる指示出しも可能です。
端末フレーム付きキャプチャ (With Device Frame)
リアルな端末外枠とステータスバーを含めた状態の画像 — 提案資料やポートフォリオ、クライアントレビューに最適です。
Web画面のみキャプチャ (Site Only)
外枠を除いた純粋なWebビューポート領域のみを切り抜き — 開発チケットや課題管理ツールへの不具合報告に適しています。
フルページ縦長キャプチャ (Full Page)
現在のデバイス幅のままWebページの一番下まで自動スクロール撮影し、高解像度な1枚の縦長画像に美しく結合します。
ブラウザタブ全体キャプチャ (Entire Tab)
シミュレーターのサイド設定パネルを含めたブラウザタブ全体を撮影し、検証手順やマニュアル資料として活用できます。
Annotation tools in the editor
Mark up responsive issues right where they are captured before copying or saving.
- Pen
- Arrow
- Line
- Rectangle
- Ellipse
- Stroke colour
- Stroke width
- Undo
Export and handoff
Save as PNG or WebP, copy to clipboard, or upload to generate a quick shareable preview link.
マイク解説とWebカメラを重ねた高品質な動画録画
専用の録画ソフトを用意することなく、バグの再現動画や新機能のデモ動画を手軽に収録できます。
端末画面のみ、またはタブ全体の選択録画
スマホ画面の中身だけを綺麗に録画するか、シミュレーター操作部を含めたタブ全体を録画するかを柔軟に選べます。
マイク音声と丸型Webカメラの合成
マイクで音声解説を吹き込みながら、画面の隅に発表者の顔を映した丸いWebカメラを重ねて臨場感あるデモを収録できます。
軽量かつ高画質なWebMファイル出力
録画終了後すぐに滑らかなWebM動画としてローカルPCにダウンロードされ、SlackやJira、社内Wikiへスムーズに共有できます。
完全ローカルな安心セキュリティ
ブラウザの標準MediaRecorder APIを活用してPC内部で直接エンコードされるため、外部サーバーへ映像データが送信されることはありません。
数十台のデバイス画面をワンクリックで一網打尽に撮影
端末を1台ずつ切り替えて手作業でキャプチャする不毛な作業をゼロに。一度の実行で全デバイスの検証用スクリーンショットを収集します。
実用的なテーマ別端末プリセット
人気スマホセット、最新iPhoneシリーズ、Androidマトリクス、タブレット一覧、標準レスポンシブ検証用ブレークポイントを即選択可能。
リアルタイム進捗バーと失敗時の個別再試行
撮影の進み具合を視覚的に把握でき、ネットワークの遅延などで読み込みが遅れた端末だけをピンポイントで再撮影できます。
ZIP圧縮まとめ保存 & 一覧コンタクトシート
全画像を整理されたZIPファイルでまとめてダウンロードできるほか、すべての解像度を1枚に並べたワイドな比較シート画像を出力できます。
プロジェクトに合わせた自由な端末選択
96種類のラインナップから、自社サービスのアクセス解析データに合わせた特定の機種だけをチェックボックスで柔軟に抽出できます。
Presets for batch testing
- Common Phones
- iPhone Matrix
- Android Matrix
- Responsive QA
- App Store sizes
- Play Store sizes
WCAG適合性と親指操作エリアを即座にオーバーレイ表示
本番公開前に、モバイル画面上での文字の見やすさや片手操作時の押しにくさをビジュアルにチェックできます。
テキストのコントラスト比チェック
WCAG AAおよびAAAの基準に基づき、文字と背景のコントラスト比を自動測定。屋外の直射日光下で見づらくなる薄いテキストをハイライトします。
タップ領域サイズの検査 (Tap Targets)
ボタンやリンクが推奨される最小サイズ（48x48pxまたは44x44px）を満たしているかを検証し、片手操作時の押し間違いを防ぎます。
見出し階層構造の確認 (H1〜H6)
ページ内の見出しタグ構造をスキャンし、スクリーンリーダー利用者のWeb理解を妨げる見出しレベルの飛びを検出します。
画像のAlt代替テキスト漏れ検出
alt属性が空または不十分な画像を瞬時にリストアップし、視覚障害者への適切な情報伝達と画像SEOの向上をサポートします。
キーボードのフォーカス移動順序
外付けキーボード利用者のためのTabキー移動ルートを可視化し、論理的で迷いのない操作フローになっているかを確かめます。
片手操作時の親指リーチエリア判定 (Thumb Reach)
片手でスマホを持った際の操作難易度（楽に届くエリア、少し伸ばすエリア、届かないエリア）を色分け表示し、重要ボタンの配置を最適化します。
Actionable inspection. Clicking a finding highlights the element without changing the page state.
プロの開発者のワークフローに合わせた細やかな調整
独自端末の解像度追加からダークモード表示、ショートカットキーの割り当てまで高い自由度を誇ります。
カスタム端末の自由な追加
特殊なサイネージ端末や新機種の幅・高さ・DPR・OS名・User-Agentを入力して、自分だけの専用端末プロファイルを登録できます。
快適なキーボードショートカット
Chromeの拡張機能ショートカット設定から好きなキーを割り当てて、シミュレーターの起動や画面回転、撮影を瞬時に行えます。
ステータスバーの表示微調整
実機バーのオン/オフやWi-Fiアイコンの表示、時刻（9:41固定など）をカスタマイズして、常に整ったキャプチャを入手できます。
本格的なダークモード対応
エディタやIDE環境に馴染む落ち着いたダークテーマを標準装備し、長時間の検証作業でも目の疲れを軽減します。
レスポンシブ検証を完了させる4ステップ
開発から表示確認、フィードバック共有までの無駄なステップを徹底的に削ぎ落としました。
- 1
検証したいWebサイトを開く
Chromeで対象のURLを開きます（ローカルPCのlocalhostサーバー、社内ステージング環境、ローカルのfile://ファイルに完全対応）。
- 2
シミュレーターを起動して端末を選択
AppKiroアイコンをクリックしてお好みの端末を選ぶと、実機と同じ比率のフレーム内にページが瞬時に収まります。
- 3
タッチ操作・キーボード押し上げ・複数画面を検証
慣性スクロールを確かめ、入力欄をタップしてキーボードによる画面崩れを点検し、必要に応じて複数画面を連動させます。
- 4
キャプチャ・録画・アクセシビリティを共有
フレーム付きスクリーンショットを出力したり、操作動画を録画したり、一括キャプチャを実行してチームに成果を報告します。
Chrome標準のデベロッパーツール（F12）よりも選ばれる理由 標準の検証機能はコードデバッグに優れていますが、AppKiroモバイルシミュレーターは実務の報告やビジュアルQAに必要なリアルさと便利ツールを備えています。
AppKiro モバイルシミュレーターの主な利用者
モバイルWebの体験と品質に責任を持つすべてのプロフェッショナルのために。
フロントエンドエンジニア
CSSのメディアクエリのブレークポイントを確かめ、ノッチの余白バグを修正し、svh/dvhの挙動をローカル環境で直接デバッグできます。
QA・テストエンジニア
クロスデバイスのリグレッションテストを劇的に短縮し、アクセシビリティ監査を行い、端末フレーム付きの分かりやすい不具合報告画像を作成できます。
UI/UXデザイナー
実装されたWeb画面とデザインカンプの一致度を検証し、片手操作時の親指の届きやすさを評価してポートフォリオ用のモック画像を書き出せます。
Webマーケター・ディレクター
ランディングページが最新スマホでどう美しく見えるかを撮影し、SNS配信用のショート紹介動画を手軽に録画できます。
プロダクトマネージャー
スプリントレビューの場で、周囲から何台もの実機スマホをかき集めることなく、1台のPC上で全端末の品質を即座にチェックできます。
Chrome標準のデベロッパーツール（F12）よりも選ばれる理由
標準の検証機能はコードデバッグに優れていますが、AppKiroモバイルシミュレーターは実務の報告やビジュアルQAに必要なリアルさと便利ツールを備えています。
無機質な四角い枠ではないリアルな端末フレーム
DevToolsは枠線のない平坦な領域しか見せません。AppKiroはステータスバーや端末ベゼルを忠実に再現し、エンドユーザーが実際に手にする感覚をそのまま見せます。
ソフトウェアキーボードによる画面押し上げを再現
実際のスマホではキーボードが開くと表示領域が大きく狭まります。DevToolsでは再現されないこの押し上げを再現し、下部ボタンの重なりを防ぎます。
複数端末を並べて同時にスクロール連動
DevToolsは1画面ずつしか確認できません。AppKiroならスマホ、タブレット、PCを横に並べて1回のスクロールで全画面を同時にテストできます。
クラウド実機サービスの費用不要、100%オフライン動作
高価なクラウド端末レンタルの月額費用もかからず、遠隔配信の操作遅延もありません。外部公開できない社内localhost環境もセキュアに検証できます。
この拡張機能で対応できないこと
インストール前に知っておくべき、ブラウザベースのビューポートシミュレータの実際の限界です。
ビューポートシミュレータであり実機クラウドラボではありません
Webページはお使いのChromeエンジンで描画されます。iOS SafariやWebKit特有のレンダリングバグや、特定スマートフォンのGPU・カメラ・各種センサー依存の挙動は再現できません。
ネイティブアプリのエミュレータではありません
スマートフォンやタブレットのWeb閲覧環境をシミュレートするツールです。iOSやAndroidのネイティブアプリを起動することはできず、XcodeやAndroid Studioのエミュレータの代わりにはなりません。
一部のページはシミュレートできません
iframe埋め込みを拒否するセキュリティ設定のWebサイトや、chrome://で始まる内部設定画面、Chromeウェブストア自体はブラウザの制限によりシミュレータ内で表示できません。
モバイルシミュレーターに関するFAQ
端末数、エミュレーション精度、日常の検証フローについてよくいただくご質問です。
AppKiro Mobile Simulatorとはどのような拡張機能ですか？
Chromeのブラウザタブをスマートフォン、タブレット、折りたたみ画面、PCのシミュレーターに変える拡張機能です。選択した端末の正確なビューポート、ピクセル比DPR、User-Agent、ノッチのセーフエリアに合わせてページを描画し、端末枠付きスクリーンショット撮影、画面録画、複数端末の一括撮影、アクセシビリティ監査機能を提供します。
さまざまな画面サイズでWebサイトをテストするにはどうすればいいですか？
テストしたいWebサイトを開き、シミュレーターを起動して96種類のプリセットから好きな端末を選ぶだけです。1つのタブ内で複数の画面を横並びにして同期機能をオンにすれば、スクロールやクリックがすべての画面でリアルタイムに連動します。
Chrome開発者ツール（F12）のデバイスモードとは何が違うのですか？
DevToolsは画面幅とUser-Agentを変更するだけの簡易機能です。AppKiroは、ステータスバー付きのリアルな実機外枠、仮想キーボード出現による画面押し上げの再現、svh/dvh/lvhやセーフエリアの正確な計算、複数画面の同期連動、画面録画、全デバイス一括キャプチャ、WCAGアクセシビリティ監査パネルを追加で提供します。
実物のスマートフォンや有償のクラウドラボは必要ですか？
ほとんどの検証において必要ありません。お使いのPC上のChrome内で直接動作するため、高額な実機購入や月額費用をかけることなく、レスポンシブ表示、メディアクエリ、タッチ操作の課題を完全に検証できます。
どのようなデバイス端末が含まれていますか？
合計96種類の実機プロファイルが含まれています：31機種のiPhone、32機種のAndroidスマホ、7機種の折りたたみ端末、11機種のタブレット、11機種のノートPCおよびデスクトップ解像度、3機種の特殊ディスプレイ（スマートTV、キオスク端末、Sonoff壁掛けパネル）、Apple Watch 1機種。必要に応じてカスタム端末も登録可能です。
シミュレーターの画面をスクリーンショット撮影できますか？
はい、4つのモードに対応しています：端末外枠付き、Web画面のみ、縦長フルページスクロール結合、ブラウザタブ全体。撮影後は矢印や文字を書き込めるエディタが開き、PNG/WebP保存、クリップボードコピー、共有リンク発行が行えます。
一度にたくさんの端末で同時にスクリーンショットを撮ることはできますか？
はい、「一括キャプチャ（Batch Capture）」機能を使えば、選んだ端末グループに対して自動で順次レンダリングと撮影を行い、ZIP形式でまとめて保存したり、全機種を1枚に並べた一覧比較シート（Contact Sheet）を生成できます。
ブラウジングの履歴や個人データが外部に送信されますか？
一切送信されません。アカウント登録は不要で、トラッキングや外部分析コードも一切ありません。すべての描画・キャプチャ・動画処理はお使いのPC内部で100%完結します。お客様が明示的に「リンクを共有」ボタンを押した画像のみが単独で一時アップロードされます。
localhostの開発環境やローカルのHTMLファイルもテストできますか？
localhostや社内IPアドレスも通常のWebサイトとまったく同様に検証できます。PC内のローカルなfile://ファイルの場合は、chrome://extensionsの拡張機能設定ページで「ファイルの URL へのアクセスを許可する」をオンにするだけで動作します。
料金はいくらですか？必要な動作環境は？
完全無料であり、すべての機能が最初から無制限に開放されています。課金や有料プランは一切ありません。Manifest V3に対応したGoogle Chrome 116以降のブラウザがあればすぐに利用でき、UIは52カ国語に対応しています。
AppKiroのWeb開発おすすめツール
ソフトのインストール不要で、ブラウザ上でそのまま使える便利な画像処理・デザイン検証ツールです。
- アプリアイコン生成ツール (App Icon Generator)1枚の高解像度画像からiOSとAndroidに必要なすべてのサイズのアイコンを一括出力します。
- SNS画像リサイズ・切り抜きスマホキャプチャ画像をTwitter、LinkedIn、Instagramの推奨サイズに合わせてトリミングします。
- 画像リサイズ (Image Resize)高解像度な端末モックアップ画像のファイル容量を縮小し、資料添付に適したサイズに調整します。
- WebP変換ツール文字のシャープさを損なうことなく、端末枠付きPNG画像を軽量なWebPに圧縮します。
- カラーコントラスト比チェッカー文字と背景のコントラスト比をWCAG基準に照らし合わせて詳細に判定します。
- 動画GIF変換 (Video to GIF)録画した操作動画をアニメーションGIFに変換し、GitHub Issuesやドキュメントへ手軽に埋め込めます。
プロフェッショナルなモバイル検証を今すぐ始めましょう
ChromeにAppKiro モバイルシミュレーターを追加して、96種類の端末ビューポートでレスポンシブ表示を確かめ、美しいモックアップ画像をすばやく作成しましょう。
Chromeウェブストア審査中 — 本番リリース準備完了