Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookは今年、HTML5ベースで開発したモバイルアプリの動作速度や安定性で不評を買い、動作を改善したネイティブアプリケーションをあらためてリリースしました。ザッカーバーグ氏もこれを振り返って「HTML5に賭けたのは失敗」と発言しました。 しかし「Facebookのモバイルアプリ開発チームが抱えた問題の理由を、私たちは怪しいと思っている」（We had our suspicions about why Facebook's mobile application team had problems）とブログに書いたのは、HTML5ベースのモバイルアプリケーションフレームワーク「Sencha Touch」の開発チーム。
HTML5 Canvasパフォーマンスチューニング
以前、HTML5 Canvasで表現する打ち上げ花火として、Canvasを使った作品をご紹介しましたが、 PC版Webkitを除く全てのブラウザ（スマホブラウザは勿論、IE9など）で重いという課題がありました。 PCブラウザに限定すれば、ブラウザやハードウェアの進化ととも改善される問題ではありますが、 スマホ（に限らず携帯端末）は2年縛りで購入するユーザーが圧倒的に多く、1・2年前の機種（環境）を使用する状況が続くことが容易に想像できます。 スマホサイトやアプリ制作を手掛けたことのある方はご存知の通り、Android2.xは色々と不都合があるだけでなく パフォーマンス面でも十分に配慮して制作する必要があります。 （Android4.xではGPUアクセラレーションがサポートされ、期待出来るのですが世代交代は先の話） そこで、本エントリーではロジックを工夫することで得られたパフォーマンス改善の
Canvas width and height in HTML5
The canvas DOM element has .height and .width properties that correspond to the height="…" and width="…" attributes. Set them to numeric values in JavaScript code to resize your canvas. For example: var canvas = document.getElementsByTagName('canvas')[0]; canvas.width = 800; canvas.height = 600; Note that this clears the canvas, though you should follow with ctx.clearRect( 0, 0, ctx.canvas.width,
yebo blog: Googleの404ページ
2011/11/28 Googleの404ページ Excuperoで、Googleの404ページ (URL: http://www.google.com/whats-up-with-the-source-on-the-404-page)のソースは一見すると風変わりだと指摘されている[hackernews]。HTML5で書かれており、<head>や<body>タグが無く、meta、title、style、anchorなどはタグ属性の値に引用符が無いし、<img>タグはself-closeしていない上、<html>や全ての<p>タグが終了タグが無い。これはページロードのスピードを上げるためだろうとの事。そして、驚くことに、W3C Validatorが適正証明を与えるという点だという。コメントでは、Paul Irishが「The Primitives of the HTML5 Foundatio
【Google Developer Day 2011 Japanレポート】 HTML5で今までにないサイトを作る
HTML5による最新Webアプリ 2011年11月1日、パシフィコ横浜で「Google Developer Day 2011 Japan」が開催されました。Google Developer DayはGoogleの開催する開発者向けカンファレンスで、Googleの展開するサービスの説明や最新技術のセッションがあります。今年は世界8カ国で開催され、日本では2007年から5年連続で開催されています。 Android、Chrome & HTML5、Cloud、Tech Talks/Generalといったテーマのセッションが行われ、デベロッパーサンドボックスと呼ばれるブースではさまざまなコミュニティや企業が展示を行っていました。 本稿では主にHTML5に関する内容をご紹介します。HTML5関連のセッションでは立ち見が出るほど盛況でした。 セッションではいくつかのサンプルが紹介されました。サンプルの動
TechCrunch | Startup and Technology News
Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of
iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 - くらげだらけ
iPhoneがでた当初はWebApp押しだったAppleも3Gを出してからすぐにネイティブアプリに手のひらを返してしまって、WebAppはすっかり影がさしてしまいました。 それでも、jQTouchやSencha Touch、jQuery mobileなどWebAppの開発支援となるJavascriptライブラリが登場して一部では盛り上がったりもしています。PhoneGapみたいにWebAppをネイティブにパブリッシュするツールや、Titanium MobileのようにWeb言語ベースで開発してネイティブにするものもありますし、いろいろですね。 iOS4までのMobile SafariではCSSの一部のプロパティが使えなかったりで、よりリッチなWebAppをつくろうと思えばJavascript必要でした。 先日公開されたiOS5では今まで「なんで使えないの？」といったところが少し修正されて、
WebSocket and Socket.IO
My favorite web technology is quickly becoming the WebSocket API. WebSocket provides a welcomed alternative to the AJAX technologies we've been making use of over the past few years. This new API provides a method to push messages from client to server efficiently and with a simple syntax. Let's take a look at the HTML5 WebSocket API: its use on the client side, server side, and an outstanding wra
HTML5 video issues on the iPad and how to solve them | Blog | Miller Medeiros
I’ve been delaying this post since I wrote a rant about the iPad. The delay is mainly because I never found time to create sample files or record screencasts showing the bugs so I decided to publish it without any working examples since I don’t think I will have enough time or patience to isolate the problems and document it anytime soon, so you will have to believe that what I’m saying “is true”
HTML5のvideo、発生するイベントの順序がブラウザによって違いすぎる - IT-Walker on hatena
あくまで現状の実装では、と言う話ですけども。 Firefox3.5とSafari4で、イベントの発生順序を調べてみました。 試したのは以下のコードです。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"></meta> <script type="text/javascript"> function init() { var video = document.getElementById("video1"); // 仕様に規定されている全イベントを監視 ["loadstart", "progress", "suspend", "load", "abort", "error", "emptied", "stalled", "play", "pause", "loadedmetadata", "loadeddata", "waiting",
Showcase of HTML5 Websites
Note: This post was first published on the 7th June, 2010. So you’ve heard all rumors that HTML5 would take over Adobe Flash. While most web community argues that it’s possible or not, you must be wondering what makes HTML5 so powerful that even giant company Apple wants to use it to replace Flash. That’s why this post exists; we’re not going to talk about what HTML5 can do, but show live demos of
Awesome HTML5 Dashboard
close HTTP/1.1 206 Partial Content Content-Length: 62275 Content-Range: bytes 0-62274/62275 Content-Type: text/html; charset=utf-8 Server: Apache/2.2.15 (Red Hat) X-Backend-Server: node30 Vary: Accept-Encoding Cache-Control: max-age=900, public Date: Fri, 04 Mar 2011 02:30:54 GMT Expires: Fri, 04 Mar 2011 02:45:54 GMT Accept-Ranges: bytes Last-Modified: Wed, 02 Mar 2011 21:05:05 GMT Connection: Ke
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to draw an oval in html5 canvas?
How to make a pill shape in Canvas? (rounded corner rect basically)
http://www.html5canvastutorials.com/
Canvas Bézier Curve Example
HTML5 Please - Use the new and shiny responsibly
くらげごはん。
Initializr - HTML5 project - template
Webの開発側にいる人間でFlash死ね！HTML5最高!と言っている人は正直どうかと思う。
