HTML5のMicrodataとは何か？
HTML5では、HTML文書の中にメタデータを埋め込むための「Microdata」という仕様が含まれています。 最初に簡単なMicrodataの具体例を紹介します。HTML文書の中で明示的に人名であることを示したい内容があるとき、Microdataでは次のように書くことができます。 <div itemscope> <p>僕の名前は<span itemprop="name">山田太郎</span>です。</p> </div> この文書をWebブラウザで表示しても、 僕の名前は山田太郎です。 と表示されるだけで、特に何か変わったことが起きるわけではありません。しかし、このHTML文書を検索エンジンが読み込むと「山田太郎という文字列はnameである」と理解してインデックスしてくれる、といったことができるようになります（というのはあくまで例です）。 Microdataとは、文書の内容に対して機械に
HTML�5 differences from HTML�4
About this specification This specification is like no other — it has been processed with you, the humble web developer, in mind. The focus of this specification is readability and ease of access. Unlike the full HTML Standard, this "developer's edition" removes information that only browser vendors need know. It is automatically produced from the full specification by our build tooling, and thus
第5回 仕様整理に「デシジョンテーブル」を使ってみよう | gihyo.jp
はじめに 複雑な仕様を整理する。テスト担当者の仕事の1つはこれです。 ソフトウェアが仕様通りに動くかどうかを確かめるのがテストの役目です。ですが、複雑な条件が絡み合った仕様をテストする場合には、まず仕様を把握し、理解しなければなりません。これがなかなか骨の折れる作業です。 もちろん、この悩みはテスト担当者に限ったことではなく、開発設計者にとっても同じように悩ましい問題でしょう。次から次へとクライアントから降ってくる、追加の要求を、すっきりと仕様に整理して、不具合のないシステムを作ることは決して簡単な仕事ではありません。 とりわけ、やってくる要求は既存のシステムの仕様とは無関係にやってきます。追加の仕様を設計、実装する際には、既存の仕様と整合性をとらなくてはなりません。「とりあえず」、で修正してみたものの、テストをしてみると、不具合が発覚。再度修正したら今度は別のところで不具合が発生…
HTML5のlocalStorageでiPhone用Webアプリを高速化
HTML5のlocalStorageでiPhone用Webアプリを高速化：iPhoneで動かす業務用Webアプリ開発入門（4）（1/2 ページ） 今回は、iOSのSafariの中にデータを記録できる、HTML5の「localStorage」機能を使って、データの先読みとキャッシュを実現しアプリケーションの体感パフォーマンスを向上させてみます。 HTML5の「localStorage」とは localStorage（ローカルストレージ）とは、HTML5で規定されている、Webブラウザ内部のKVS（キーバリュー型データストア）です。iOSのSafariでも実装されていて、JavaScriptコードからアクセスでき、任意のデータを保存できます。 いきなり注意！ localStorageの保存データはテキストで！ HTML5の仕様では、localStorageに保存できるデータはJavaScrip
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
品質に関わる要求を見える化する"非機能要求グレード"が完成 - NTTデータら | エンタープライズ | マイコミジャーナル
非機能要求グレード検討会の中心となったNTTデータの木谷強氏 NTTデータ、日立製作所など国内大手SI事業者6社が共同で2008年4月から活動してきた「システム基盤の発注者要求を見える化する非機能要求グレード検討会(以下、非機能要求グレード検討会)」は2月25日、6社のノウハウに加え、発注者となるユーザ企業の意見を反映してまとめ上げた活動成果「非機能要求グレード」をWeb上で公開した。この非機能要求グレードをベースにすることで「上流の段階で発注者側と受注者側で共通の認識をすりあわせ、手戻りの少ないシステム構築事例を増やしていきたい」(NTTデータ 技術開発本部 副本部長 木谷強氏)とする。 非機能要求グレード検討会は、NTTデータ、富士通、NEC、日立製作所、三菱電機インフォメーションシステムズ(MDIS)、沖電気(OKI)という日本を代表する大手SI事業者6社が集まり、2008年4月に発
開発現場のUIトラブルを解決!? 画面プロトタイプ入門
縦軸は工数、つまり、画面プロトタイプを作るために必要な時間です。同じ画面プロトタイプを作った場合の比較ではないため、単純にはいえませんが、プロトタイプを作るためのスキルや時間を考慮、さらに、同じものを作るときの作業工数を換算して、図にマッピングしています。 横軸は表現性、つまり、画面プロトタイプで実現できる表現の粒度です。インタラクションを始めとする動的な部分が作れるか、画面を詳細に作り込めるかで、マッピングしています。 ■ペーパープロトタイピング（紙とペン） 紙とマジック、付箋紙などがあれば作れ、かつ特別な開発スキルを必要としないため、低コストで作れることがメリットです。一方で、非常に抽象的な画面しか作れない、かつ、画面の動的な部分をまったく表現できないなどのデメリットがあります。また、画面全体にわたる修正を強いられる場合、全画面を手書きで修正する必要があり、作成後の作り直しの融通が利き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Borland、ソフトウエア・プロジェクト向けシミュレーション・ツールを発表 | 情報・通信 | nikkei BPnet 〈日経BPネット〉