セマンティックHTML? KISS!
Keep It Simple, Stupid ウェブの文書とデータ 人間が読むためのウェブ文書にはさまざまな情報が詰まっている コンピュータ（エージェント／処理ソフト）はHTMLから文書構造の大枠を把握して提示できるが、内容（データの意味）は基本的に関知しない コンピュータ処理用のデータは別途用意する？ 両方まとめて、シンプルにしよう！ HTML文書中のデータをコンピュータ処理も可能にする HTMLのシンプルさを生かすことが大切 しかしコンピュータにとっても明快でシンプルであること だからセマンティックHTML ウェブリソースの型と関係 ウェブ文書中のデータを明示するためには 文脈によらない識別（名前付け）：何が同じで何が異なるかを明確にする データはどんなタイプ（型）か：文書について？ あるいは文中の映画について？ データどうしの関係：この日付は映画の封切り日？ 映画を観た日？ ウェブ文
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Web Directions East「実践 CSS3 & HTML5 with Microformats ワークショップ」レポート | gihyo.jp
上記の表の「*」の部分にはプロパティ名が入ります。なぜこのようなプレフィックスが必要かというと、仕様として完全に固まっていない要素であるということ、そしてブラウザ側でバグがあるかもしれないがベータとして実装している場合がある、この2つが理由としてあげられます。 レイアウト HTML5の書き方やCSS3の書き方の説明後、レイアウトの説明が行われました。 ブラウザリセット Internet Explorerの問題がありますが、テストしきれていないベータのブラウザなどもあり、一概にデフォルトセッティングが今後も仕様が変更されない保証はありません。 このreset.cssを使用するのは非常に有効です。 カラム落ちの原因 フロートを使用してカラム落ちしてしまう原因は、各ブラウザのボックスモデルの違いによるものです。たとえば、%などで横幅の指定をしてもwidthの計算方法がブラウザごとに違います。 特
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
Using microformats - Archive of obsolete content | MDN
microformats (マイクロフォーマット) は、Web サイトがブラウザにセマンティックデータを提供して、ページ上の情報の要約を表示できるようにする仕組みです。ページ作者は、ドキュメント自体をパースする方法を知っている必要はありません。Firefox 3 は、microformats へのアクセスを提供する Microformats グローバルオブジェクトを実装しています。このオブジェクトと関連する API を利用すれば、microformats を簡単に検出したり読み取ることができます。 microformats API の読み込み Microformats オブジェクトは、Firefox 3 に追加された新しい JavaScript スクリプトローダーを使って作成します。API を利用するには、まず次のようにオブジェクトを読み込みます。 Components.utils.imp
第3回ウェブテコ「Microformats 入門」のスライド - JACO-BASS
12月7日に行なわれた、第3回ウェブテコで発表した、「Microformats 入門」というプレゼンのスライドPDFを公開します。 尚、公開に際して、誤字の修正と、スライドの最後に Appendix としてリンク集を付け加えました。 ですので、解説なしでも、それなりに分かりやすい感じになっているかと思います。 Download hello-microformats.pdf (1.1 MB) 発表タイトル Microformats 入門 ライセンス Creative Commons 表示-継承 2.1 日本 License 今回は、どんどん実例紹介をしていくか、ひたすらコードを紹介するか悩んだのですが、全体を俯瞰してもらうよりも、実際のコード例を見てもらった方が理解が早いかなと思い、終盤までひたすらマイクロフォーマットとそのプロパティの紹介とコードサンプルをお見せして、解説し続けました。 聞
Our First Labs Project: A Microformats Toolkit Called "Oomph" - Lab - MIX Online
Microformats are about enhancing the web, representing data in HTML and moving that data around. Oomph: A Microformats Toolkit is for web developers, designers and users, making it easier to create, consume, and style Microformats. In short, Oomph makes consuming and producing content for the web just a little easier, more efficient, more fun. You need Silverlight to view this video. It’s fast, i
【レポート】次世代Webの基盤技術!? 世界的権威が語る、「マイクロフォーマット」の現状 (1) 情報の相互運用性を高めるフォーマット | エンタープライズ | マイコミジャーナル
皆さんは、「microformats(以下、マイクロフォーマット)」という技術をご存知だろうか。マイクロフォーマットとは、既存の(X)HTML仕様における語彙を拡張し、より豊かな意味付けやマークアップを可能にすることで、情報の相互運用性を高めようという草の根的な取り組みから生まれた、一連のフォーマットのことである。 たとえばイベント情報について考えてみよう。開催日や開催場所といった情報を、(X)HTMLで標準的にマークアップする方法は無なかった。その意味や目的に特化した要素タイプが、仕様に定義されていないからだ。それゆえ、イベント情報サイトの数だけ異なる種類のマークアップ手法が存在していると言っても過言ではない(少なくともマイクロフォーマットが登場するまでは)。Web上から、特定の意味をあらわす情報だけを正確に識別して抽出したり、検索したりするような処理が、大抵の場合に困難を極める所以であ
総合イベント情報サイト「ことさが」
「そんなイベントあったんだ！」日本全国のイベント・新商品・キャンペーン情報を日付、場所から探せる・教えてくれる！総合イベント情報サイト「ことさが」「ことさが」は全国のイベント・新商品情報を探せて教えてくれるサイトです。イベント投稿・ユーザー登録は無料です！
suda.co.uk/projects/microformats [Cheat Sheet]
Microformats Cheat Sheet Introduction This microformats cheat sheet lists the properties by format and also lists each format and the hierarchy. This includes elemental microformats, compound microformats and some of the standard design patterns used. Download microformats.cheatsheet.pdf (71.16 KB) microformats.cheatsheet-jp.pdf (171.55 KB)
Compound microformat のプロパティ一覧 - 2xup.org
2006-07-24T01:30:00+09:00 最近雑誌を見ていても、microformats に関する記事が増え、microformats に関する様々な意見を目にする機会が増えたような気がします。同じように様々なブログや実際に Web クリエイターな方にお会いしてお話している中でも microformats に関する様々な意見を耳にする機会が増えました。意見の中には大きな未来を感じているというものや、ブラウザの独自実装と大差ない。といったものまで多種多様です。僕自身はといえば、もちろん大きな未来を感じているのですが、チョット触れた程度で意見を言うのはあとで自分の首をしめそうだし、実際に導入してみたり Wiki や Blog, ML をチェックしたり、様々な人の意見を吸収したりしていると、様々なフォーマットがごっちゃになってきました。一度ここらあたりで Draft のものも含めて各フ
一層進むWebサイト間の連携，簡単操作で情報をひも付け
「今のブラウジングは情報を見てリンクをたどるだけだが，今後は情報を連動させることが重要になる」──。NECの杉山高弘サービスプラットフォーム研究所研究統括マネージャーは，こう指摘する。 現状のWebで，ユーザーがある企業の所在地とその地図を調べるには，まず，その企業のWebサイトにアクセスする。Webページに掲載されている住所を見て，地図を見るために住所のテキストをコピー。次に地図サイトにアクセスして，検索ボックスに住所のテキストをペーストするといった具合になる。 ユーザーが2度手間を強いられるのは，情報を提供するWebサイトがそれぞれ独立しているため。Webサイト同士が連携し，ブラウザに住所情報が表示された時に簡単な操作で地図も見られるようになれば，ユーザーの利便性は高まる。サービス事業者などが提供するアプリケーションの幅も広がるはずだ。 ユーザー側のブラウザ上でこのような機能を実現させ
セマンティック・マイクロブログ
ソーシャルメディアとマイクロブログ SNSとソーシャルメディア SNS：個人のプロフィールや関心事などを（範囲を限定して）公開し社会的ネットワークを構成 ソーシャルメディア：社会ネットワークとコンテンツ・メッセージ共有の組み合わせ Ambient Intimacy（何気なくそこにあるような親しみ）の感覚 データの互換性、共有が課題 マイクロブログ（Microblogging） 限られた字数の最小限の＝気軽に書けるコンテンツ ゆるやかで手軽なコミュニケーション Why We Twitterの考察では、日常会話＋情報探索/共有 フットワークの軽さとモバイルとの相性 携帯端末からも簡単に読み書きできる → 発信する位置という新たなメタデータ マイクロブログのデータモデル コンテンツのモデル ポストの内容（本文） ポストのメタデータ（タグ、返信など） サービスによってさまざまな形態 ポスト本文中に
『マイクロフォーマット』出版記念セミナーに行ってきた | Blog hamashun.com
ミツエーリンクスで行われた『マイクロフォーマット』出版記念セミナーに行ってきました。 今度出版されるマイクロフォーマット本の著者であるJohn Allsopp氏を迎えてのセミナーです。 内容は、第一部が木達さんによるマイクロフォーマットの概要的な話、第二部が木達さんとJohn Allsopp氏の対談でした。 会場は西新宿にあるミツエーリンクスの社内セミナールームでした。 会社の後ろの席の人と「多分いるんじゃね」と言ってたんですけど、思ったとおりネコゼさんとかforestkの人とかがいました。 第一部 第一部の内容は、個人的には大体理解している事だったので、よい復習になりました。 いくつか気になったポイントをピックアップします。 VoteLinks VoteLinksはシンプルなマイクロフォーマットの一つで、ぼーとりんくす と発音します。 リンク先に対して賛成か反対か、はたまた意見を保留する
マイクロフォーマット導入支援サービス | 制作／開発 | ミツエーリンクス
現在、Web上にある情報は文字列（記号）の連なりとしてコンピュータに理解されています。その記号から意味を取り出すためには、自然言語処理などの高度な技術が必要です。 そこで近ごろ注目されているのが、「マイクロフォーマット（microformats）」です。これを利用することで、近い将来、Web上にある情報は、コンピュータがその「意味」まで理解して処理することができるようになっていくでしょう。 人もコンピュータも情報を理解することのできるWebへ マイクロフォーマットとは、Webページの情報に意味を与え構造化する仕組みです。Webページをマイクロフォーマットに対応させることで、人のために書かれたWebページ上の情報を、コンピュータでも処理できるようになります。マイクロフォーマットに対応したアプリケーションが、ページ内のマイクロフォーマットから情報の構造や意味を読み取り、それを処理することで、よ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
総合イベント情報サイト「ことさが」
Ywcafe.net
Operator を使ってみる | | プログラマ2.0日報 | あすなろBLOG
Microformatsリファレンス beta
Microformats Icons