【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機種以上のスマホ・タブレット端末の動作検証をすることができます。また、複数の端末に自動でテストシナリオを実施する「自動テスト」機能など、開発者を支援するさまざまな機能があり、検証を担当する皆さまの負担を軽減します。
※ 記載されている会社名、サービス名および商品名は、各社の登録商標または商標です。
以上
ダルビッシュが大谷翔平を気遣う 対決かなわず「すごく残念ですけど。早く良くなってほしい」
野口健氏、首都高のタクシー事故現場遭遇 「プロの運転手」に思うこと
高知東生、これまでの歯科治療費は「家1軒分」 水原一平被告の900万円「全然驚かなかった」
経産省元キャリアに懲役10年 女性に睡眠薬飲ませた準強制性交罪
ひろゆき氏「あなたの感想ですよね」発言は「主観を事実のようにテレビで話した人を諌める為」
有吉弘行、「アメトーーク」加地倫三Pの後輩芸人への苦言明かす「史上最も面白くなかった」
草なぎ剛主演映画「碁盤斬り」ロンドンバス運行決定 各界著名人から絶賛コメントも到着
「虎に翼」16・9%、4度目の最高タイ視聴率 祝賀会の席で寅子がスピーチ
今田美桜「花咲舞が黙ってない!」第5話7・6% 老舗旅館に宿泊し顧客目線で改善点を探す舞
へずまりゅう、SNS引退後「立派な農家になって美味しいお米を」米農家転身宣言も賛否両論
何があった!?「エアコン」が想定外の壊れ具合!投稿者に話を聞いた
岡本夏生(56)、1600日ぶりにブログを更新した現在が衝撃
73歳神田正輝「旅サラダ」生放送で“12歳下俳優”から呼び捨てされ激論
ユーチューバーもこう氏、元彼女・成海瑠奈について赤裸々告白
曙と熱愛した相原勇(52)の現在が衝撃的すぎると話題に
玉置浩二の妻、青田典子(53)の現在がとんでもない事になっていると話題に
55歳森口博子「だっちゅーの」鮮やかビキニ姿披露にX歓喜「破壊力ハンパない」「スゴすぎ」
「ふてほど」25歳女優“薔薇ブラ”でポロリ寸前?過激衣装に「見えちゃう」「刺激強すぎ」
大物炎上系ユーチューバー”衝撃の預金残高”公開「すげぇ」「エグい」驚きの声
水原一平容疑者 最高刑「懲役33年」トレンド入り 「人生詰んだ」「稀代の詐欺師」の声
何があった!?「エアコン」が想定外の壊れ具合!投稿者に話を聞いた
岡本夏生(56)、1600日ぶりにブログを更新した現在が衝撃
深夜のファミリーマート徘徊、必ず入っている「フエラムネのミニチュアおもちゃ付」を探し求めた結果……
ユーチューバーもこう氏、元彼女・成海瑠奈について赤裸々告白
完全にダマされた! 『ラヴィット!』あのちゃん“事故レベル”大暴走は『水ダウ』遠隔操作のしわざだった ネットも納得
ガーシー、またも綾野剛の暴露写真でネット歓喜「この写真見て笑っちゃう」
玉置浩二の妻、青田典子(53)の現在がとんでもない事になっていると話題に
小澤征悦と再婚した桑子真帆アナ(34)黒い過去が流出、衝撃の過去にネット騒然
ガーシー、佐野ひなこの暴露を示唆でネット騒然「ファンだったのに」
ガーシーが綾野剛のLINE公開でネット騒然「ショック」「すごいエンタメ」
ダルビッシュが大谷翔平を気遣う 対決かなわず「すごく残念ですけど。早く良くなってほしい」
野口健氏、首都高のタクシー事故現場遭遇 「プロの運転手」に思うこと
高知東生、これまでの歯科治療費は「家1軒分」 水原一平被告の900万円「全然驚かなかった」
経産省元キャリアに懲役10年 女性に睡眠薬飲ませた準強制性交罪
ひろゆき氏「あなたの感想ですよね」発言は「主観を事実のようにテレビで話した人を諌める為」
有吉弘行、「アメトーーク」加地倫三Pの後輩芸人への苦言明かす「史上最も面白くなかった」
草なぎ剛主演映画「碁盤斬り」ロンドンバス運行決定 各界著名人から絶賛コメントも到着
「虎に翼」16・9%、4度目の最高タイ視聴率 祝賀会の席で寅子がスピーチ
今田美桜「花咲舞が黙ってない!」第5話7・6% 老舗旅館に宿泊し顧客目線で改善点を探す舞
へずまりゅう、SNS引退後「立派な農家になって美味しいお米を」米農家転身宣言も賛否両論