【NTTレゾナント】「gooラボ」、スマホサイトの 自動レイアウトチェックサービスを公開
NTTレゾナント株式会社
「gooラボ」、スマホサイトの自動レイアウトチェックサービスを公開
~サイトをパーツごとに比較し、レイアウト崩れを自動検知~
https://labs.goo.ne.jp/autolayoutchecker/
NTTレゾナント株式会社(本社:東京都港区、代表取締役社長:若井 昌宏、以下、NTTレゾナント)は、日本電信電話株式会社(以下、NTT)のソフトウェアイノベーションセンタ(*1)が開発したUIレイアウトテスト技術とNTTレゾナントが提供するクラウド型検証サービス「Remote TestKit(リモートテストキット)」(*2) (以下、Remote TestKit)を組み合わせたスマートフォンサイトの自動レイアウトチェックサービス「AutoLayoutChecker(オートレイアウトチェッカー)」のβサービスを本日より、「gooラボ」にて公開します。
1.【背景】スマホの機種やOSに依存するレイアウト崩れのチェックにかかる労力は膨大
ウェブサイトでは、スマホの機種やOSの違いによりレイアウトの崩れが発生します。この問題に対し、これまでサイト提供者は、サイトを公開する前に、目視による検証やツールによる検証を行っていました。しかし、目視による検証は、確認作業に多くの時間がかかり、また誤り箇所を見逃してしまう課題がありました。また、ツールによる検証方法は、既存のツールでは、サイト全体を一つの大きな画像として崩れの確認を行うため、例えば「サイト内の一部の画像が欠落すると、サイト全体が崩れている」と過剰に検知してしまい、具体的な崩れ箇所がわかりづらいという問題がありました。
2.【サービス概要】パーツ単位で比較することでレイアウト崩れの箇所を明確化
これらの課題を踏まえ、今回、NTTレゾナントが提供する「AutoLayoutChecker」では、NTTの開発したUIレイアウトテスト技術を用いることにより、サイトをパーツごとに比較し、パーツ単位での崩れを検出することを可能にしました。これにより、
1. 画像・文字列単位での変化を、パーツ毎の特性に応じて、それぞれに最適な比較手法を用いることができる
2. 他のパーツの変更などによる影響を受けずに差異を比較できる
3. 差異をピンポイントで指摘することができる
といったメリットが得られ、目視や既存ツールによる検証に比べ、短時間かつ高精度なレイアウトチェックを可能としています。
・レイアウトチェックの具体例
■領域の抜け、パーツ単位の移動
(a) 広告が消失し、全体が上にずれている
(b) アイコンがなくなった
■文字列単位での変化
(c) 文字列が変わった
また、画像認識でパーツごとに区切り、そのパーツ単位で比較を行うため、移動やパーツの追加・消失に対応が可能です。
さらに、「AutoLayoutChecker」では、「Remote TestKit」を用いて、クラウド上のスマートフォン実機でサイトのキャプチャーを行います。これにより、エミュレーターでは再現できない、実際に起こっているレイアウト崩れや差異を検知することができます。
・利用方法
https://labs.goo.ne.jp/autolayoutchecker/
ご利用にあたっては、ユーザー登録等の必要はありません。βサービス提供のため、検証用の端末は9機種となります。
(1) 端末を選択
比較する端末を2台選択してください。
(2) URLを入力
検証したいサイトのURLを入力し、「確認画面へ」ボタンを押下すると、確認用のモーダルウィンドウが表示されます。画面内の「検証開始」ボタンを押下すると、選択した端末の画面のキャプチャーが実行され、キャプチャー完了後に画面同士の差異の解析が行われます。
(3) 解析結果確認
解析が終わり、「解析結果を確認する」を選択すると、選択した2つの端末の画面が表示されます。差異は赤くハイライトされるため、崩れがひとめでわかります。
3.【今後について】ソフトウェアテストにおける課題を、新技術を用いた自動化で解決
NTTレゾナントではこれまでも、「Remote TestKit」の提供などを通じて、ソフトウェアの開発・テストを支援して参りました。今後はさらにテスト自動化分野を強化し、引き続きNTTと連携して新たなテスト技術の開発を進めて参ります。また、UIレイアウトテスト技術と「Remote TestKit」を組み合わせた、ソフトウェアテストにおける課題解決を目指したサービスの提供や、テスト自動化コンサルティングについても行っていく予定です。
【補足】
(*1) 「NTTソフトウェアイノベーションセンタ」(http://www.sic.ecl.ntt.co.jp/index.html)
(*2) 「Remote TestKit」(https://appkitbox.com/testkit/)
「Remote TestKit」は、スマホアプリやスマホ用Webサイトをクラウド上で検証することができる開発者支援サービスです。利用者は実機を購入する必要がなく、クラウド上で500機種以上のスマホ・タブレット端末の動作検証をすることができます。また、複数の端末に自動でテストシナリオを実施する「自動テスト」機能など、開発者を支援するさまざまな機能があり、検証を担当する皆さまの負担を軽減します。
※ 記載されている会社名、サービス名および商品名は、各社の登録商標または商標です。
以上
玉置浩二の妻、青田典子(53)の現在がとんでもない事になっていると話題に
【日本代表】“死の組”に森保監督「予想通り厳しいグループに入ったな、と」豪州、サウジと同組
倉田真由美氏、2月死去の夫の携帯解約できず「使わない電話代を払い続ける意味はないのに…」
楽天モバイル、「プラチナバンド」開始 三木谷会長「本当に熱望」
秋山幸二ソフトバンク元監督の娘、秋山真凛とプロゴルファー杉本エリックが本紙既報通り結婚報告
【データ】大谷翔平、球団新10戦連続打点 大リーグ記録は1922年グリムスの17試合
【阪神】佐藤輝明「完全アウト」のヘッスラ実らず…猛アピールでリクエストもアウト「え~!」
W杯アジア最終予選、韓国の組み合わせにSNS「中東だらけ」「つらそうだな」と心配の声
王林、パンツ&へそピアスチラリコーデ披露「カッコいい」の声 映画「あぶない刑事」鑑賞報告
米兵の少女暴行で司令官が説明 「基地で拘束、パスポートも回収」
何があった!?「エアコン」が想定外の壊れ具合!投稿者に話を聞いた
株主優待の桐谷さん「アダルトサイトを見てたらウィルス感染」正直投稿 修復のお礼はやはり…
丸亀製麺の「丸亀うどーなつ」が販売開始で完売店舗続出!過去の「うどんで作ったドーナッツ」と比較すると……
大谷翔平25号、驚異の2試合連続先頭打者弾 ここ10試合で8発の荒稼ぎ 得意の6月、11本目
玉置浩二の妻、青田典子(53)の現在がとんでもない事になっていると話題に
米国育ちの37歳女性タレントが提唱「エンドレス牛丼」にネット賛同「発想なかった」「いいね」
【ネタバレ?】史実で見るキングダムの今後の展開まとめ〜中華統一までの全体像
心臓手術の可能性も アレク「違う病院に行こうと思ってます」セカンドオピニオン検討
生後間もない我が子がソファから落下 シンママのユーチューバー猛省「何を失ってもいいから…」
『水曜日のダウンタウン』覆面出演者の正体考察合戦でネット大盛り上がり
何があった!?「エアコン」が想定外の壊れ具合!投稿者に話を聞いた
玉置浩二の妻、青田典子(53)の現在がとんでもない事になっていると話題に
イケメンだから許される!堀北真希と山本耕史の「馴れ初め」が映画化希望するレベル
ガーシーが綾野剛のLINE公開でネット騒然「ショック」「すごいエンタメ」
都知事選掲示板にヌードポスター ひろゆき氏「世も末」 SNSで批判噴出
ユーチューバーもこう氏、元彼女・成海瑠奈について赤裸々告白
「愛が生まれた日」藤谷美和子(56)の現在がヤバい!?徘徊生活を送っていた過去も明らかに。
【ネタバレ?】史実で見るキングダムの今後の展開まとめ〜中華統一までの全体像
柏原崇(45)現在を調べてみた結果、相変わらずかっこよすぎた!
松本人志飲み会参加セクシー女優「警察に相談しに行きました」報告「さすがにこれは酷すぎる」
![game_banner](/images/banner-game.png)
玉置浩二の妻、青田典子(53)の現在がとんでもない事になっていると話題に
【日本代表】“死の組”に森保監督「予想通り厳しいグループに入ったな、と」豪州、サウジと同組
倉田真由美氏、2月死去の夫の携帯解約できず「使わない電話代を払い続ける意味はないのに…」
楽天モバイル、「プラチナバンド」開始 三木谷会長「本当に熱望」
秋山幸二ソフトバンク元監督の娘、秋山真凛とプロゴルファー杉本エリックが本紙既報通り結婚報告
【データ】大谷翔平、球団新10戦連続打点 大リーグ記録は1922年グリムスの17試合
【阪神】佐藤輝明「完全アウト」のヘッスラ実らず…猛アピールでリクエストもアウト「え~!」
W杯アジア最終予選、韓国の組み合わせにSNS「中東だらけ」「つらそうだな」と心配の声
王林、パンツ&へそピアスチラリコーデ披露「カッコいい」の声 映画「あぶない刑事」鑑賞報告
米兵の少女暴行で司令官が説明 「基地で拘束、パスポートも回収」