Feeds:
投稿
コメント

Posts Tagged ‘HTML5’

HTML5 の歴史

Ford-W3C-meeting2-690

二つの対立するグループの葛藤から生まれたウェブ標準 HTML5

On HTML5 and the Group That Rules the Web | The New Yorker

The answer, at least for citizens of the Internet, is yes: it is worth understanding both what HTML5 is and who controls the W3C. And it is worth knowing a little bit about the mysterious, conflict-driven cultural process whereby HTML5 became a “recommendation.” Billions of humans will use the Web over the next decade, yet not many of those people are in a position to define what is “the Web” and what isn’t. The W3C is in that position. So who is in this cabal? What is it up to? Who writes the checks?

Paul Ford on HTML5 and the World of Web Standards | Daring Fireball

Ford achieves something extraordinary with this piece — it works well as an introduction to the world of web standards for the uninitiated, but works also as a cogent overview for those of us who are intimately familiar with the W3C (idealistic) / WHATWG (practical) political saga.

Read Full Post »


[数表をアニメーションへ:image

プログラミングの話題をひとつ・・・

無味乾燥な数表を楽しい棒グラフのアニメーションにしようという試み。

こちらのようなアニメーションにしようというわけ。

HTML5 や CSS3 だけで出来るという。次のサイトでプログラミングコードが公開されている。興味のある方はぜひどうぞ。

Smashing Coding: “Create An Animated Bar Graph With HTML, CSS And jQuery” by Derek Mack: 23 September 2011

プログラミングはさっぱりだが、とてもクールに見えるので自分でも出来たらいいなあと思う。

[via The Loop

★ →[原文を見る:Original Text

Read Full Post »


SublimeVideo Player

Flash を使わなくても HTML5 だけでビデオ再生が可能な SublimeVideo プレーヤが登場したときはその繊細な画像再生能力にビックリしたものだ。

スイスの開発チーム Jilion が SublimeVideo を更に一歩前進させた。どんなブラウザでも使えるユニバーサルプレーヤを目指す SublimeVideo でフルスクリーン再生が可能になったのだ。

Jilion Blog: “World’s First True HTML5 Fullscreen Video” by Jilion Team: 27 July 2011

     *     *     *

エキサイティングなお知らせ

HTML5 ファンのみなさんへエキサイティングなお知らせがあります。真の意味での HTML5 フルスクリーンビデオの再生が可能になりました。私たちのプレーヤ SublimeVideo に実装したばかりです。

We have some exciting news for all the HTML5 enthusiasts out there: true HTML5 fullscreen video playback is now possible, and we’ve built it right into our player.

     *     *     *

HTML5 プレーヤの最大の限界

Flash と比べて HTML5 プレーヤの最大の限界は、真の意味でのフルスクリーン再生ができないことでした。Safari には HTML5 ビデオプレーヤのフルスクリーンオプションが実装されていますが、これはカスタマイズ不可能な QuickTime ビューによるもので、プレーヤをブランド化することも、カスタムコントロールを追加することも出来ませんでした。

Until now, the lack of true fullscreen playback has been the biggest limitation of HTML5 over Flash video. Safari already offered a basic fullscreen option for HTML5 video players, but this was via a non-customizable QuickTime view that didn’t allow the player to be branded or to feature custom controls.

     *     *     *

今回世界で初めて

昨年我々は SublimeVideo プレーヤのデモを公開しましたが、ついに今回世界で初めて SublimeVideo プレーヤの HTML5 コントロールを利用して、すばらしいフルスクリーンを楽しむことが出来るようになりました。

For the first time since we demoed our player last year, we can finally enjoy SublimeVideo’s HTML5 controls in glorious fullscreen.

     *     *     *

目下のところ Safari 5.1 だけ

これは最新の機能であり、SublimeVideo はそれを可能にした初めてのビデオプレーヤとして新天地を切り開くものです。目下のところ最新の Safari 5.1 が必要ですが、Chrome や Firefox も間もなくサポートされる〈注記1〉予定です。

This is a cutting-edge feature and we are breaking new ground by being the first video player to implement it. Right now it requires the very latest version of Safari 5.1, but Chrome and Firefox support should arrive soon1.

     *     *     *

試してみる・・・

試してごらんになりたい方はこちらへ・・・

→[世界初の HTML5 フルスクリーンビデオ

フルスクリーンボタンを押すか、ビデオをダブルクリックすれば、画面いっぱいになります。Safari 5.1 が必要です。

Click on the fullscreen button or double click on the video to enter fullscreen.
Safari 5.1 required.

     *     *     *

修飾キーを押しながら

私たちはこの機能が SublimeVideo プレーヤのすべてのインスタンスで可能になるようにしました。まったく新しい機能なので、目下のところ Safari でしか利用できません。Safari のこれまでのフルウィンドウ拡大はデフォルトオプションのままです。Safari 5.1 をご利用の場合は、真の意味での HTML5 フルスクリーン再生を楽しむためには、Command キー[Mac]ないしは Ctrl キー[Windows]を押しながら〈注記2〉フルウインドウボタンを押してください。修飾キーを押しながらダブルクリックしてもフルスクリーンになります。私たちの顧客のサイトでいくつか試して頂くこともできます。

We’ve now enabled this feature on all instances of SublimeVideo Player. However, because this is a brand new feature that is currently only available in Safari, for now we have left the traditional full-window behavior as the default player option. If you are running Safari 5.1, simply hold down Command (Mac) or Ctrl (Windows) while clicking the player’s full-window button to enjoy true fullscreen HTML5 playback2. You can also double-click the video whilst holding the modifier key to activate fullscreen. You can test it yourself on some of our customers’ sites!

今後とも SublimeVideo の開発にご期待ください。

Stay tuned for more SublimeVideo news and developments.

     *     *     *

Mozilla の Fullscreen API Proposal

注記1:WebKit/Safari におけるフルスクリーンの実装は Mozilla の Fullscreen API Proposal を利用しています。Firefox にもこれが追加されることを期待します。このスレッドを利用して皆さんの声を上げ、Firefox をプッシュしてください。

1. The WebKit/Safari fullscreen implementation is actually based on Mozilla’s Fullscreen API Proposal, so hopefully this will soon be added to Firefox; you can add your voice and push for this feature on Firefox via this thread.

     *     *     *

デフォルト設定

注記2:SublimeVideo の顧客の方が、ブラウザのフルスクリーンサポートをデフォルト設定にしたい場合、いいかえれば command/ctrl キーを押すことを不要にしたい場合は、エレメントに sv_html5_fullscreen クラスを追加することで可能になります。

2. If you are a SublimeVideo customer and want to enable true fullscreen playback by default on supported browsers as we have in the video above (i.e. without needing to hold down the command/ctrl key) you can do it by adding the sv_html5_fullscreen class to your elements.

     *     *     *

前回はフルスクリーンといってもブラウザ内での話だった。たしかに今回はコンピュータ画面でもフルスクリーンになる!

どうやら Flash 必須の時代は終わりを告げつつあるようだ。

ところで筆者の Safari 5.1 の場合、Command キーを押さなくてもフルスクリーンになるんだけど・・・?

★ →[原文を見る:Original Text

Read Full Post »


[Hype for Mac]

元アップルエンジニアによる HTML5 オーサリングツールの話がおもしろい。

9 to 5 Mac: “Believe the Hype: Former Apple engineers release Flash-killing HTML5 authoring tool” by Christian Zibreg: 24 May 2011

     *     *     *

HTML5 コーディングは大変

HTML5 が盛んに持てはやされるが、魅力的ウェブサイトを HTML5 でコーディングしようとするとウェブ開発者にとっては大変な作業になる。もうたくさんというわけで、2人のエンジニアがアップルを辞め、Y Combinator が資金を出すスタートアップ「Tumult」を設立した。ちゃんとした HTML5 オーサリングツールの恒常的不足を解決しようというのが設立目的だ。えっ、アドビの Creative Suite がウェブ開発のすべてだと思っていたの?

For all the talk of HTML5, web developers nowadays are still doomed to hard-coding pretty HTML5 websites. Deciding enough is enough, two engineers left Apple to found Tumult, a Y Combinator-funded startup. Their goal: Address a chronic shortage of decent HTML5 authoring tools. What, you didn’t think Adobe’s Creative Suite is the be all end all of web development?

     *     *     *

Hype 誕生の理由

彼らの努力の結果が「Hype」だ。Flash プラグインを必要としないウェブで人目を引くアニメーションを作る際の苦痛をなくしようという全く新しい Mac アプリだ。共同設立者のひとりでアップルで Mail アプリのバックエンドを担当したエンジニアの Jonathan Deutsch は、Paul Hontz の The Startup Foundry インタビューでつぎのように語っている。

The result of their undertaking is Hype, a brand new Mac application taking the pain out of creating eye-catching animations on the web that don’t require the Flash plug-in. Jonathan Deutsch, one of the co-founders and former engineering manager for the Mail.app backend, explains in an interview with Paul Hontz’s The Startup Foundry:

「ヨーロッパ旅行から帰国したあと、様々の効果を使った美しいアルバムのような写真ウェブサイトを作ろうと考えました。しかし HTML5 でコーディングするのは悪夢のような経験でした。もっといい方法があるハズだ・・・そこから Hype のアイデアが生まれました。」

At one point after a trip to Europe, I wanted to make a photo website that would be as nice as a beautifully bound photo album, and use lots of effects. Coding this with HTML5 would have been a nightmare. There had to be a better way, and that’s how the idea for Hype was born.

     *     *     *

アップルのエピソード

30 ドルの当初限定版は、いまや Mac App Store で最高の収益をあげるソフトだ。Deutsch はアップルで働く役得や興味深いエピソードについても語る。

The $30 download (limited introductory pricing) is already the top-grossing program on the Mac App Store. Deutsch also shared interesting anecdotes about the perks of working at Apple…

たとえば、新しく採用されたひとには新しいハードウェアが各人に付与される。(無料か割引価格かまでは語っていない。)また、アップルでよく聞かれる質問は「前にここで何度働いたことがある?」というもの。というのも、アップルは頭のいい連中をたくさん雇うが、そんな連中は途中で起業家精神に目覚め、辞めて自分のスタートアップを始めるからだ。スタートアップの多くは開始前に失敗するので、何人かは元の雇い主に戻ってくるというわけ。

For starters, each hire gets new hardware from the company (free of charge or discounted? He didn’t tell). He also tells that “at Apple the question is often ‘how many times have you worked here?’” because the company hires a lot of clever people who at some point discover the entrepreneur within and leave for their own startups. As many startups fail before even taking off, some of the people turn to their former employer.

     *     *     *

WebKit レンダリングエンジンとしての HTML5

また Deutsch は、オープンソースの WebKit レンダリングエンジンに HTML5 を採用したり、Javascript を最適化させる仕事をアップルでしたことで高い評価を得ている。「HTML5 が新しいプラットフォームになったのはすばらしい。アップルは賞賛に値する」と彼はいう。モバイルブラウザの世界では WebKit が最も好まれるプラットフォームだ。一方デスクトップでは、片や WebKit、片やマイクロソフトや Mozilla 特有のレンダリングプラットフォームに細分化されていて、ウェブ開発を複雑化させる状況になっている。

He also credited HTML5 adoption and Javascript optimizations to the work Apple has done with the open-sourced WebKit rendering engine. “It’s great to see HTML5 as a new platform, and Apple deserves a lot of credit”, he said. WebKit is today the platform of choice for the vast majority of mobile browser, unlike on desktops where the fragmentation between WebKit on one side and Microsoft’s and Mozilla’s proprietary rendering platforms on the other complicates web development.

     *     *     *

そうか、HTML5 のコーディングはむずかしいのか・・・

「Hype」も興味深いが、アイデアを得て起業し、またアップルに戻ってくるというところもおもしろい。

★ →[原文を見る:Original Text

Read Full Post »