HTML5 Widget入門：あなたにも作れるiPad用Widget
今朝の「iPadでHTML5 Widgetを走らせて遊ぼう」に対して、「もう少しWidgetについて知りたい」との声が聞こえてきたので、「Widget入門編」を書いてみようかと思う。 Widgetとは何か？ 先のエントリーで書いたが、ひとことで言えば「パッケージ化されたウェブアプリケーションである」。通常のウェブアプリは、特定のURLにアクセスすることにより走らせるが、Widgetの場合は、.wgt のエクステンションを持つWidgetファイルをダウンロード＋インストールした上で、それを起動する。 Widgetファイルの中身は、HTML+CSS+JS+メディア・ファイルで構成されており、それをZIP圧縮して、エクステンションを.wgtに変更しただけのものである。 なぜそんなことをするかと言えば、（１）オフラインで動かしたい、（２）通常のデスクトップアプリの感覚で起動したい、（３）パッケージ
熱を帯びる電子書籍の配信プラットフォーム競争――日本独自の規格は正しい選択か？ - 日経トレンディネット
KindleやiPadに端を発した、デジタル・コンテンツの配信プラットフォーム競争が日本でも熱を帯びてきた。7月1日にソニー、KDDI、凸版印刷、そして朝日新聞が共同で電子書籍の配信事業会社を設立。同20日にはシャープがタブレット端末の試作機をお披露目すると共に、出版業界の賛同を経て電子書籍を配信する計画を発表した。両陣営とも、いずれは動画やゲームなど、コンテンツ全般の配信プラットフォームへと発展させる方針だ。それ以前からソフトバンクの「ビューン」や電通の「Magastore」など、コンテンツの配信プラットフォームは乱立の様相を呈している。 中でもシャープの取り組みは野心的だ。単に端末を提供するだけでなく、動画や音声などマルチメディア対応の「次世代XMDF」という同社独自の規格（フォーマット）を提案。この規格に基づく、電子書籍のオーサリングや配信のシステムを新聞社や出版社に提供する。さらに
EPUBやCSSと日本語レイアウト、HTML5と電子書籍
EPUB や CSS と日本語レイアウト HTML5 と電子書籍 アンテナハウス 村上 真雄 @MurakamiShinyu 2010-07-14 「第８回HTML5とか勉強会」での講演資料 [HTML5プレゼンツールNerine版もあります] 村上 真雄 (@MurakamiShinyu) 自己紹介 Twitterで公開しているプロフィール： XML/HTML+XSL/CSS 自動組版ソフト Antenna House Formatter 開発者 アンテナハウス取締役 W3C会員としてXSLとCSS3仕様に関わる HTML5 IG JP共同議長 JEPA EPUB研究会員 世界標準仕様（特にHTML+CSSとその応用のEPUB）で、まともな日本語組版を可能にしたい Antenna House Formatter 1999年、当時W3Cドラフトだった XSL (Extensible Sty
EPUBやCSSと日本語レイアウト、HTML5と電子書籍: ホットコーナー
ブログ(iiyu.asablo.jpの検索) ホットコーナー内の検索 でもASAHIネット(asahi-net.or.jp)全体の検索です。 検索したい言葉のあとに、空白で区切ってki4s-nkmrを入れるといいかも。 例 中村(show) ki4s-nkmr ウェブ全体の検索 ASAHIネット(http://asahi-net.jp )のjouwa/salonからホットコーナー(http://www.asahi-net.or.jp/~ki4s-nkmr/ )に転載したものから。 --- アンテナハウスの村上真雄さんが、 http://groups.google.co.jp/group/html5-developers-jp/browse_thread/thread/a47eeeeb45d3eb42 「第８回HTML5とか勉強会」 で、「EPUBやCSSと日本語レイアウト、HTML5と電子
「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏
「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏 「HTML5の最大の問題は、優先順位を間違ったことだ。機能について議論する前に、セキュリティの扱いについて検討すべきだった」こう語るのは、JSONの発明者として知られ、Yahoo!のシニアJavaScriptアーキテクトでもあるDouglas Crockford氏。5月4日に行われたオライリーのWeb2.0 Expo 2010でのインタビューでのことです。 「もうそれを議論するには遅すぎるという人もいるが、そうは思わない。正しいことをするのに遅すぎることはないのだから」（Crockford氏） Crockford氏はHTML5は機能が重複しすぎていることも指摘しています。「Local StorageとLocal Databaseの両方が本当
グーグルがVP8をOSS化、HTML5のvideo問題が決着か － ＠IT
2010/05/20 長らく混乱が続いたHTML5のvideoタグのコーデック問題に解決の見通しが出てきた。グーグルは2010年5月20日、2日間の予定で米サンフランシスコで開幕した年次イベント「Google I/O 2010」の基調講演で、買収したOn2 Technologiesの動画コーデック「V8」をオープンソースプロジェクト「WebM」として公開することを発表した。基調講演にはMozilla、Operaからそれぞれ代表が登場し、ブラウザ単体でビデオを使うデモを行った。 基調講演に登壇した米グーグル バイス・プレジデントのビック・グンドトラ氏。Google I/Oの「I」はイノベーション、「O」はオープンも意味しているとし、VP8のオープンソース化を発表した HTML5に新たに加わるvideoタグは、タグの策定自体はスムーズに進んだが、異なるブラウザ間で共通して使えるコーデックがこれ
WebKit／Google Chrome開発者に聞く、HTML5最前線 － ＠IT
2010/05/12 「グーグルのエンジニアがSafariのためにコードを書くこともあるんですよ。WebKitコミュニティの中では、そのほうが物事の進みが速いという不文律のようなものがあるんです」 こう語るのは、グーグルでChrome開発に携わるソフトウェア・エンジニアの鵜飼文敏氏だ。鵜飼氏はChromeに機能を追加するために、WebKitコミュニティでWebSocketの設計、実装なども行なっている。 WebKitは不思議なプロジェクトだ。よく知られているように、Google ChromeとApple Safari（およびiPhoneやiPadに搭載されるそのモバイル版のMobile Safari）は、オープンソースベースで開発が進む「WebKit」というコードベースを共有している。ここにさらに、WebKitを統合したGUI開発フレームワーク「Qt」を抱えるノキアや、搭載ブラウザをWeb
youtube の 埋め込み用 HTML を valid にするブックマークレットまとめ
youtube の動画を外部サイトに埋め込む際に用いる <object>～ の HTML ですが、これは Valid な HTML（XHTML）になっていません。このような指摘は以前からなされています。 具体的には & がエスケープされていない、param 要素が空要素で表現されていない、embed 要素を使っているなどです。embed 要素はそもそもこれまでの HTML では正式に採用されたことのない独自拡張要素です。 Netscape 4.x や古い IE では Object 要素の実装がおかしいこともあり embed 要素のタグを併記することが行なわれてきましたが、今日ではほぼ不要と思います。（HTML5 では正式に使えるようになる予定ですが現行規格では Invalid.） もちろん youtube が標準的に提供するコードでも動作はしますが、そもそも IE6 さえ古いブラウザとして
target属性の利便性 | kuruman.org
target属性はa要素や、link要素に指定する事ができた、ウィンドウを支配する属性です。 しかしながら、target属性はHTML4 Transitionalで非推奨、HTML4 Strictや、XHTML 1.1では完全に抹消されました。 何故でしょうか? その理由を他の文書も参考にしながら解き明かしてゆこうと思います。 これは非常に単純なリンクに *target属性* を指定したものです。 リンク集などで多くのサイトに利用されています。 また、target="_top"の指定はフレームを使用した文書の場合は必須となるはずです。 フレームに読み込まれた際に都合の良い様、target="_top"が元から指定されているCGIスクリプトもあるほどです。 それが良いかどうかは別として…。 定義されている仕様 フレームもtarget属性同様、HTML4ではFramesetのみで使用可、XHT
Youtube の貼り付け用 HTML を valid にするスクリプト
Youtube の貼り付け用 HTML を valid にするスクリプトです。 １．使い方 YouTube のページ右にある「埋込み」のテキストフィールドの内容（object要素）をコピー。 コピーした内容を、このページの上側のテキストエリアにペーストして、すぐ下にある「Valid XHTML」をクリックします。 下側のテキストエリアに変換したマークアップが表示されます。テキストエリアを一度クリックすれば表示されている内容が全選択されるので、コピーして、ブログなどに貼り付けてお使いください。「Clear」をクリックすれば、上下のテキストエリアの内容を消去します。 ２．機能 このスクリプトでは以下の変換を行なっています。 object 要素に data 属性を追加し、属性値に embed 要素の src 属性値を記述 object 要素に type 属性を追加し、属性値に embed 要素の
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
【コラム】イマドキのIDE事情 (68) マルチブラウザ対応Webサイト制作ツール「Pirka'r」を試してみる | エンタープライズ | マイコミジャーナル
Pirka'rとは? Pirka'r(ピリカル)は独立行政法人情報処理推進機構(IPA)のオープンソフトウェア利用促進事業の一環として開発されたオープンソースソフトウェアで、オープンソースコミュニティ「The Ashikunep Kotan」にて公開されているEclipseRCPをベースとしたWebサイト制作用のツールだ。とりわけブラウザ間の互換性チェックや、マルチブラウザ対応のプレビュー機能など、これまでWebサイト制作者が頭を悩ませていたWebブラウザごとの挙動の違いによるトラブルを事前に防止することができる。 Pirka'rのWebサイト Pirka'rのインストールと起動 Pirka'rの実行にはJava実行環境が必要となるので事前にインストールしておこう。また、マルチブラウザのプレビュー機能を使用するにはIE(Windowsのみ)、Firefox 3、Safari 4をインストー
Web開発周りのVimの設定
HTML/CSS/JavaScriptを書くために行ったVimの設定やインストールしたスクリプト等をざっとまとめてみた。「VimでWeb開発を100倍効率的にする方法」といったような生産性を上げるための設定の類ではない。 HTMLファイルを:makeで文法チェック tidy.vimが用意されているので、HTML Tidyをインストールし、.vimrcに以下のように書くだけで良い。 autocmd FileType html :compiler tidy autocmd FileType html :setlocal makeprg=tidy\ -raw\ -quiet\ -errors\ --gnu-emacs\ yes\ \"%\" tidy.vimのmakeprgでは日本語が化けるので-rawを追加する。 HTMLファイルのインデントをやり直す gg=G ノーマルモードではggでファイ
MS、HTML 5仕様策定に本格着手
UPDATE Microsoftはこれまで、ウェブ標準であるハイパーテキストマークアップ言語（HTML）の新バージョン策定作業の多くをAppleやGoogle、Opera Software、Mozillaに任せてきたが、ここへきて本格的な取り組みを開始した。 この動きは、HTMLを刷新する作業に強い影響力を加えるものだ。HTMLは、ウェブページの記述に用いる標準で、前回は1999年に正式に更新された。Microsoftは米国時間8月7日に投稿したメーリングリストの中で、現在の提案に対し多数の疑問や懸念を提示した。 「Internet Explorer」（IE）担当プログラムマネージャーのAdrian Bateman氏は、投稿メッセージの中で次のように述べた。「今後の活動に関する当社の計画の一環として、IEチームはHTML 5の仕様に関する現行の『Editor's Draft』を検討し、われ
<WBR>ハックと決別を - WebStudio
もずはっく日記(2009年6月) 2009年6月21日 <WBR>ハックと決別を 初回投稿日時: 2009年06月21日18時14分56秒 最終更新日時: 2009年06月21日18時18分48秒 カテゴリ: CSS Firefox Google Chrome HTML Mozilla Core Safari SNS: Tweet (list) Fx2.0(Gecko 1.8.1)まではURL等の長い文字列が一つの単語として認識され、改行されずにブロックからはみ出す、という問題がありましたが、Fx3.0(Gecko1.9)で解決されました。そして、現在、Fx2.0系列は既にサポートを終了し、セキュリティアップデートを提供していません。また、Fx2.0系のユーザにはメジャーアップデートの案内も通知済みです。 特殊なURLを表示するケース(例えば、ドメイン名やパス内のディレクトリ名やファイ
セマンティックHTML? KISS!
Keep It Simple, Stupid ウェブの文書とデータ 人間が読むためのウェブ文書にはさまざまな情報が詰まっている コンピュータ（エージェント／処理ソフト）はHTMLから文書構造の大枠を把握して提示できるが、内容（データの意味）は基本的に関知しない コンピュータ処理用のデータは別途用意する？ 両方まとめて、シンプルにしよう！ HTML文書中のデータをコンピュータ処理も可能にする HTMLのシンプルさを生かすことが大切 しかしコンピュータにとっても明快でシンプルであること だからセマンティックHTML ウェブリソースの型と関係 ウェブ文書中のデータを明示するためには 文脈によらない識別（名前付け）：何が同じで何が異なるかを明確にする データはどんなタイプ（型）か：文書について？ あるいは文中の映画について？ データどうしの関係：この日付は映画の封切り日？ 映画を観た日？ ウェブ文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
A8.netの広告をValidにする « 開発者ブログ | スローライフな旅 AirNX 〜旅するビデオキャスト放送局〜
Engadget | Technology News & Reviews
http://japan.internet.com/developer/20090908/26.html