要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話

2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。（ミスなどの指摘は @lowply までお願いします） もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2

[lowply]

ホッテントリ入った記事

[t-murachi]

「昔から思ってたけど、Appleのウェブサイトって本当に一つの目指すべき姿だと思う」<アホ言え! 一番真似しちゃアカンタイプのバッドノウハウの塊やないかい!!

[Luigitefu]

これが最適解とは思い難いのだが

[secseek]

アップルの見た目はかっこいいです。これがバッドノウハウを使わないと実装できないのなら、間違ってるのは仕様の方です。実装は結果のためにあるのであって、逆ではありません。

[n-styles]

ファミコンみたいだ。

[tyoro1210]

『Appleのウェブサイトって本当に一つの目指すべき姿だと思う。』 こんなん目指したかねぇよ

[inurota]

「1MBに収まる2枚のJPG画像をJSで高速に差し替えてcanvasタグ内に描画。各フレームごとのJPGの位置はJSONで記述」変態というか、8ビット時代のプログラミングって感じだな。

[todesking]

これが世界の選択か(；´Д｀)

[raimon49]

Flashは嫌いだけど綺麗な絵面が欲しかったんだろうな。

[sora_h]

「目指すべき姿」じゃないでしょこんなん

[rin51]

テレビゲームのキャラクターを表示させる手法がこんな感じじゃなかったっけ

[hisasann]

iphone5、動画圧縮

[wata88]

変態技法

[itochan315]

これ目指したらよくない

[tsupo]

時系列に沿った画像の羅列で構成されたメタ画像からjavascriptで順次必要な画像部分を抽出、表示することで動画を実現する手法

[AmaiSaeta]

そもそも"「再生ボタン」を押さないと再生できな"い仕様を採用した張本人が、それに反するナニカを無理矢理実装ってのがおかしくないか?方向性が一貫してない。

[moromoro]

毎度のことだけど変態的w

[ArcCosine]

おもしろー

[toriaezu]

エンジニアの趣味だろ完全にｗｗ

[sabro]

Appleだからスゴイと思われるけど、楽天とかが同じ事やってたら叩かれるんだろうな

[asuka0801]

JSで圧縮JPEGぶん回すくらいならベクターデータで画像描写するFlashの方がマシのように思えるんだけども。少なくともHTML5実装で目指す姿ではないな

[ruedap]

ちょっとおかしな方向に進化してる

[dulltz]

これならもうflashの方がマシなレベル

[doiman3d]

appleがやるとなんかカッコよく見えるが、実は本末転倒な話だねぇこれ。

[kamata_dj]

将来仕事できるようになったらこんな実装してみたい。

[ysync]

無駄な意地だろ。／"iPhoneなどは「再生ボタン」を押さないと再生できなかったりするので"モバイルに5MBもの無駄なデータ送ってくるなよ。

[Vitalsine]

家庭用ゲームの実装だとわりとふつう。これぐらいでバッドノウハウとか

[azure-frogs]

ママ～、ぼくもこれやりたーい

[mat2uken]

「目指すべき姿」なのか。。。？すごいなーとは思うけど。

[C_L]

VIPER/ラブ・エスカレーター

[Gururi]

Appleやべぇ……

[bugmomo]

なにをどうしたらこれがアニメーションになるのやら…

[a_matsumoto]

スタンスがよく現れている･･･ RT @makeplex “要約 : Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話 | fixture.jp”

[mobile_neko]

ものすごいバッドノウハウだな･･･。逆にWeb界にはまだFlashが必要な気がしてくる。

[yamadar]

変態さんだー！あとでソース読む。

[h5y1m141]

発想は面白いけど、凡人には真似できないなぁ

[tanimiyan]

力業過ぎる。

[delphinus35]

無茶しやがって・・・ こんなことより、<video>タグの実装の改善を考えてよ

[ohira-y]

だれか日本企業のエクセル方眼紙がやばいという記事をよろしく