HN 日本語サマリー

← 一覧へ戻る
その他

Example.com、数十年で最大のリニューアルを実施

Example.com Just Launched the Biggest Redesign in Decades (debugbear.com)

50 pointsby jgx028 コメント

要約

reserved domain nameであるexample.comが、数十年で最大のリニューアルを実施しました。今回の変更では、JavaScriptを使用して多言語対応が導入され、サイトの目的説明が5秒ごとに切り替わります。また、帯域幅の削減と利便性の向上を目指し、静的なHTMLページにJavaScriptファイルを組み合わせる構成に変更されました。

全文翻訳

example.comは、Internet Assigned Numbers Authority (IANA) によってドキュメント目的のために確保された予約済みドメイン名です。1990年代後半から開発者やライター向けのサンプルURLとして利用可能でした。ページの全体的なメッセージは一貫していましたが、視覚的な外観は何度か大きなオーバーホールを受けてきました。この記事では、最近の変更点と、過去20年以上にわたるexample.comの進化を見ていきます。 ブラウザはビデオタグをサポートしていません。 2026年9月28日に何が変わったのか? 2026年9月28日まで、example.comは静的な英語のページでした。今回のリニューアルでは、JavaScriptを使用して多言語サポートが導入され、5秒ごとに新しい言語でコンテンツが表示されます。example.comは、英語、アラビア語、中国語、フランス語、ロシア語、スペイン語でサイトの目的の説明を表示します。英語のメッセージは以下の通りです。「このドメインは、許可を必要とせずにドキュメントの例で使用するために提供されています。これはサービスではなく、テストや監視目的での利用は避けてください。」 多言語サポートの導入とともに、JavaScriptコードはSVGのブックアイコンも挿入します。 言語遷移アニメーションはどのように機能するのか? 新しいサイトは、次の言語を表示する際にコンテンツを置き換えるだけではありません。代わりに、段階的な不透明度遷移が行われます。不透明度アニメーション自体は、transition: opacity .4s; を使用しています。しかし、文字ごとの遷移はどのように実装されているのでしょうか?各文字は独自のspan要素でラップされ、各spanには前のものよりもわずかに大きいCSS transition-delayが与えられます。つまり、各文字の不透明度アニメーションはわずかに異なるタイミングで発生します。 IANAからの声明 IANAは、最近の変更の背後にある理由を説明する声明を発表しました。「私たちが時折サイトに行う変更は、通常、サイト提供の全体的な帯域幅の要求を削減するか、その有用性を向上させるという願望に基づいています。本質的には、誰もアクセスすべきではないサイトのプレースホルダーですが、歴史的にドメインが登録されている理由と、どのように使用できるかを訪問者に知らせるメッセージを表示してきました。トラフィックが多い傾向があるため、帯域幅全体が重要な考慮事項であり、そのために今週行った変更の1つは、ページコンテンツをより基本的なページに分割し、追加コンテンツを含む個別のJavaScriptファイルで補強することでした。サイトへのトラフィックのほとんどは自動化されているため、JavaScriptファイルを取得しない傾向があり、全体的なデータ要件が削減されます。ドメインの基本的な目的は、指示に見られるような図解的な例などのドキュメントでの使用です。人々が、例えば、サンプル設定ファイルをコピー&ペーストして、exampleドメインを含むエントリをカスタマイズし忘れる可能性があることを認識しており、それに起因する偶発的なトラフィックがいくらか発生すると予想しています。しかし、このドメインは、可用性テストなどの一般的な目的のエンドポイントとして意図されているわけではないため、そのような使用は推奨していません。その目的を果たすためにホスト上でHTTPサービスが存在する必要はありません。私たちは単に好意で運営しているだけです。」 2002年1月20日: 最古のバージョンはどのようなものだったか? Wikipediaによると、example.comウェブサイトは1999年1月1日にローンチしました。Wayback Machineで表示できる最も古いバージョンは2002年1月20日のものです。ウェブサイトの最も古いバージョンは、Internet Corporation for Assigned Names and Numbers (ICANN) および IANA によって予約されたドメイン名のリストのみを掲載していました。.com、.net、.orgのトップレベルドメイン(TLD)では、さまざまなドメイン名が予約されています。これらの名前は初期登録から予約されていますが、既存の登録者がいる場合は、既存の登録者は更新できます。構造的には、HTMLはテーブルレイアウトを使用し、ICANNのロゴがページの左上隅に配置されていました。サーバーヘッダーは、この時点でサイトがApache 1.3.22を使用していたことを示しています。 2002年3月28日: メッセージの簡略化 今日認識されているexample.comの最初のバージョンの文言は、最初のスクリーンショットから67日後に登場しました。「あなたは「example.com」、「example.net」、または「example.org」をウェブブラウザに入力することで、このウェブページに到達しました。これらのドメイン名はドキュメントでの使用のために予約されており、登録はできません。」 2003年2月7日: RFC 2606の引用を追加 2003年2月、予約済みトップレベルおよびセカンドレベルドメインの公式ドキュメントであるRFC 2606へのリンクを含めるようにコンテンツが修正され、訪問者はウェブサイトの目的に関する詳細情報をウェブサイトで見つけることができるようになりました。この頃、小さな技術的な変更もありました。サーバーはRed Hat Linux上でApache 1.3.27にアップグレードされました。 2010年7月30日: ドメインリストに.eduを追加 その後、ウェブサイトは7年間変更されませんでした。2010年7月30日、わずかな変更が加えられました。以前の3つのドメインに加えて、example.eduがランディングページを指すようになりました。 2013年7月29日: マイグレーションとランディングページのリニューアル 2011年1月以降、example.comは独自のページを提供していませんでした。代わりに、訪問者をIANAのウェブサイトのページにリダイレクトしていました。これは2013年7月29日に変更され、リダイレクトが削除され、example.comはApacheではなくEdgeCast Content Delivery Network (CDN) から独自のページを提供するようになり、ランディングページの大幅なリニューアルが行われました。新しいデザインは、'Example Domain'という見出しの<h1>と、ウェブサイトの目的の新しい説明が付いた丸みを帯びたカードを使用しました。表示可能なドメインリストはなくなりましたが、詳細情報へのリンクはIANAのウェブサイトにありました。 2019年10月17日: フォントとコピーの変更 ウェブサイトの歴史上最大の変更から6年後、新しいアップデートが来ました。レイアウトは同じでしたが、Mac、iPhone、Windows PCなどのデバイスに対応するため、フォントスタックが近代化され、より多くのフォールバックフォントが含まれるようになりました。コピーもわずかに調整され、「established to be used」が「is for use in illustrative examples」に、「in examples」が「in literature」に置き換えられました。 2025年1月15日: インフラストラクチャの切り替え ApacheからEdgeCast CDNへの切り替えからほぼ12年後、別のインフラストラクチャ変更が行われました。サーバーヘッダーが完全に消えました。この時点では、応答ヘッダーだけではどのプラットフォームがページを提供していたかはわかりません。この時期のプロバイダーの変更は驚くことではありません。EdgeCastは2022年にYahooからLimelight Networksに買収され、Edgioにブランド変更されました。その後、Edgioは2024年後半にチャプター11破産を申請し、Akamaiが一部のEdgio顧客契約を買収しました。 2025年10月9日: リニューアル 2025年後半、ページはリニューアルされました。カードデザインは廃止され、HTMLはミニファイされました。コピーはより直接的なメッセージに変更され、リンクテキストが「More information...」から「Learn more」に変更され、再びIANAのウェブサイトへのリンクが貼られました。 2025年12月17日: Cloudflareへの移行 前回の切り替えから1年も経たないうちに、インフラストラクチャが再び変更されました。応答に含まれるcloudflareサーバーヘッダーとCF-RAYヘッダーが示すように、サイトはCloudflareから提供されるようになりました。2025年1月の変更後にページを提供していたプラットフォームが何であれ、Cloudflareでフロントエンド化されたセットアップに置き換えられました。 2026年6月9日: ファビコンとHTMLの微調整 次のアップデートである2026年6月9日には、視覚的な変更はありませんでした。ページ自体のHTMLの変更は、ファビコンタグが追加されたことと、<p>タグが閉じられたことだけでした。ページには空のファビコンが含まれるようになりました。<link rel=