ieやedgeで表示されない病を克服したグラフィック。ie&edgeの問題があります。この時がやっとやって来ました!今後は日本でもie&edgeのブラウザシェアが徐々に減っていくと思われる告知がマイクロソフト自身からありました。Explorerの使用をやめるよう要請。日本が一番遅れていて、ie&edge両方で3割近くあったブラウザシェアが、この告知でやっと減っていき、ie&edgeはもうなくなっていきます。ie&edgeで表示すると同じウェブサイトが真っ白のままというトラブルが数多くおこっていたからです。マイクロソフトはもっと早く対応しなければならなかったのに、できなかったのです。そのため日本では3割のie&edge使用者のために、特別なie&edge対応をしなければなりませんでした。Webコーダーやデザイナー、エンジニアが対応してきたこと。やって、対応してきたかの概要をかいつまんでお知らせします。この事例の場合、Webデザイナー領域のスキルだけで、解決策を実行した制作例です。メンズアパレルのランディングページ用カバー作成です。(以下全て掲載のカバーはぼかして表示しています。)ECサイトにおけるランディングページのカバー製作で、このようなカバーをコーディングで作成しました。最近とみに感じています。この件は上記にあてはまった例です。この事例状況は以下の通りでした。当初このカバー部分は、画像ではなく、リッチコンテンツによるマークアップ製作だった。よって、グラフィック中の文字は全て、ソース表示される設計でした。その方法で製作後に、ブラウザテスト時に、このカバーがieやedgeで表示されず、このページ画面が真っ白で、何も表示されなかった。スマホやタブレットでは表示された。このコーディング設計のカバーコンテンツがどうしてieやedgeで表示されなかったのか?表示されなかったページは、全てがある最先端のプラグインで制作したページでした。この場合のボトルネットは、最先端の技術にあるのでは?と予測できました。スマホやタブレットは対応しているのに、ieやedgeだけが遅れていて非対応という事実が判明したのです。これはかなり難解な状況で、フロントエンドのしかもコンテンツ制作側の責任領域と判断し、デザイナー側で検証テストを何度も行い、ie&edgeで真っ白になった原因は、このカバー以外にその他にも数箇所の機能にある事をつきとめました。米国ではieやedgeのブラウザシェアが低く、サポートしないサービスが多い。これも海外サポートに問い合わせてわかったのですが、「我々はもうieやedgeはサポートしていない」と米国テーマ配布会社から、正々堂々と返答が来た時には驚きました。米国ではie&edgeあわせて10%前後。日本ではこの両方のシェアが合計して30%弱くらいありますので、これに対応しないと広告費の3割をどぶに捨てる事になり、無視するわけにはいかないのです。ボトルネックを発見した検証テストのやり方とは?当初は原因が全くつかめず「これはデザイナータスクなのか?」と当惑していたくらいです。意を決して、ボトルネック発見のための検証テストを行いました。これは実際手間がかかる作業で、コンテンツを切り分けてテストしていったのです。結果、ボトルネックは何種類何箇所もある事が検証テストでわかりました。手順はこんな流れです。そのページのコンテンツを切り分けて検証テストを行う。特定したコンテンツの機能を変更しマークアップし直す。最新機能にはブラウザ非対応があるという一長一短があるというわけです。新しすぎるとエラーが出やすいというのは、Webでも同じというわけです。他のコンテツもieやedge非対応という症状が生まれるコンテンツが数多く見つかりました。レスポンシブも含め、拡大する各種ブラウザ、特にieやedgeをクリアしていくボトルネック回避の知識がグラフィックを作成する段階から必要になるとはっきりわかった出来事でした。UX/UIも秀悦なウェブ表示できますieやedgeで表示されない病を克服したグラフィックピックアップ記事2020/2/20WordPressのバージョンアップで失敗する前に!ほとんどの人が経験するよく失敗する事の一つが、Wordpressのバージョンアップです。UX/UIも秀悦なウェブ表示でき...Jimdoでもここまでできる!コスパのいいコーポレートサ...コスメECサイトをCMSで制作した実例。齋藤天津子...2020/2/20WordPressのバージョンアップで失敗する前に!ほとんどの人が経験するよく失敗する事の一つが、Wordpressのバージョンアップです。カバーをかっこよくつくるポイントこのポートフォリオの中のカバーは私自身が制作しています。