古いIE向けに作られたウェブサイトへの対策

2014年4月7日

WindowsXPのサポート中止で、新しいWindowsに変えている
という話をよく耳にするようになりました。
しかしこれはOSだけの話ではなくて、イ
ンターネットブラウザでも近々、似た話が起きそうです。

ブラウザ違いによる表示崩れ


ウェブサイトを見るときは、インターネットブラウザ
(Internet ExplorerやFireFox、Chromeなど)を使いますが
使うブラウザによっては表示が崩れてしまった経験などないでしょうか。

これは、インターネットブラウザが、必ずしも全く同じ決まりで作られていなかったためです。
同じHTMLでも、ブラウザによって解釈が異なっていたために、
表示が崩れてしまうことがあった、といえばわかりやすいでしょうか。

長らく開発者を悩ませ続けていたのが、
この中でもとくにInternet Explorer(以下IE)でした。
古いバージョンのIE7と、最新のIE11との間にも大きな違いがあり、
表示崩れだけでなく、プログラム(ブラウザで動くJavaScript)が動かなくなる、
といったことすらありました。

古いIE向けに作られたウェブシステムへの対応方法


特に古いIE7用に作られた社内用ウェブシステムが
IE10やIE11になって動作しなくなる、といった問題に対処するため、
2つの方法がとられました。

ひとつは、IE7用に作られたものを、新しいIE11用に調整する、という方法です。
調整する、といいますか、HTMLやプログラムなどを見直して
IE11でテストしなおす、ということです。
ひとことで言えば「お金をかけてIE11用に直す」ということです。

IEのドキュメントモード


お金をかけたくない場合は、ふたつめの方法がとられました。
それがドキュメントモードです。

ためしにお使いのIEを起動した状態で、「F12」キーを押してください。
ブラウザの下側の表示がかわり、下記のような画面になるのではないでしょうか。

Windows Vista + IE9 の例
ドキュメントモード(WINVISTA+IE9)

Windiws8.1 + IE11 の例
ドキュメントモード(WIN8+IE11)

ここでたとえば「IE7」を選択すると、
現在開いているウェブサイトをIE7で開いたように参照することができる、というものです。
IE11で、IE7のシミュレーターを動かす、というとわかりやすいでしょうか。

便利でローコストな「ドキュメントモード」の非推奨…


ドキュメントモードは、わかりにくいところに隠れている便利な機能なのですが
一方で、この機能をいつまでも使えるわけではない、ということが決まっています。

Internet Explorer 8 には、独自機能から標準に基づいた機能に Web サイトを移行する方法としてドキュメント モードの概念が導入され、複数のブラウザーやデバイスでサポートされました。 Internet Explorer 11 以降では、ドキュメント モードは非推奨と見なされるため、使わないようにする必要があります。 従来のドキュメント モードを必要とする Web ページとアプリは、最新の機能、ブラウザー、デバイスをサポートするように必ず更新してください。

ドキュメント モードの非推奨 (Windows)
http://msdn.microsoft.com/ja-jp/library/ie/dn384051%28v=vs.85%29.aspx

「いつまでもドキュメントモードは使えないよ」
「古いウェブサイトは、最新のブラウザで動くように修正しておいてね」
ということです。

* * *

これまでマイクロソフト社が負担してきた、古いブラウザへの対応を
ウェブサイトの持ち主に転嫁するものと言えます。
勝手に強制的にIEのバージョンアップを強いた上でこの言いぐさですから
泣き言の一つもいいたくなります。
しかし、とくに大企業で、新しいブラウザ+古いバージョンのドキュメントモード
で社内ウェブシステムを使っているところは、そろそろまともに対策を考えるべき時期がきています。

この記事の著者

イルカシステム(株) イルカシステム株式会社

イルカシステム(株)は、以下のような業務用ウェブシステムのご提案、受託開発、運用を行っております。

1.中小企業さま向けの社内向け業務ウェブシステム(営業支援、顧客管理、受注管理、請求入金管理、在庫管理、経営数値管理など)

2.医療業界向けの業務改善システム

※業務ウェブシステムの開発を効率化するための自社サービス「イルカベーカリー」をご提供しております。
※医療業界向けに、臨床研究の無作為割付自動化のための自社サービス「ムジンワリ」をご提供しております。

お問合せはお気軽に、こちらからどうぞ! → イルカシステム株式会社へ問合せ

著者:イルカシステム株式会社

お問い合わせ




会社概要

<p>イルカシステム(株)</p>
<img src="http://www.iruka-system.co.jp/wp-content/uploads/2017/01/WS000000.png" alt="会社概要 住所" width="243" height="84" class="alignnone size-full wp-image-49" />
<div class="alert alert-warning">
2017/1/1より、住所変更いたしました。
</div>
<p><span class="label label-success">TEL</span> 03-5843-9168</p>

  • 中小企業 41個の記事

    中小企業様にご提案・開発してきた実績をもとに、システム構築について記載した様々な記事一覧です。

  • 社内システム 39個の記事

    様々な社内システムをご提案・開発してきた実績をもとに、システム構築について記載した様々な記事一覧です。

  • わかりやすさ 30個の記事

    情報システムをわかりやすく使いやすいものにするためのノウハウ、気をつけていることの記事一覧です。

  • UI設計 27個の記事

    UI(ユーザーインターフェース)は、システムの使い勝手を左右します。どんな点に気をつけているか、どんな考えでシステム開発しているかの記事一覧です。

  • 顧客管理 26個の記事

    これまで構築した様々なシステムのうち、顧客管理機能をどのような観点でご提案、開発しているかをまとめた記事一覧です。

  • 受注管理 18個の記事

    これまで構築した様々なシステムのうち、受注情報を管理する機能をどのような観点でご提案、開発しているかをまとめた記事一覧です。

  • ビジネス 18個の記事

  • 業務 16個の記事

  • 要件定義 14個の記事

    要件定義とはどのようなシステムを構築するのかを決める作業です。要件定義において注意し、考えていることをまとめた記事一覧です。

  • クラウド 13個の記事

  • 登録画面 13個の記事

  • 編集画面 12個の記事

  • システム会社 12個の記事

  • 情報共有 11個の記事

  • みえる化 11個の記事

    手作業をシステム化して効率化するだけでなく、それらの情報を集約して簡単に見えるようにし、社員が自律的に動ける組織を作ることが「みえる化」です。

  • 一覧画面 11個の記事

  • 業務用ウェブシステム 10個の記事

  • エクセル 9個の記事

  • コミュニケーション 9個の記事

  • セキュリティ 8個の記事