「enchant.js」でゲームはどれくらい動くのか？ HTML5でゲームベンチマークを取ってみよう
「enchant.js」でゲームはどれくらい動くのか？ HTML5でゲームベンチマークを取ってみよう ライター：Veki 4月28日にenchant.jsを使用したゲーム制作の記事を掲載し，かなり大きな反響をいただきました。今回は，ゲーム制作の話ではありませんが，HTML5とJavaScriptでは，どれくらいのゲームパフォーマンスが期待できるのかというあたりについてまとめてみましたので参考にしてください。 さて，前回作ったサンプルプログラムを，最初にスマートフォンで実行してみたときは，あまりの遅さにちょっと衝撃を受けたのですが，PCでもWebブラウザを変えてみると，かなりばらつきが出ることが分かりました。JavaScriptのベンチマークテストはそれなりに行われているのでしょうが，実際のところ，どれくらい「ゲームに使えるか」という観点からのものは，ほとんどないようです，そこで，前回のゲー
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
まずは基本から・HTML5のCanvasについて参考になったサイトまとめ - かちびと.net
ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 html5.jp ～HTML 5で導入されるcanvas要素の使い方～ 同じく教科書的なサイト。ありがたい。まだ、ざっと読んだだけですが、すごく分かりやすかったです。 ～HTML 5
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
Apple - Safari - Introducing Safari 4 - See the web in a whole new way
Safari is the best way to experience the internet on all your Apple devices. It brings robust customization options, features powerful privacy protections, and optimizes battery life — so you can browse how you like, when you like. And when it comes to speed, it’s the world’s fastest browser.1 Learn how to make Safari your default browser Safari comes with industry-leading privacy protection techn
アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換
アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換 アドビシステムズは3月10日に始めた新しいブログ「Design and Web」の中で、FlashをHTML5のCanvas要素で置き換える「Smart Paste」のデモ動画を公開しました。この機能は現在開発中のDreamweaver CS5のプロトタイプ機能とのことです。 （追記3/18：上記ブログの1つ目のエントリ「Design & Web」に、紹介する機能は「It won't be in the next version of CS.」であるとの記述がありましたので、「Dreamweaver CS5」の部分を削除させていただきます。すいませんでした）。 FlashのファイルをJavaScriptでレンダリング、Canvasへ描画 11日付けで公開されたエントリ「Canvas fo
文書共有サイト運営の Scribd、『Flash』を捨て『HTML5』へ（japan.internet.com） - Yahoo!ニュース
Apple の CEO (最高経営責任者) Steve Jobs 氏は、Adobe Systems の『Flash』が時代に合わないと強く主張しているが、ほかにもこれに呼応する動きがある。今後も『iPhone』と『iPad』から Flash を排除するという Jobs 氏の判断は議論を呼んだ。同氏の見解に対し、Apple が iPhone や iPad 用のプログラム開発を不公正に制限しているという批判の声が上がったが、Adobe が示した批判に対し、Jobs 氏は理由のある行動だとして反論した。 そして今度は、有名なソーシャル パブリッシング サイト運営会社 Scribd が、Flash をやめて『HTML5』を採用すると発表した。同社はこれまで3年にわたり、Flash を使ってサイト開発を行なっていた。Jobs 氏はこれに先立ち、Google などと同様に Apple も Web コ
アドビ、HTML5やCSS3への対応を強化へ--新設ブログで示す
Adobe Systemsが「Flash」テクノロジの開発と推進に多大な労力を注いでいるのは確かだ。そして、多くの新しい「Open Web」テクノロジがFlashにとって、競争上の脅威になっているのも事実だ。 しかし、だからといって、AdobeがHTML5やCSS3に関心がないわけではない。結局のところ、Adobeはウェブサイト開発向けに「DreamWeaver」製品を提供しているのだ。HTML5はウェブページの記述に使われるハイパーテキストマークアップ言語（HTML）の最新版で、CSS3はウェブページのフォーマットを指定するカスケーディングスタイルシート（CSS）の最新版。いずれも、Open Webプロジェクトの最も重要な要素である。 しかし、AdobeがOpen Webの取り組みに対し、これまでよりも大きな関心を抱いていることを示す兆候がある。Adobeは先週、エンジニアリング担当シニ
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
Flashは比べようもないほどHTML5より優れている
アドビシステムズはFlashコンテンツのスマートフォン展開など，本格的にFlashの多デバイスへの対応を強化しつつある。次期バージョンであるFlash CS5の発表を2010年に控え，米アドビシステムズ社でFlashのプロダクトマネージャーを務めるリチャード・ガルバン氏に，スマートフォンとFlashという“ビッグカップル”の将来について聞いた。（聞き手は矢野りん＝ライター） 次期Flash制作ツールのAdobe Flash Professional CS5（以下Flash CS5）でiPhone用ネイティブ・アプリケーションを作成できるという話題が先行していますね。今回インタビュー用にご用意いただいたレジュメにこの話題が含まれていないのですが，なぜですか？ 我々は特定のデバイスにFlashという技術が対応するのだと思われるのは避けたいと考えています。特定のデバイスへネイティブ対応することを
グーグルがOn2買収、videoタグの膠着状態に終止符か － ＠IT
MozillaとOperaは、Webの世界が、誰もが自由に実装可能な標準規格によって成立することが重要との立場から、ライセンスフィーが発生するH.264をサポートせず、Ogg Theoraのみをサポートしている。Mozillaファウンデーションのアルン・ランガナサン（Arun Ranganathan）氏は最近、Betanewsのインタビューに答えて、今後もOgg TheoraをHTML 5の標準に含めるようロビー活動を続けると明言している。 一方、アップルはサブマリン特許が潜んでいる可能性があることと、iPodのような非力な端末上でのハードウェアデコーダ対応が欠かせないことなどから、SafariではOgg Theoraをサポートせず、H.264のみの対応としている（Ogg TheoraはH.264に比べて計算負荷が低いので、これはナンセンスだという反論もある）。アップルはOgg Theor
IO 9elements
Responsive bar charts in HTML and CSSBuilding flexible data visualizations for international sites Speed vs. Duration - A use case for mixed unit divisionLearn how to solve the CSS animation challenge of varying speeds across different screen sizes. This post introduces a technique using atan2() and tan() for unitless viewport width calculations and provides practical examples.
W3C，マークアップ言語「XHTML 2」を「HTML 5」に統合へ
Web関連技術の標準化団体World Wide Web Consortium（W3C）は米国時間2009年7月2日，マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について，策定担当ワーキング・グループ（WG）の憲章（行動指針）「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず，HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ，HTML開発の方向性を明確化する考え。 W3CはXHTMLをHTMLのXMLシリアライゼーション（XML形式への変換）と見なしている。HTML 5仕様にXMLシリアライゼーションを含め，引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが，今後HTML
「頼むからIEもvideoタグを実装してくれ」――Mozillaエヴァンジェリストが語るWebブラウザとOpen Videoの未来
セットアップしたてのPCでYouTubeを見ようとすると、ブラウザにFlash Playerをインストールしなければならないことに気付く。だが、今後はこうしたプラグインなしにブラウザ上で動画の再生が可能になるという。 Mozilla Japanは6月1日、プレス向けディスカッションを開催し、商用のアドインやコーデックに依存しないOpen Videoについて、米Mozilla CorporationのAsa Dotzler（エイサ・ドッツラー）氏が解説した。 HTML 5のサポートで「ビデオを“プラグインの刑務所”から解放する」 「WebにおけるOpen Videoには2つの側面がある」（ドッツラー氏）。1つは次世代HTML標準であるHTML 5で、videoタグ（およびaudioタグ）が追加されることだ。videoタグとaudioタグを使ってWebページに埋め込まれたビデオは、Flash
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5Rocks - A resource for open web HTML5 developers
http://www.designwalker.com/2010/06/html5-template.html
IBM Developer
HTML5 Video Destruction
Engadget | Technology News & Reviews