YUIシアター-ネイトキャバノーとエドゥアルドラングレン： "YUI 3ギャラリーでAlloyUIコンポーネントの旋風ツアー"（67分）

エリックMiragliaによって23:40に2010年11月30日|でYUI 3ギャラリー 、 YUIシアター | コメントオフ

Liferayのエンジニアネイトキャバノーとエドゥアルドラングレンは、サニーベール、カリフォルニア州のヤフー本社にYUIConf 2010年AlloyUIについて話す。

YUIConf 2010年からこのセッションでは、 Liferayの高品質、YUI 3ベースのコンポーネントの数十約エンジニアネイトキャバノーとエドゥアルドラングレンの話は、そのことによって貢献AlloyUIのにプロジェクトYUI 3ギャラリー 。 あなたはYUI 3は、ネイトとエドゥアルドが使用可能にしたものを見ずに提供するものの完全なスペクトルを理解することはできません。

下に埋め込 ​​んだビデオがお好みのRSSリーダでは正しく表示されない場合は、必ずYUIシアターの映像の高解像度版を見るためにクリックスルー 。

その他の最近のYUIシアター動画：

  • ライアン·ダール：Node.jsのロードマップ - Node.jsのクリエイターライアンダールはNode.jsのの現状と今後のロードマップの詳細内 ​​容に飛び込むYUIConf 2010で最も技術的な（そして面白い）話の一つを提供しています。
  • Nagesh Susarla：YQLを実行したビルYQLオープン·データ·テーブル - YQLエンジニアNagesh Susarlaは、強力なYQLのオープン·データ·テーブルの作成 ​​で実行YQLの力を探ります。
  • ミレックGrymuzaとジョシュGordineer：YQL：はじめに -ミレックGrymuzaとジョシュGordineerはあなたYQL、使い慣れたSQLスタイル構文を介してアクセスのデータベースにインターネットをオンに顕著Yahooのデータサービスをもたらし、チームのメンバーです。 YUIConf 2010年から本講演では、彼らは、YQLの歴史、機能、およびコアの用途にベースラインの導入を提供しています。
  • ネイトKoechley：タッチの分類 - YUI寄稿ネイトKoechleyは、ポータブルデバイスの新たなクラスを駆動タッチの相互作用のより広範な言語の基礎を敷設、タッチプリミティブ、ジェスチャーとセマンティクスの要素を分解します。
  • ニコラスC. Zakas：YUIテスト -ヤフーのフロントページのエンジニアは、著者とそのYUI 2、YUI 3の根から出て切断された新しいスタンドアロンYUI TestプロジェクトについてYUI寄稿ニコラスC. Zakas話しています。

CCコンテンツ/親切な許可によって使用されます：

YUIシアターを購読する：

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

YUIシアター-ライアン·ダール： "Node.jsのロードマップ"（48分）

2010年11月30日16:07にエリックMiraglia別|でYUIシアター | コメントオフ

ライアン·ダール、Node.jsののクリエーター、2010年11月8日にカリフォルニア州サニーベール、のYahoo本社でYUIConf 2010でプロジェクトの将来について話しています。

Node.jsのクリエイターライアン·ダールは、最も技術的な（そして面白い）話の一つを提供YUIConf 2010ノードのプロジェクトとプロジェクトの将来のための彼の現在の計画の現在の状態を見直し、。

下に埋め込 ​​んだビデオがお好みのRSSリーダでは正しく表示されない場合は、必ずYUIシアターの映像の高解像度版を見るためにクリックスルー 。

その他の最近のYUIシアター動画：

  • Nagesh Susarla：YQLを実行したビルYQLオープン·データ·テーブル - YQLエンジニアNagesh Susarlaは、強力なYQLのオープン·データ·テーブルの作成 ​​で実行YQLの力を探ります。
  • ミレックGrymuzaとジョシュGordineer：YQL：はじめに -ミレックGrymuzaとジョシュGordineerはあなたYQL、使い慣れたSQLスタイル構文を介してアクセスのデータベースにインターネットをオンに顕著Yahooのデータサービスをもたらし、チームのメンバーです。 YUIConf 2010年から本講演では、彼らは、YQLの歴史、機能、およびコアの用途にベースラインの導入を提供しています。
  • ネイトKoechley：タッチの分類 - YUI寄稿ネイトKoechleyは、ポータブルデバイスの新たなクラスを駆動タッチの相互作用のより広範な言語の基礎を敷設、タッチプリミティブ、ジェスチャーとセマンティクスの要素を分解します。
  • ニコラスC. Zakas：YUIテスト -ヤフーのフロントページのエンジニアは、著者とそのYUI 2、YUI 3の根から出て切断された新しいスタンドアロンYUI TestプロジェクトについてYUI寄稿ニコラスC. Zakas話しています。
  • Tantekチェリック：HTML5：ライト·ヒア、ライト·ナウ -以前はTechnoratiのタグと標準専門家Tantekチェリックは、Webアプリケーションの出荷で使用するためにHTML5の仕様とその準備の現在の状態を説明します。

CCコンテンツ/親切な許可によって使用されます：

YUIシアターを購読する：

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

YUIシアター- Nagesh Susarla： "を実行してYQLでYQLオープン·データ·テーブルを構築する"（37分）

2010年11月30日15:54に ​​エリックMiraglia別|でYUIシアター | コメントオフ

YQLエンジニアNagesh Susarlaサニーベール、カリフォルニア州のヤフー本社にYUIConf 2010で語っています。

からこのセッションでYUIConf 2010 、YQLエンジニアNagesh Susarlaは、YQLの力が強力なYQLのオープン·データ·テーブルの作成 ​​で実行探ります。 （あなたはYQLに新しいしている場合は、 "Myrek GrymuzaとジョシュGordineerのお見逃しなくYQLの概要にYUIConf、利用可能なからも、 " YUIシアター ）。

下に埋め込 ​​んだビデオがお好みのRSSリーダでは正しく表示されない場合は、必ずYUIシアターの映像の高解像度版を見るためにクリックスルー 。

その他の最近のYUIシアター動画：

  • ミレックGrymuzaとジョシュGordineer：YQL：はじめに -ミレックGrymuzaとジョシュGordineerはあなたYQL、使い慣れたSQLスタイル構文を介してアクセスのデータベースにインターネットをオンに顕著Yahooのデータサービスをもたらし、チームのメンバーです。 YUIConf 2010年から本講演では、彼らは、YQLの歴史、機能、およびコアの用途にベースラインの導入を提供しています。
  • ネイトKoechley：タッチの分類 - YUI寄稿ネイトKoechleyは、ポータブルデバイスの新たなクラスを駆動タッチの相互作用のより広範な言語の基礎を敷設、タッチプリミティブ、ジェスチャーとセマンティクスの要素を分解します。
  • ニコラスC. Zakas：YUIテスト -ヤフーのフロントページのエンジニアは、著者とそのYUI 2、YUI 3の根から出て切断された新しいスタンドアロンYUI TestプロジェクトについてYUI寄稿ニコラスC. Zakas話しています。
  • Tantekチェリック：HTML5：ライト·ヒア、ライト·ナウ -以前はTechnoratiのタグと標準専門家Tantekチェリックは、Webアプリケーションの出荷で使用するためにHTML5の仕様とその準備の現在の状態を説明します。
  • マーク川上：指のヒント：タッチベースのエクスペリエンスを構築する教訓 - Yahoo!スポーツのマーク川上は、インターネット上で最も人気のあるウェブサイトのいずれかのタッチベースのエクスペリエンスを構築で学んだいくつかの教訓を学ぶことができます。

YUIシアターを購読する：

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

YUIシアター-ミレックGrymuzaとジョシュGordineer： "YQL：はじめに"（45分）

2010年11月30日午後3時45分にエリック·Miraglia別|でYUIシアター | コメントオフ

ヤフーのエンジニアミレックGrymuzaサニーベール、カリフォルニア州のヤフー本社で、11月YUIConf 2010で観客、8、2010 YQLが導入されています。

ミレックGrymuzaとジョシュGordineerはあなたがもたらすチームのメンバーであるYQLおなじみのSQLスタイル構文を介してアクセス可能なデータベースにインターネットをオンに顕著Yahooのデータサービス。 から本講演ではYUIConf 2010年 、彼らは、YQLの歴史、機能、およびコアの用途にベースラインの導入を提供しています。

下に埋め込 ​​んだビデオがお好みのRSSリーダでは正しく表示されない場合は、必ずYUIシアターの映像の高解像度版を見るためにクリックスルー 。

その他の最近のYUIシアター動画：

  • ネイトKoechley：タッチの分類 - YUI寄稿ネイトKoechleyは、ポータブルデバイスの新たなクラスを駆動タッチの相互作用のより広範な言語の基礎を敷設、タッチプリミティブ、ジェスチャーとセマンティクスの要素を分解します。
  • ニコラスC. Zakas：YUIテスト -ヤフーのフロントページのエンジニアは、著者とそのYUI 2、YUI 3の根から出て切断された新しいスタンドアロンYUI TestプロジェクトについてYUI寄稿ニコラスC. Zakas話しています。
  • Tantekチェリック：HTML5：ライト·ヒア、ライト·ナウ -以前はTechnoratiのタグと標準専門家Tantekチェリックは、Webアプリケーションの出荷で使用するためにHTML5の仕様とその準備の現在の状態を説明します。
  • マーク川上：指のヒント：タッチベースのエクスペリエンスを構築する教訓 - Yahoo!スポーツのマーク川上は、インターネット上で最も人気のあるウェブサイトのいずれかのタッチベースのエクスペリエンスを構築で学んだいくつかの教訓を学ぶことができます。
  • ロスHarmes：YUI 3にFlickrを移植 -ロスHarmesは、Flickrでのフロントエンド·エンジニアリング·マネージャです。 このセッションでは、彼は彼のチームはパフォーマンスとコードの組織化のヒントなどを学んだ他のレッスンなど、YUI 3を使ってFlickrのフロントエンド層の書き換えに行ったプロセスについて説明します。

YUIシアターを購読する：

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

YUIシアター-ニコラスC. Zakas： "YUIテスト"（49分）

2010年11月29日12:40にエリックMiraglia別|でYUIシアター | コメントオフ

ニコラスC. Zakasサニーベール、カリフォルニア州のヤフー本社にYUIConf 2010で語っています。

からこのビデオではYUIConf 2010年 、ヤフーのフロントページのエンジニアは、著者とそのYUI 2、YUI 3の根から出て切断された新しいスタンドアロンYUI TestプロジェクトについてYUI寄稿ニコラスC. Zakas話しています。 話で説明するトピックの中にコードカバレッジとSeleniumの統合にYUIのテストで、新しい施設です。

下に埋め込 ​​んだビデオがお好みのRSSリーダでは正しく表示されない場合は、必ずYUIシアターの映像の高解像度版を見るためにクリックスルー 。

その他の最近のYUIシアター動画：

YUIシアターを購読する：

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

サーバー送信イベント：YUI 3ギャラリーで

中| 11:49 2010年11月29日には、ニコラスC. Zakasによって午前の開発 、 YUI 3ギャラリー | コメントオフ

上の興奮で明らかなように、人気が高まっているWeb上でプッシュ通知のWebソケット 、良い理由があります。 観客がリアルタイム株式のアップデート、ニュース、スポーツ、さらには、インターネットに頼るようにWebは、より正確かつ最新の情報に向かって動いています。 ：ウェブソケットはプッシュ通知の分野で大きな飛躍を表しますが、前方に小ジャンプと考えることができる、あまり知られて仕様が存在するサーバー送信イベント 。

サーバに送信されたイベント（SSE）は、開発者が既に使用している技術の上に建物からのプッシュ通知が容易にターゲットにしています。 としてWebソケットとは対照的に、SSEは、サーバと通信するために通常のHTTPを使用し、使用するかどうかを決定することができますHTTPストリーミング 、 長いポーリング 、新しいデータを取得するために、あるいは定期的なポーリングを（これは推奨されていませんが）。

SSEの中心であるEventSourceオブジェクト。 YUI 3ギャラリーEventSourceのモジュールは、クロスブラウザの実装が作成さEventSourceサポートするすべてのブラウザにサーバー送信イベントのサポートを持って、 XMLHttpRequest （現在Safariのそれを持っているブラウザでネイティブ実装にフォールバックしながら、Internet Explorer 6を含む、 5、クローム7、およびOpera 10.7）。

EventSourceイベントストリーム（ "テキスト/イベント·ストリーム"のコンテンツタイプによって示される）のような応答を解釈し、適切なイベントを発生させます。 3つの定義済みイベントがあります。

  • open -サーバーとの接続が確立されている火災。
  • message -新しいメッセージがサーバから受信される発生します。 event.dataプロパティは、新しいデータが含まれています。
  • error -エラーがイベントストリームを処理する際に発生した火災。 このイベントが発生したら、それ以上のイベントが処理されませんとサーバーの接続は永久に閉じられます。

単一の行にいくつかのデータが続いています。イベントストリーム自体は、キーワード "データ"で構成されたプレーンテキストのデータです。 接頭辞：あなたは複数行にしたい場合には、 "データ"を持つ複数の行を含める必要があります。 空行はイベントの間の境界と見なされます。 ここで簡単な例を示します。 

 data: hello data: hello data: world

二つmessageイベントがこのイベントストリームに起動されます。 第一したevent.data秒ている間に"hello"に設定されevent.data "こんにちは\ nworld"（新しい行に注意してください）に設定されています。

ここで新しいの作成 ​​例ですEventSourceインスタンスは： 

 YUI({ gallery: 'gallery-2010.11.17-21-32' }).use('gallery-eventsource', function(Y) { var src = new Y.EventSource("stream.php"); src.on("open", function(event){ console.log("Connection opened!"); }); src.on("message", function(event){ console.log("Data received: " + event.data); }); src.on("error", function(event){ console.log("Error!"); }); });

コンストラクタは、イベント·ストリームのURLである単一の引数を受け入れます。 の興味深い、有用な部分EventSource接続が何らかの理由で失われた場合、自動的にサーバーに再接続することです。 そうすることで使用する場合は切断して、頻繁に苦情を再接続することを心配する必要から開発者を解放しXMLHttpRequestプッシュ通知のために。

YUI 3ギャラリーEventSourceモジュールはHTTPストリーミング、ロングポーリングをサポートするように仕様と一致し、定期的なポーリングにもかかわらず、すべてのブラウザでは、3つすべてをサポートしています。 それは簡単に長い​​または定期的なポーリングを扱うことができますが、Internet Explorerが（最大およびバージョン9を含む）、HTTPストリーミングをサポートしていません。 このモジュールの推奨される使用法は、最高のパフォーマンスと互換性のために長いポーリングの実装であなたの経験を構築することです。

あなたはHTTPストリーミングをサポートするブラウザに最適化したい場合、モジュールは特別な設定X-YUIEventSource-PollOnlyは、HTTPストリーミングを使用することはできませんブラウザを検出したときにヘッダを。 あなたがデータを提供するための正しい方法を決定するためにサーバー上でこのヘッダをチェックすることもできます。 ここではJSPを使用しての実装例は次のとおりです。 

 <%@page contentType="text/event-stream" buffer="none"%> <% //check for poll-only header String header = request.getHeader("X-YUIEventSource-PollOnly"); //check every so often to see if there's new data while(true) { //sleep for a second - simulate waiting for data Thread.sleep(1000); //output the current time, ensure there are two trailing newlines out.print("data: " + (new java.util.Date()).toString() + "x\n\n"); out.flush(); //if it's a poll-only request, break the loop, //which ends the request - the client will reconnect if (header != null){ break; } } %>

これは、データの形式は単純である限り、SSEを使用するように既存の長いポーリングソリューションを移行するのはとても簡単です。 イベントストリームの形式は、行ベースであるため、その代わりに、複数行の一行上に座るためにいくつかのデータを再フォーマットを意味します。

SSEは、HTTPを使用するため、Webソケットと同じパフォーマンス特性を持つことはありませんが、それはブラウザでプッシュ通知の論理的な進化を表しています。 SSEは、古い置き換えることができますXMLHttpRequestすべて同じ認証のパラダイムを保ちながら、少ないコードと優れたエラー処理とベースのソリューションを提供しています。

YUI 3ギャラリーEventSourceモジュールは、ほとんどSSE仕様（この部分はまだ "TODO"コメントを検索することによって実装されていないソースコードで見ることができます）のすべてを実装しています。 機能の一部が漠然と説明されているためです。 モジュールには、以下の機能をサポートしています。

  • 単純イベント（火災messageイベント）。
  • カスタム·イベント（ "イベント"で指定された名前に一致するイベントを発生させる）
  • イベントID（に取り込まevent.lastEventId 、サーバーに送信されます）

まだ実装されている部分は、再接続の時間とのサポートですevent.originプロパティです。 それ以外の場合は、他のすべてがネイティブ実装と同じように動作する必要があります。

参考文献

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

YUIシアター-ネイトKoechley： "タッチの分類"（36分）

2010年11月26日21:52にエリックMiraglia別|でYUIシアター | コメントオフ

ネイトKoechley、YUI 2 CSSのグリッドとYahoo!のYUIチームの最初のメンバーの一人の著者は、サニーベール、カリフォルニア州のヤフー本社にYUIConf 2010で語っています。

ネイトKoechley、YUIチームの初期メンバーの一人は、YUIConf 2010年にヤフーに戻ってきたとタッチプリミティブ、ジェスチャーとセマンティクスの要素を壊した、の新たなクラスを駆動タッチの相互作用のより広範な言語の基礎を築くポータブルデバイス。 これは、タッチの相互作用やタッチのUIのために開発の全体像についてのすべてのそれらの思考のための幻想的な話です。

下に埋め込 ​​んだビデオがお好みのRSSリーダでは正しく表示されない場合は、必ずYUIシアターの映像の高解像度版を見るためにクリックスルー 。

その他の最近のYUIシアター動画：

CCコンテンツ/親切な許可によって使用されます：

YUIシアターを購読する：

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

次のページ»
ヤフーが主催する

著作権©2006-2012ヤフー株式会社すべての権利を保有。 プライバシーポリシー - サービス利用規約

を搭載ワードプレスでヤフー ウェブホスティング 。