4ie.net とは何ですか？

4ie.netは「フォーアイイー」と読み、二つの意味を持ちます。ひとつは "For Internet Explorer"——IE6・Windows XP時代（2001〜2010年代）のWebデザインと文化を再現・記録するレトロWebサイト。もうひとつは "For Industrial Engineering"——日本のIE（産業工学・IE改善活動）に携わる人々が知見をつぶやき合えるコミュニティです。

Internet Explorerのサポート終了日はいつですか？

Internet Explorerのサポートは2022年6月15日に終了しました。Microsoftが正式に発表したこの日をもって、IE11を含むすべてのバージョンのInternet Explorerが非サポートとなりました。後継ブラウザはMicrosoft Edgeです。

なぜInternet Explorerはサポートを終了したのですか？

Internet Explorerがサポートを終了した主な理由は3つです。①セキュリティ脆弱性の多さ（ActiveXやBHOによる攻撃リスク）、②HTML5・CSS3・ES6などモダンWeb標準への非対応、③ChromeやFirefoxへのユーザー移行でシェアが激減したことです。Microsoftは2015年にEdgeを発表しIEからの移行を推進しました。

IE6の全盛期のシェアは何%でしたか？

IE6は2003〜2004年頃にピークを迎え、世界ブラウザ市場シェアの約90〜95%を占めていました。これはブラウザ史上最高の独占シェアです。日本でも2005年頃まで「インターネット＝IE」という認識が一般的でした。その後Firefox登場（2004年）により徐々にシェアを失いました。

ブラウザ戦争とは何ですか？

ブラウザ戦争とは、1990年代後半〜2000年代に起きた2度のWebブラウザシェア争奪戦です。第一次ブラウザ戦争（1995〜2001年）はInternet ExplorerとNetscape Navigatorの競争でIEが勝利、第二次ブラウザ戦争（2003〜2015年）はIEとFirefox・Google ChromeとのシェアEでIEが敗北しました。

Internet ExplorerとMicrosoft Edgeの違いは何ですか？

Internet Explorerのレンダリングエンジンは「Trident」で、ActiveXやBHOなどレガシー技術をサポートします。Microsoft EdgeはEdgeHTMLエンジン（2015〜2019年）を経て、2020年以降はChromiumベースに完全刷新されました。EdgeはIEとは別のブラウザであり、IEの後継として位置づけられています。

Windows XPにはIEの何番が搭載されていましたか？

Windows XP（2001年10月25日リリース）にはInternet Explorer 6（IE6）が標準搭載されていました。Windows XPは2014年4月8日にサポート終了しましたが、その後もIE6を使い続けるユーザーが存在し、Web開発者にとって長年の課題となりました。

IEの各バージョンのリリース年を教えてください。

IE1（1995年）、IE2（1995年）、IE3（1996年）、IE4（1997年）、IE5（1999年）、IE5.5（2000年）、IE6（2001年・Windows XP同梱）、IE7（2006年）、IE8（2009年）、IE9（2011年）、IE10（2012年）、IE11（2013年・最終バージョン、2022年6月15日サポート終了）。

IE6で使えなかったCSS機能は何ですか？

IE6では次のCSS機能が未対応または不具合がありました。①PNGの透過（PNG-24）非対応、②min-height・max-height非対応、③:hoverはaタグのみ有効（他要素不可）、④CSSのdoubled margin float bug（ダブルマージンバグ）、⑤position: fixedの非対応。Web開発者はhasLayoutやIEコンディショナルコメントでこれらを回避していました。

IEのコンディショナルコメントとは何ですか？

IEのコンディショナルコメント（Conditional Comment）は、IE専用のHTMLコメント記法で、IE版ごとに異なるCSSやHTMLを適用できる機能です。例：。IE10以降では廃止されました。IE6時代のWeb開発者が互換性対策に多用した手法です。

ActiveXとは何ですか？なぜ危険なのですか？

ActiveXはMicrosoftが開発したブラウザ拡張技術で、主にInternet Explorerで使用されました。Webブラウザ上でWindowsアプリに近い機能（動画再生・文書印刷・銀行取引等）を実現できましたが、悪意あるサイトがActiveXを悪用するとシステムを乗っ取られる危険性があり、IE最大のセキュリティ上の問題とされていました。

Netscape Navigatorとはどんなブラウザですか？

Netscape Navigator（ネットスケープナビゲーター）は1994年にNetscape Communications社がリリースした初期の商用Webブラウザです。1990年代中頃まで世界シェア90%以上を誇りましたが、Internet Explorerとの競争（第一次ブラウザ戦争）に敗れ、2008年にサポート終了しました。Netscapeのソースコードは後のFirefoxに継承されました。

産業工学（Industrial Engineering）とは何ですか？

産業工学（Industrial Engineering、IE）とは、人・物・設備・情報・エネルギーからなるシステムを設計・改善・最適化する工学分野です。日本では「IE改善活動」として製造業・物流・サービス業で広く実践されており、ムダ取り（ECRS）・動作分析・時間研究・工程改善などの手法を使って生産性向上を図ります。

IEとカイゼンの違いは何ですか？

IE（Industrial Engineering）は科学的手法（時間研究・動作分析・ラインバランシング等）で現場を定量的に分析・設計する工学的アプローチです。カイゼン（改善）は現場の作業者が主体となり継続的に小さな改善を積み重ねるトヨタ生産方式発祥のアプローチです。IEがトップダウンの設計的改善、カイゼンがボトムアップの継続的改善と整理できます。両者は補完関係にあります。

4ie.netのつぶやき掲示板とは何ですか？

4ie.netのつぶやき掲示板は、IEや産業工学について自由につぶやける匿名コミュニティ機能です。2026年5月に実装済みです。ハンドルネーム制（2〜20文字）、280文字以内の投稿、リアルタイム更新（AJAX）の仕様で、mixi風のタイムライン表示を採用しています。イイネ機能はなく、純粋に言葉を交わす場として設計されています。

IE6時代に人気だった日本のWebサービスは何ですか？

IE6全盛期（2001〜2008年頃）の日本で人気だった主なWebサービス：mixi（2004年〜・SNS）、Yahoo! Japan（ポータル）、2ちゃんねる（掲示板）、楽天市場（EC）、ニコニコ動画（2006年〜・動画）、はてなダイアリー（ブログ）、モバゲータウン（携帯SNS）。これらはいずれもIE6前提で設計・最適化されていました。

テーブルレイアウトとは何ですか？

テーブルレイアウトとは、HTMLのタグを本来の表組み用途ではなくページの段組み・配置（レイアウト）に使用する手法です。IE6時代はCSSによるレイアウト（float・position）が不安定だったため、多くのWebサイトがtableで2カラム・3カラムレイアウトを実現していました。現代ではCSSフレックスボックスやグリッドが標準です。

アクセスカウンターとは何ですか？

アクセスカウンターとは、1990〜2000年代のWebサイトに広く設置されていた訪問者数表示ツールです。CGIやJavaScriptで実装し「あなたは○○番目の訪問者です」と表示しました。カウンター画像は数字ごとのGIF画像を並べたデザインが多く、「爆撃」（友人がカウンターを増やすために連打）という文化もありました。4ie.netのサイドバーにも再現されています。

「このサイトはIE 6.0で最適化されています」の意味は？

2000年代初頭のWebサイトによく記載されていた注記です。当時はブラウザ間の表示差異が大きく、IE6専用CSSや専用HTMLで設計されたサイトが多数存在しました。IE以外のブラウザ（Netscape等）では表示が崩れることを事前に告知する文言として使われていました。4ie.netのマーキーにもオマージュとして掲載されています。

Internet Explorerはなぜ「e」マークなのですか？

Internet Explorerのアイコンは青い「e」の文字に黄色の光の輪をあしらったデザインです。この「e」はExplorerの頭文字で、IE3（1996年）から採用されました。Windows XPのIE6では光沢感のある3Dデザインに改良され、日本人にとって最も馴染み深いインターネットのアイコンとなりました。Microsoft Edgeも当初「e」マークを使用していましたが、2019年に現在の波形デザインに変更されました。

AIO（AI Overview）とは何ですか？

AIO（AI Overview）とはGoogle検索が2024年から導入したAI生成サマリー機能です。検索結果の最上部にAIが複数のWebページを参照してまとめた回答が表示されます。日本では2024年10月から導入されています。AIOに引用されるためには、正確で構造化された自己完結型のコンテンツ（FAQ・定義文・テーブル形式）が有効とされています。

LLMO（LLM Optimization）とは何ですか？

LLMO（LLM Optimization）とは、ChatGPT・Claude・Geminiなどの大規模言語モデル（LLM）が回答を生成する際に自社コンテンツを引用してもらいやすくするための最適化手法です。従来のSEOが検索順位を目標とするのに対し、LLMOはAIの回答内に情報源として選ばれることを目標とします。llms.txt・Schema.org・FAQコンテンツ・E-E-A-T強化が主な手法です。

IE時代を思い出す！CSS calc()の落とし穴：0と0pxの微妙な違い

📝 IE時代を思い出す！CSS calc()の落とし穴：0と0pxの微妙な違い

https://4ie.net/ie%e6%99%82%e4%bb%a3%e3%82%92%e6%80%9d%e3%81%84%e5%87%ba%e3%81%99%ef%bc%81css-calc%e3%81%ae%e8%90%bd%e3%81%a8%e3%81%97%e7%a9%b4%ef%bc%9a0%e3%81%a80px%e3%81%ae%e5%be%ae%e5%a6%99%e3%81%aa%e9%81%95/

🗓 2026年4月30日 | ✏ | 🏷 IE ニュース | 💬 0 comments

かつてのWeb戦国時代、IE6がWindows XPとともに登場した2001年8月、ブラウザ戦争の真っ只中でCSSの仕様に頭を悩ませた開発者も多かったはず。今日は、そんなレトロな気分を味わいながら、CSSのcalc()関数に潜む意外な落とし穴についてお話ししよう。

CSSのcalc()関数は、幅や高さを動的に計算する便利な機能だ。例えば、calc(100% – var(–margin))のようにカスタムプロパティを使った計算が可能。しかし、ここで注意！–marginを単位なしの「0」に設定すると、calc()の値が無効になってしまうのだ。回避策は簡単で、「0px」と単位を付けるだけで問題解決。だが、CSSリンターが自動的に単位を剥がしてしまう場合もあるので、コードチェックには要注意だ。

IE6の全盛期、2002〜2003年頃には市場シェア約95%を誇ったInternet Explorerだが、2022年6月15日にIE11のサポートが終了し、Microsoft Edgeへとバトンが渡された。あの頃の苦労を思い出しつつ、現代のCSS仕様の細かな挙動にも気を配りたいものだ。

まとめると、calc()を使う際は単位なしの「0」を避け、「0px」を使うのが安全策。IE時代の試行錯誤を懐かしみながら、最新のWeb技術にも目を光らせよう。出典: Web Platform News

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル