テクノロジーは常に、ツールをより多くのことを実行し、より便利にするために、よりシンプルな基盤の上に構築することを目的としています。車輪の概念は馬車につながり、それが自動車につながりました。サスペンション システムのない自動車は、ドライバーや乗客にでこぼこした不快な、潜在的に危険な乗り心地を提供するため、自動車のスプリングの開発につながり、より優れた衝撃吸収性とよりスムーズな走行を可能にしました。
同じ考えが、コンピューターやインターネット技術の主要な発展にも当てはまります。インターネットの初期段階は、テキストと画像を含む単純なページ (Web 1.0 と呼ばれるもの) で構成されていましたが、今日の Web サイトは、派手なアニメーションや使いやすいアプリケーション (Web 1.0 と呼ばれるもの) を採用し、できるだけ深くインタラクティブになろうとしています。ほとんどはWeb 2.0です)。 Web はつながりの広大な迷路になっています。サイトは相互にハイパーリンクし、ブロガーやソーシャル ネットワーカーは友人に最新情報を伝えながら興味深いリンクを投稿し、人々はニュース記事、連絡先情報、住所の場所などについていくらでも検索を実行します。
しかし、これはインターネットの状況に劇的な変化をもたらすものの始まりにすぎないと感じる人もいます。テクノロジー業界で大きな話題を呼んでいる最も重要な開発の 1 つは、フォーマットの標準化に役立つ Web コードの小さなスニペットであるマイクロフォーマットの採用です。誰もがよりつながりを持つようになるにつれ、マイクロフォーマット標準の支持者たちは、この実践がWeb ページの構築とエンド ユーザーのエクスペリエンスをこれまで以上に簡単、スムーズ、そして豊かなものにすることを期待しています。
Web 2.0 や Web 3.0 という言葉やオープン ソースなどの概念など、今日の新たな Web 標準の多くと同様に、マイクロフォーマットは特定のルール セットであると同時に哲学でもあります。マイクロフォーマットとは正確には何ですか?それらは Web ページ上に表示されるものですか、それとも開発者とインターネット ブラウザーが使用し承認する唯一のルールですか?それらは何をするのでしょうか?また、なぜ Web の将来にとってそれほど重要だと考えられているのでしょうか?
Web ドキュメントとマイクロフォーマット
インターネット上に表示するページを作成する場合、 Web ドキュメントを使用します。 Web ドキュメントは基本的に、あらゆるWeb ページの構成要素または設計図です。開発者は、表示したい単語の周囲にタグと呼ばれる特定のコードを配置します。これらのタグは、ページ上のテキストと画像をフォーマットするため、たとえば情報ブロックを中央に配置したい場合、特定のコード部分がブラウザーにそのように指示します。
マイクロフォーマットは、Web ページの開発者が Web ドキュメントのコード内に配置できる単純なテキストです。覚えておくべき重要な点は、マイクロフォーマットは HTML、XHTML、XML など、ほとんどの種類の Web ドキュメントで動作するということです。
たとえば、ここに誰かの個人情報をリストする典型的な HTML コードをいくつか示します。その人はこのテキスト ブロックをオンライン名刺として使用したいと考えているかもしれません。
<div>
<div>ジョン・スミス</div>
<div>スタッフの仕組み</div>
<div>
<span>1234 Brain St.</span>
<span>アトランタ</span>、
<span>一般提供</span>
<span>12345</span>
</div>
<div>電話番号: 123-456-7890</div>
</div>
このコードは、Web ページでは次のようになります。
ジョン・スミス
ハウスタッフワークス
1234 ブレイン ストリート
ジョージア州アトランタ 12345
電話番号: 123-456-7890
この例では、「div」は情報のブロックを表します。最初の「<div>」と最後の「</div>」内のすべては、他のテキストから分離されたままになります。これは、ワード プロセッサで使用するダブルスペースの段落区切りのようなものと考えるのが最善です。ただし、誰かが情報を見るときに Web ページに実際に表示されるわけではありません。一方、「span」タグは「div」タグとよく似ていますが、テキスト要素を 1 つのブロックにグループ化する点が異なります。
これらのタグには、意味論的な意味はあまりありません。テキスト ブロックの目的を理解するために見ることができるものではありません。 「div」は「divide」という単語に少し似ていると言えますが、それはそれだけです。ただし、HTML 標準では、同じ種類の名刺を作成する別の方法があります。別の例を次に示します。
<p>ジョン・スミス<br>
ハウスタッフワークス<br>
<blockquote>1234 Brain St.<br>
アトランタ<br>
が<br>
12345<br></blockquote>
電話番号: 123-456-7890</p>
名刺は基本的に同じ方法で Web サイトに表示されますが、使用されるタグは私たちにとってより意味のあるものです。「p」は「段落」を表し、ブラウザに新しい段落を開始するよう指示し、「br」は「段落」を表します。 「break」の場合、ブラウザに改行を追加して新しい行を開始するように指示します。これは、「div」タグや「span」タグよりも簡単なオプションです。
しかし、マイクロフォーマットをサポートする人々にとっては、これでもまだ十分ではありませんでした。前のコードは完全に適切なリストの作成に成功しましたが、コード自体は、情報を挿入する開発者に、リストされているテキストの種類が具体的には名刺であることを伝えていません。将来を見据えた開発者は何をすべきでしょうか?
タグの属性
ほとんどのタグには、問題のテキストの特定の側面を変更できる追加の表記である属性があります。これらは、特定のデータに付けられる一種のラベルとして機能します。これはコンピュータに「このテキストの大部分は通常通りに扱うことができますが、この 1 行についてはこのように表示してください」と言っているようなものです。たとえば、「span」タグを使用していて、Web ページ上でテキストの一部を赤色で表示したい場合は、「style」属性を追加できます。
<span style=”color: #0000ff;”>スタッフの仕組み</span>
初期の頃、マイクロフォーマット コミュニティの人々は、より意味のある属性を求めて HTML 標準を調べていました。最も重要なことは、すべてを破棄して完全に異なるマークアップ言語で最初からやり直すのではなく、HTML 内ですでに利用可能なものを使用したいと考えていたことです。
彼らが発見したのは、次の 3 つの重要な特性でした。
クラス– 開発者が複数の Web ドキュメント間で類似した要素を識別できるようにします
rel – リンクされたドキュメントと現在のドキュメントの関係を説明します。
rev – rel の逆を説明します: 現在のドキュメントとリンクされたドキュメントの関係
開発者は、これらのいずれかを HTML タグに追加し、その後に等号と引用符で囲んだわかりやすい意味ラベルを追加できます。
たとえば、class 属性を考えてみましょう。誰かが「1234 Brain St.」という住所をリストしたい場合、Web ドキュメントでは非常に単純に次のようになります。
<span>1234 Brain St.</span>
ただし、マイクロフォーマットを追加した後の同じコードは次のようになります。
<span class=”street-address”>1234 Brain St.</span>
最初のタグは、「span」、「p」など、何でも構いません。マイクロフォーマットの鍵は、引用符で囲まれた意味ラベルを標準化することにあります。
では、これは開発者だけでなく、平均的なインターネット ブラウザにとって何を実現するのでしょうか?これらの属性がコードに追加されると、特別に設計された Web ベースのアグリゲーター(インターネット上の情報を定期的にチェックして 1 か所に収集するサービス) が、関連するマイクロフォーマットを検索できるようになります。たとえば、hCard アグリゲーターは、hCard マイクロフォーマット (最も基本的なものでは、Web ドキュメント内のclass=”vcard”のように見えます) を含むページを Web で検索できます。そうすれば、企業は簡単に大量のデータを取り込むことができます。潜在的な顧客情報を定期的に収集します。
microformat コミュニティは本質的に、「HTML のこれらの部分は非常にうまく機能します。使いやすく、人間とコンピュータの両方が理解できるので、このアイデアを基に構築を続けましょう」と言っているのです。しばらくの間、マイクロフォーマットがWeb全体で広く使用されることはありませんが、マイクロフォーマットとオープンソース マークアップ言語の支持者は標準化を続けており、さらに接続されたオンライン エクスペリエンスが用意されている可能性に興奮し続けています。
マイクロフォーマットと新しい Web テクノロジーの詳細については、次のページを参照してください。
