FacebookのHTML5アプリは何が時期尚早だったのか。「クラッシュの原因も分からないし、スクロールも遅すぎる」 Facebookは、HTML5ベースで開発したiOSのアプリの動作速度が遅くて不評を買っていたため、8月にネイティブアプリケーションとして作り直したアプリへと切り替えました。 Publickeyは先週の記事「ザッカーバーグ氏の「HTML5に賭けたのは失敗」発言には続きがある。長期的にはHTML5への期待も語る」で、このことを通してCEOのザッカーバーグ氏がHTML5についてどう考えているのか、TechCrunchのインタビューでのコメントを紹介しました。 一方で、このHTML5アプリの開発を行っていたFacebookのエンジニアTobie Langel氏は、Facebookが開発したHTML5ベースのアプリが遅かった理由は何なのか。開発上でどこに課題があったのかを、W3Cの

ザッカーバーグ氏の「HTML5に賭けたのは失敗」発言には続きがある。長期的にはHTML5への期待も語る これまでFacebookはiOS向けのアプリをHTML5ベースで開発していましたが、起動が遅い、反応が重いなど不評でした。そこで方針を転換。8月にリリースされた新バージョンは性能を重視してネイティブアプリケーションとして開発されました。 ザッカーバーグ氏はこの、HTML5で開発するという方針を指して「HTML5に賭けたのは失敗」と発言したわけです。 ザッカーバーグ氏の発言のここだけを見れば、FacebookはこれからHTML5を捨ててネイティブアプリへ注力するように受け取れます。しかしザッカーバーグ氏のこの発言には続きがあります。そこまで聞くことで、本当は何を言いたかったのかがはっきりしてきます。 彼の発言を、TechCrunchで公開されているビデオから追ってみましょう（ビデオはこの記

As of February 28, 2019, Disney Story Central has been retired. While this app may still be playable, there are no plans for future updates and active product support will no longer be provided. We appreciate your support and understanding. Please note that Disney is not responsible for providing refunds or credits for any virtual items, in-game currency, or other items that may be no longer avail

Beatonicaというウェブ楽器をWeb Audio APIとNode.jsで作りました。個々のツイッターアカウントに音をわりあててフォロー関係の人たちの音によって音楽を作るというアプリです。まあ難しいこと考えなくてもログインしてプレイボタンを押すだけで楽しめるのでGoogle Chromeでアクセスしてみてください。 先日のSapporo.jsでこのBeatonicaについて発表してきたので資料を公開します。 Web Audio APIとNode.jsでウェブ楽器作った - Beatonicaの紹介 View more presentations from aike

長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か

はじめに ○○のやり方、みたいな記事を集めるnanapiというサイトをやっているのですが、このサイトのリニューアルを行いました。3回目のバージョンアップなので、ver3.0と呼んでいたりします。 オシャレキッズである株式会社ロケットスタートのメンバーは、モダンさを追求したいという欲求が大きくあり、今回はそのモダンな感じが前面にでた、モダンリニューアルといえる内容になっています。 今回はどのあたりがモダンなのかを詳しく説明したいと思います。 モダンその1：Facebook連携を中心にしたリニューアル まだ検索からの流入が多い日本のWebサイトですが、海外だとソーシャルサイト、特にFacebookからの流入が増えてきています。 簡単に言うと友だちから紹介されたコンテンツって気になるよねってことだと思います。 そこで、モダンnanapiでは、インターフェイスをソーシャルに振り切ろうと考えてリニュ

HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり

いまやほとんどすべてのWebブラウザがHTML5を中心としたWeb標準に対するサポートを表明しており、Webブラウザ間のマークアップに関する互換性はよい方向へと向かっています。 しかし新しく登場している、Webブラウザにインストール可能なWebアプリケーション、例えばグーグルはChromeブラウザに対してインストール可能なアプリケーションを「Chromeウェブストア」で提供を開始していますが、こうしたWebアプリケーションのパッケージングに関する互換性がとられていない点を、Web標準の分野で著名人であるBruce Lawson氏がブログにポストしたエントリ「 Installable web apps and interoperability 」で心配しています。 W3Cは標準化を進めようとしているが インストール可能なWebアプリケーションとは、HTML5、CSS、JavaScript、S

［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様を紹介しましょう。 Chromeはさらに高速に 昨日に続いて、グーグル Senior Vice PresidentのVic Gundotra氏登場。Galaxy Tabは気に入ってくれたかな？ 今日のテーマはWebだ。Chromeチームはスピード、セキュリティ、機能などに関してWebを前進させてきた。Chromeの今後について話をしよう。 Chrome担当、Senior Vice Presiden

デスクトップ仮想化とは、Windows OSやアプリケーションなど、通常は利用者の目の前にあるデスクトップPCやノートPCなどで実行するソフトウェアを丸ごとサーバ内の仮想マシン上で実行し、それをリモート接続して利用することです。 デスクトップ仮想化によって、デスクトップPCのハードディスククラッシュでデータを失わないようにバックアップをとったり、ノートPCを紛失して情報漏洩が起きないように暗号化をしたり、セキュリティホールを突かれないように利用者がちゃんとOSにパッチを当てているか管理者がいちいちチェックしたり、といったデスクトップ管理の手間を削減することができます。 Ericom Announces First Pure HTML5 Client for VMware View - Beta Version Available Now デスクトップ仮想化を実現するクライアントは、専用のソ

（文書構造編：後編）HTML5 Outlinerで文書の“アウトライン”を確認する：HTML5“とか”アプリ開発入門（5）（1/2 ページ） 文書の「アウトライン」とは 前回の「HTML5のセクションで“文書構造”を理解する」で説明した「セクション要素」（＜section＞＜article＞＜nav＞＜aside＞）は文書構造を表すために用いられます。セクション要素によって作成されたブロックは、文書の「セクション」と呼ばれます。そして、セクションの入れ子構造によってでき上がった論理構造を、文書の「アウトライン」と呼びます。 言い換えると、「セクション要素を用いてマークアップしていくことは、文書のアウトラインを構築していく作業である」ということになります。そのため、セクション要素を＜div＞要素と同じように乱用することは許されません。それはつまり、「文書の論理構造を無造作に取り扱っている」と

ロゴはクリエイティブコモンズのAttribution 3.0 Licenseライセンスで提供され、希望者は誰でもこのロゴをWebサイトに表示したり、ステッカーにしてPCに貼ったり、Tシャツの柄にすることができるとのこと。 また、HTML5を利用していることをアピールしたいWebサイトのために、HTML5関連のテクノロジーを示したアイコン付きのバッジも提供されています。 HTML5のロゴの右側に並んだアイコンは、左から以下のテクノロジーを示しており、任意に選択できます（バッジには縦用のレイアウトもあります）。 Connectivity（Web Sockets、Server-Sent Eventsなど） CSS3 & Styling（CSS3、Web Open Fonts Formatなど） Device Access 3D & Effects（WebGL、CSSの3D機能など） Multim

（編集部注：こちらは、1月12日に公開の「グーグル、「Chrome」での「H.264」サポートを打ち切りへ」に、オリジナル英文記事中にある未翻訳部分を追加し、一部を再編集して公開しています） Googleはちょうど、ウェブのコーデック戦争で一斉攻撃を仕掛けたところだ。 独自のビデオエンコーディング技術「WebM」で市場に参入しているGoogleは、米国時間1月11日、「Google Chrome」でコーデック「H.264」のビルトインサポートを中止する計画を発表した。「H.264」はWebMと競合し、広く利用されているコーデックで、AppleやMicrosoftが支持している。GoogleはH.264のサポートを打ち切ったことで、Mozilla FoundationやOperaなど、基本的なウェブ技術が特許の制約を受けないことを強く望むブラウザメーカーの立場を明確に支持することになる。 「

Googleが、ChromeでのH.264サポート中止の発表に対する反響を受け、この決定についてさらに説明するブログを公開した。 米Googleは1月14日（現地時間）、11日に発表したChromeブラウザでのH.264サポート中止に対する反響を受け、この決定について補足説明する公式ブログを掲載した。 現在、主なWebブラウザではFirefoxとOperaがWebMをサポートし、H.264をサポートしていない。米AppleのSafariはH.264のみをサポートしている。米MicrosoftのInternet Explorer（IE）はH.264をサポートしており、IE9ではWebMをサポートするとしている。Chromeは両方をサポートしてきたが、WebM普及促進のために次期版でH.264のサポートをやめると発表した。 このブログで同社は、策定中の次世代Web標準HTML5の目玉の1つであ

HTML5にはオフラインアプリケーション機能があり、オフラインに対応したWebサイトを作ることができます。Webブラウザでいちど表示させれば、あとはネットワークとの接続が切れてもそのままエラーを起こさずに利用し続けられるWebサイトです。 iPod TouchやiPhoneに搭載されているWebブラウザの「Safari」はHTML5のオフラインアプリケーション機能に対応しているそうなので、HTML5を使っていつでも参照できる超簡単なアプリを作れるのではないか、そう思ってお正月休みに試してみることにしました。 単に路線図を表示するだけのアプリ iPod Touchを僕は利用しているのですが、いつでも参照できる地下鉄の路線図があるといいなと思っていました。iPod TouchはWifi機能しかないため、外出中はずっとオフラインでの利用なのです。 そこで、起動すると路線図の画像を表示するだけの超