2018年09月号シェアTweet前回の第一部は、品質管理部が設立された経緯やチームの役割についてお話しました。メリットとデメリットRWDについての説明は今さら不要かもしれませんが、最初にRWDのメリット・デメリットをざっとおさらいしておきます。サイトの表示が重くなりがちRWDについての説明は今さら不要かもしれませんが、最初にRWDのメリット・デメリットをざっとおさらいしておきます。適したデザインの構成を考える必要がある制作・運営者、ユーザー、検索エンジン、それぞれの視点からみてメリット・デメリットがあることがわかります。私たち品質管理部のチェックの視点からみても、RWDに対するメリット・デメリットはあります。チェックにおけるメリットを挙げていきます。ファイルに対し修正・変更を行います。メリットがチェックのしやすさにも影響することが言えます。統一により情報の管理が楽になることで、いずれも工数削減に繋がっています。メリットがあれば、何かとデメリットも生じるもの。チェックにどのようなデメリットがあるのか、以下にあげてみます。・共通指摘した修正が、マルチデバイスで正しく反映されるとは限らない修正後にPC・スマートフォンなどで再チェックしたとき、一方では正しく表示されるがもう一方では表示崩れしてしまうケースがあります。デバイスごとのレイアウトやCSSが影響して表示崩れしてしまうなど、考えられる原因は様々です。※不要な指摘をしなくて済むよう、現在改善に取り組んでいます閲覧環境が増えると、機種やバージョンの依存による互換性が出てきます。構築が複雑になるとその分ミスも起こりやすくなり、いずれも指摘の増加原因になっているとが考えられます。品質管理部とコーディングファクトリー(以下、CF)の制作チームでは、このような問題の改善に向けて、定期的にミーティングを行っています。チェックで気を付けていることスマートフォンやタブレットの端末チェックでは、たて向き表示だけでなく、横向き表示も必ずチェックします。用の画面に切り替わってしまう・見出しやテキストが画面幅で折り返されず、そのまま一直線に突き抜けてしまう・たて向き→横向き→たて向きにしたとき、元に戻らず表示が崩れるなどが挙げられます。横向き表示(画像下)もしっかり行います。スマートフォンやタブレットの端末チェックでは、たて向き表示だけでなく、横向き表示も必ずチェックします。用の画面に切り替わってしまう・見出しやテキストが画面幅で折り返されず、そのまま一直線に突き抜けてしまう・たて向き→横向き→たて向きにしたとき、元に戻らず表示が崩れるなどが挙げられます。設計・構築をしないと、スマートフォン・タブレットのたて向きと横向きとで全然違うレイアウトになり、操作に混乱を招いてしまう、という最悪のケースも考えられます。日常でスマートフォンを横向きにして使用する頻度は少ないかもしれませんが、サイトのデザインやユーザーのその時のシチュエーションによっては横向きで閲覧する可能性も十分考えられます。想定できるケースは全て操作してみて、何か問題がないかくまなくチェックを行うよう心掛けています。出始めた数年前と比べると「どの端末で表示させるか」から「あらゆるサイズに表示対応させる」発想へ進歩したように感じます。技術はどんどん進化していく中で、チェックの内容も数年前と比べ難しくなっています。いう関係性を持ち、時代の流れにどう適応すべきなのか視野に入れていく時期が来ているということです。課題や考えることは山ほどありますが、近い将来をイメージしながら目の前の出来ることを精一杯やっていきたいと思います。Reserved.特定商取引法に基づく表示プライバシーポリシーサイトマップ。