ページの先頭

本文にスキップします

KCG BLOG京都コンピュータ学院京都情報大学院大学

自由で気ままな日々

台湾台北出身、京都在住の30代大学院教員のブログです。家族は宮崎人嫁1人と黒パグ1匹。ここでは、ニュース・経済からパソコン・ゲームまで、幅広く気ままに言いたい放題で行きます!ネイティブじゃないので、日本語の間違いは勘弁な!{戦場のヴァルキュリア2応援中}{10/02/19よりGoogle App Engineの話題多発}

カウンター

1108014

<< 2010年03月 >>

1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

人気記事ランキングβ

その他

ブログ購読用のフィード:
戦車をつくろう! パグカレンダー:

あわせて読みたい: あわせて読みたいブログパーツ

なかのひとなかのひと

PS3トロフィーカード: mmosのPS3トロフィーカード

ろろなってみた:
↑唄イイよ!↑

戦場のヴァルキュリア2・ガリア王立士官学校
2010/01/21
発売されました!
戦場のヴァルキュリア2・ガリア王立士官学校バナーその2 オススメゲーム2008: 戦ヴァルレビュー

戦場のヴァルキュリア2・ガリア王立士官学校バナーその1 ↓アドセンス実験中…

GoogleのGWT 2.0の入門チュートリアルの日本語訳(3-1)

ボチボチ続きます。

前回は「GoogleのGWT 2.0の入門チュートリアルの日本語訳(2)」でした。

今回は「3.ユーザー インターフェースの構築」の一回目です。

http://code.google.com/intl/ja/webtoolkit/doc/latest/tutorial/buildui.html

始まる前に、まず、お断りを…。

私は英語のネイティブでも日本語のネイティブでも、プログラミング言語のネイティブでもないので、私が訳したモノの正確性に関しては、全く責任を持ちませんし、これらのドキュメントによって、何かの損害を被ても、やっぱり何一つ責任を持つことが出来ませんので、読みに来られた方、すべて自己責任でお願いします。

GoogleののGWT規約によれば、GWTはGoogle製のサンプルなども含めて、著作権に関してはApache 2.0のライセンスを利用していますし、グーグルのチュートリアルについても、「クリエイティブ・コモンズの表示 3.0 ライセンス」でライセンスされていますので、翻訳しても、出典を知らせれば特に問題がないと認識しています。もし著作権法などに対し、何か問題がありましたら、ぉぅぇぃまでお知らせして頂けましたら、素早く適切に対処致します。

日本語訳なんですが、適宜にコメント、いわゆる「訳注」的なモノも入れます。訳注は(*...)のように表記します。可能な限りオリジナルとの区別をつけますし、間違いが出ないように注意しますが、漏れ・誤りがありましたらごめんなさい。

最後に、基本的にぉぅぇぃはEclipseを使っていますので、申し訳ございませんが、Eclipseと全く関係ない部分は飛ばすつもりです。




ステップ3:ユーザー インターフェースの構築

この時点では、あなたはStockWatcherプロジェクトのコンポーネントを作成し、その機能要件を検討し、およびユーザインタフェースを設計した。このセクションでは、あなたはGWTのウィジェットやパネルを使ってユーザーインターフェイスを構築します。

GWTはあなたを頻発するブラウザ間の非互換性への危惧から守ってくれます。GWTウィジェットとGWTの素材を使ってインターフェイスを構築すれば、あなたのアプリケーションは問題なくChrome、Firefox、Internet Explorer、Opera、Safariの最新バージョンで動作します。ただし、DHTMLユーザーインターフェイスはまだ目立つ互換性の問題が残されています。従いまして、あなたはすべてのブラウザ上でアプリケーションをテストするべきでしょう。



1. ユーザインタフェース要素を実装するためのGWTのウィジェットを選択する

最初に、ウィジェットギャラリーを見て、それぞれのユーザインタフェース要素のためのGWTのウィジェットを選択します。

ウィジェットギャラリーでは、各ウィジェットはデフォルトのスタイルで表示されていますので、それははStockWatcherの最終実装と必ずしも同じように見えるわけではありません。従いまして、現時点では外観について心配しないでください。まず、ウィジェットを動かすところを集中しましょう。後で、あなたはCSSを使ってそれらの外観を変更することになります。これは、チュートリアルの「7.スタイルの適用」のセクションで説明されます。

株式データテーブル
GWTはFlexTableという特殊なテーブルウィジェットを提供しています。 FlexTableウィジェットはリクエストに応じてセルを生成します。これはまさに株式データを入れるためのテーブルに適しています、なぜなら、ユーザは株式銘柄をいくつ追加するかについて、事前に知ることができません。FlexTableを使って実装したテーブルはユーザの株式銘柄追加や削除に応じて、テーブルを引き伸ばしたり、折り畳んたりします。

ボタン
可能な限り、GWTはブラウザのネイティブのユーザーインターフェイス要素を使います。例を挙げると、ボタンウィジェットは例えばdiv要素を使って合成したボタンのように見えるウィジェットではなく、本物のHTML<button>要素になります。つまり、GWTのボタンは異なるブラウザ、そして異なるクライアント側のオペレーティングシステム上で、適切にレンダリングされます。ブラウザのネイティブコントロールを使用する利点は、高速、馴染みやすい、そしてそれはユーザーには最も慣れたものです。また、これらはCSSでスタイルを設定できます。

入力ボックス
GWTは下記のようなユーザー入力が出来るウィジェットを提供します:
  • TextBoxウィジェットを、一行のテキストボックス
  • PassWordTextBoxウィジェット、入力した文字列が見えないようなテキストボックス
  • TextAreaのウィジェットは、複数行のテキストボックス
  • SuggestBox、設定済みの文字列を提案してくれるテキストボックス

StockWatcherのユーザは証券コードを一行のテキストボックスで入力しますので、ここはTextBoxのウィジェットで実装します。

ラベル
Buttonウィジェットとは対照的で、LabelウィジェットをHTML形式の<label>要素に変換しません。代わりにそれは標準なHTMLに解釈されない、任意の文字が含む<div>要素に変換されます。<div>要素なのでこれはインライン要素ではなく、ブロック要素になります。

<div class="gwt-Label">最終更新日:2008年10月1日午後1時31分48秒</div>


もしあなたはStockWatcherインターフェイスを構築する際に利用するGWTウィジェットのAPIリファレンスを見たいのであれば、下のリンクをクリックしてください(*英語です)。

ユーザインタフェース要素
GWTの実装
株式データを格納するためのテーブル
FlexTableウィジェット
証券コード追加用と削除用の二種類のボタン。
Buttonウィジェット
証券コード入力用のボックス
TextBoxウィジェット
最終更新日時を表示するためのタイムスタンプ
Labelウィジェット
ロゴ
HTMLホストページから参照される画像
ヘッダー
HTMLホストページの中の静的HTML
株価変動はプラスかマイナスかを示すための色
ダイナミックCSS


さらに深く:もしあなたは自分のアプリケーションの機能要件を満たすウィジェットを見つからなかったら、あなたは自分専用のものを作成することができます。複合ウィジェット(composite widgets)やJavaやJavascriptで記述するウィジェットを作成する時、開発者ガイドを見てください。Creating Custom Widgets.(*英語です。)



2.ユーザインタフェース要素をレイアウトするためのGWTパネルを選択する

どのウィジェットを利用するかを知った後、GWTパネルを使ってどのように配置するかを決めましょう。GWTはレイアウトを管理するための数種類のパネルを提供しています。パネルの中に他のパネルをネストすることもできます。これはdiv要素やテーブルを重ねてネストしてウェブページをレイアウトすることと似ています。 StockWatcherでは、垂直方向のパネル内に水平方向のパネルを配置して使用します。
↓StockWatcherの完成イメージ(グーグルのチュートリアルより引用)
StockWatcherの画面イメージ
StockWatcherのデザインイメージ
↑StockWatcherのデザインイメージ(グーグルのチュートリアルより引用)

Horizontal Panel(水平方向のパネル)
株式銘柄を追加するための二つの要素、つまり証券コードを入れるための入力ボックスと「追加」ボタンは、機能的に密接していますので、これらを視覚的に近い場所に配置したい。これらを隣接に配置するために、TextBoxウィジェットとButtonウィジェットをHorizontalパネルに配置します。 Javaコードでは、addPanelというHorizontalPanelの新しいインスタンスを作成します。

Vertical Panel(垂直方向のパネル)
残りの以下の要素を垂直に配置したい。
  • 在庫テーブルのためのFlexTableウィジェット
  • 入力ボックスと追加ボタンが含まれるAdd Stockパネル
  • タイムスタンプのためのLabelウィジェット

あなたはこれを垂直パネルで処理します。 Javaコードでは、mainPanelというVerticalPanelの新しいインスタンスを作成します。

Root Panel(ルートパネル)
ユーザーインターフェイスに表示されないもう一つのパネルが必要です、Root Panelのことです。Root Panelはあなたのアプリケーションの中の動的要素を収納するためのコンテナです。これはすべてのGWTユーザインタフェースの階層のトップに位置づけられています。Root Panelを利用するためには二つの方法があります、ページのbody全体で生成する方法と、bodyに埋め込まれている特定の要素で生成する方法です。

Root panelはHTMLホストページの中の要素を包む(ラッピング)することで作動します。デフォルト(つまり、もしあなたはホストページにプレースホルダーを追加しなかった場合)、Root panelはbody要素をラッピングします。無論、もしあなたは何らかの要素を命名・追加し、Root panelをコールする時にその要素名をパラメータとして渡せば、それをラッピングすることも可能です。次の二つのセクションにあなたがStockWatcherのためにこれらを行う時、それらがどう動作するかを確認できます。

RootPanel.get() // デフォルトHTMLのbody要素をラッピングする
RootPanel.get("stockList") // "stockList"というidのHTML要素をラッピングする


一枚のホストページに複数のRoot Panelを含むことができます。例えば、もしあなたはホストページに複数のGWTウィジェットやパネルを埋め込むのであれば、その何れを他のものから独立して実装し、その何れを専用のRoot Panelにラッピングします。






長くなりましたので、今回も分割します。



次回は「3.ウィジェットをレイアウトする」に続く。

GoogleのGWT 2.0の入門チュートリアルの日本語訳(2)

ちょっと体調不良で中断しましたが、ボチボチ再開します。

前回は「GoogleのGWT 2.0の入門チュートリアルの日本語訳(1-2)」でした。

今回は「2.アプリケーションの設計」です。

http://code.google.com/intl/ja/webtoolkit/doc/latest/tutorial/design.html

始まる前に、まず、お断りを…。

私は英語のネイティブでも日本語のネイティブでも、プログラミング言語のネイティブでもないので、私が訳したモノの正確性に関しては、全く責任を持ちませんし、これらのドキュメントによって、何かの損害を被ても、やっぱり何一つ責任を持つことが出来ませんので、読みに来られた方、すべて自己責任でお願いします。

GoogleののGWT規約によれば、GWTはGoogle製のサンプルなども含めて、著作権に関してはApache 2.0のライセンスを利用していますし、グーグルのチュートリアルについても、「クリエイティブ・コモンズの表示 3.0 ライセンス」でライセンスされていますので、翻訳しても、出典を知らせれば特に問題がないと認識しています。もし著作権法などに対し、何か問題がありましたら、ぉぅぇぃまでお知らせして頂けましたら、素早く適切に対処致します。

日本語訳なんですが、適宜にコメント、いわゆる「訳注」的なモノも入れます。訳注は(*...)のように表記します。可能な限りオリジナルとの区別をつけますし、間違いが出ないように注意しますが、漏れ・誤りがありましたらごめんなさい。

最後に、基本的にぉぅぇぃはEclipseを使っていますので、申し訳ございませんが、Eclipseと全く関係ない部分は飛ばすつもりです。



ステップ2.アプリケーションの設計

この時点では、あなたはStockWatcherのコーディングを始めるためのファイルの土台を作成したはずです。
このセクションでは、あなたは機能要件の検討とユーザインタフェースの設計を行います。

1.機能要件の検討

あなたはStockWatcherアプリケーションに以下の六つのことを行うことが出来ると考えています。
  • ユーザに株式を追加する能力を提供する(違反文字のチェックや既存株式のチェックなど簡単な入力検証も供給する)。
  • 各株式の以下の情報を表示する:証券コード、価格、価格変動率
  • ユーザにリストから株式を削除する能力を提供する。
  • 株価の更新
  • 株価の変動額と変動率両方を計算する。
  • 最終更新時のタイムスタンプを表示する。


2.ユーザインタフェースデザインの要素を確認する
StockWatcherの画面イメージ
(*Googleのチュートリアルより引用)

StockWatcherの機能要件を検討した後、以下のユーザインタフェース要素が必要と決定した。

  • 株式データを格納するためのテーブル
  • 証券コード追加用と削除用の二種類のボタン。
  • 証券コード入力用のボックス
  • 最終更新日時を表示するためのタイムスタンプ


デザインチームは、以下の追加を提言した。

  • ロゴ
  • ヘッダー
  • 株価変動はプラスかマイナスかを示すための色


静的要素を加える

あなたのHTMLページをどうレイアウトするかについて、GWTは指図しない。GWTアプリケーションはスタートアップアプリケーションのように、ブラウザ画面を完全に占めることができる。その一方、このチュートリアルのGetting Started pageのように、既存のページに埋め込むことも出来ます。

StockWatcherアプリケーションは同時に静的要素と動的要素を含めている。HTMLホストページ内のGoogle CodeのロゴとヘッダーのStockWatcherは静的要素。他のすべての要素はGWTウィジェットとパネルを使ってプログラムによって生成されるものです。



次回のチュートリアル

この時点では、あなたはStockWatcherの機能要件を検討しました。あなたはStockWatcherが成すべきことを明確に理解している。あなたは実装する必要があるユーザインタフェース要素を知っていますし、どのようにレイアウトするのも知っている。

今、あなたはGWTウィジェットとパネルを使ってユーザインタフェースを構築するための準備が整えた。

次は
3.ユーザー インターフェースの構築
です。

GoogleのGWT 2.0の入門チュートリアルの日本語訳(1-2)

前回は「1.GWT プロジェクトの作成」の前半で、

今回は「ステップ1.GWT プロジェクトの作成」の後半です。



始まる前に、まずはお断り。
私は英語のネイティブでも日本語のネイティブでも、プログラミング言語のネイティブでもないので、私が訳したモノの正確性に関しては、全く責任を持ちませんし、これらのドキュメントによって、何かの損害を被ても、やっぱり何一つ責任を持つことが出来ませんので、読みに来られた方、すべて自己責任でお願いします。

GoogleののGWT規約によれば、GWTはGoogle製のサンプルなども含めて、著作権に関してはApache 2.0のライセンスを利用していますし、グーグルのチュートリアルについても、「クリエイティブ・コモンズの表示 3.0 ライセンス」でライセンスされていますので、翻訳しても、出典を知らせれば特に問題がないと認識しています。もし著作権法などに対し、何か問題がありましたら、ぉぅぇぃまでお知らせして頂けましたら、素早く適切に対処致します。

日本語訳なんですが、適宜にコメント、いわゆる「訳注」的なモノも入れます。訳注は(*...)のように表記します。可能な限りオリジナルとの区別をつけますし、間違いが出ないように注意しますが、漏れ・誤りがありましたらごめんなさい。

最後に、基本的にぉぅぇぃはEclipseを使っていますので、申し訳ございませんが、Eclipseと全く関係ない部分は飛ばすつもりです。




3.プロジェクトコンポーネントを調査する

生成されたファイルを調査し、これらはどのようにあなたのGWTプロジェクトを構成したかを見ましょう。



モジュールXMLファイル

「StockWatcher/src/com/google/gwt/sample/stockwatcher/StockWatcher.gwt.xml」モジュールのXMLファイルを開いて下さい。

このファイルはGWTモジュールの定義、つまりGWTアプリケーションを構成するためのリソースやパッケージなどが含まれています。デフォルトでは、StockWatcherはすべてのプロジェクトに要求されるコアなGWT機能(*com.google.gwt.user.Userのこと)を継承(inherit)している。オプションとして、あなたは他のGWTモジュールを記述し、継承することも出来る。

StockWatcher.gwt.xmlの内容
(*黒背景だけど、深い意味はありません。)

このモジュールXMLファイルで、あなたのアプリケーションのエントリポイントクラスを記述しています。コンパイルのために、エントリポイントをGWTモジュールに記述すること必要です。もしGWTモジュールにエントリポイントを記述していないのであれば、他のモジュールを継承するしか出来ません。"エントリポイントを記述した他のモジュールのモジュールXMLファイル"をインクルードすることも可能です。そうすれば、あなたのモジュールには複数のエントリポイントを持つこともできます。何れのエントリポイントは順番通りに実行されます。

デフォルトでは、StockWatcherは二つのスタイルシートを利用します。GWTスタイルシートstandard.css(これはxmlに記述されたcom.google.gwt.user.theme.standard.Standardテーマの継承によるものです)と、プロジェクト作成の時に生成されたアプリケーションのスタイルシートStockWatcher.cssの二つです。このチュートリアルを進めて行けば、近い将来で、あなたはデフォルトGWTスタイルをオーバーライドする方法を学びます。



ホストページ

ホストページの「StockWatcher/war/StockWatcher.html」を開きましょう。

GWTでは、我々はウェブアプリケーションを実行するために必要なコードが含まれているHTMLドキュメントを「ホストページ」と呼びます。例えば、StockWatcherプロジェクトのホストページはStockWatcher.htmlです。

このホストページはアプリケーションのスタイルシートStockWatcher.cssに関連付けています。

ホストページは"(GWTに生成された)ページの中の動的な要素を制御するためのJavaScriptコードのへのパス"に関連付けしています。スターターアプリケーションのように、body要素のコンテンツを丸ごと動的に生成させることができます。ただし、StockWatcherを実装する際、あなたは静的要素と動的要素をミックスさせます。あなたはページの中に、プレースホルダーとしてHTMLの<div>を作成することになります。



互換モードvs標準モードの選択

ブラウザ間の互換性をよくするために、GWTはdoctypeをHTML 4.01Transitionalに設定した。そうすると、ブラウザのレンタリングエンジンを「互換モード(Quirks Mode)」に設定することになります。もしアプリケーションを標準モード(Standards Mode)でレンタリングさせたいのであれば、あなたは利用可能な数々の他のdoctypesから選び、ブラウザにそのレンダリングモードを強制することもできます。一般的に、GWTアプリケーションの標準モードは互換モードと同じくらい実用的です。しかし一部のケースでは、パネルなどのウィジェットによって正しくレンダリングされないこともある。この問題はGWT 1.5以上のバージョンで飛躍的に改善された。この問題を解決するために、その他にも様々な工夫がなされてきた。



閲覧履歴の保護

あなたのアプリケーションがウェブページ内でユーザの期待通りに動くように、とりわけ複数のページにまたがるショッピングカートやチェックアウトなどのシナリオで、ユーザがブラウザの「戻る」ボタンを利用した時の対応手助けするため、GWTはそのためのメカニズムを提供している。ホストページにはあなたのGWTアプリケーションの中で履歴サポートするためのiframeタグが含まれている。

GWTアプリケーション内の閲覧履歴管理をもっと学びたいなら、開発者ガイドを御覧下さい。History(*英語です)



アプリケーションのスタイルシート

アプリケーションのスタイルシート「StockWatcher/war/StockWatcher.css」を開いて下さい。

各スタイルシートは各プロジェクトに結びつけられています。デフォルトでは、アプリケーションのスタイルシートStockWatcher.cssはスターターアプリケーションのためのスタイルを記述しています。このチュートリアルの「スタイルの適用」のセクションで、あなたは既存のスターターアプリケーションのスタイルをStockWatcherのためのスタイルで置き換えます。

他の多くのウェブページと同じく、複数のスタイルシートを指定することもできます。複数のスタイルシートを継承する順番でリストし、もっとも独特なスタイルセットをリストの最後に記述しましょう(*一般的で全体的なスタイルは先頭、ページ独自のスタイルは後ろ。CSSの仕様のことです。)

Javaソースコード

エントリポイントクラス「StockWatcher/src/com/google/gwt/sample/ stockwatcher/client/StockWatcher.javaStockWatcher」を開いて下さい。

現在では、StockWatcher.javaはスターターアプリケーションのJavaコードを含めています。このチュートリアルでは、あなたはStockWatcherのクライアントサイドのコードでこれらのコードを置き換えて行きます。

StockWatcherクラスはGWTのEntryPointインターフェースを実装し、onModuleloadメソッドを含めています。StockWatcherクラスはStockWatcherモジュール定義(*StockWatcher.gwt.xmlのこと)でエントリポイントに指定されていますので、StockWatcher(*プロジェクト)を始める時、ここのonModuleLoadメソッドはコールされます。

StockWatcherクラスはStockWatcherのモジュール定義(StockWatcher.gwt.xml)にインクルードした他のGWTモジュールなどの機能を継承しています。例えば、ユーザインタフェースを構築する時、あなたはcom.google.gwt.user.client.uiパッケージ内のリソースを利用できます、なぜならこれらはGWTモジュールcom.google.gwt.user.Userに含まれているGWT core機能の一部である(*StockWatcher.gwt.xmlに「inherits name='com.google.gwt.user.User'」が書かれています)(* 逆に言えば、inheritsしていないリソースの大半はEntryPointから始まるクラスやメソッドから使えない。)



次回のチュートリアル

現時点では、StockWatcherアプリケーションのためのファイルの土台を作り、それらのEclipse(やあなたのお好みのIDE)に取り込んだはずです。

これで、あなたはStockWatcherアプリケーションのデザインするための用意を整えました。

2.アプリケーションの設計

今日は力尽きた…。

連日Google App Engine for Javaをいじっているのですが、

今日はちょっと力尽きました…。



あれこれ触っているウチに、Eclipseのプロジェクトそのものが壊した…、

というほどでもないのですが、直すのが大変すぎる…ところまで来てしまったので、

現在実験中のプロジェクトを一度あきらめ、

まっさらな状態から作り直すことに決意しました〜



ちなみに、敗因は3種類のチュートリアルで作ったコードを
(*GAE/J、GWT、Slim3)

無理やり一つにまとめようとしたところ…ですね、多分。

プロジェクトもまたがっていましたので、設定がエライややこしいことに…。






まあ、疲れたけど楽しい、

楽しいけど疲れた…というわけで、今日は手短に…。



よーし、プロジェクトをビルドしなおすぞ!

マイクロソフト、ソースコードの盗用を認める

まさか帝王のマイクロソフトがよそのソースコードを剽窃するとは…。



ヤフーのニュースです。

http://headlines.yahoo.co.jp/hl?a=20091216-00000002-cwj-sci

マイクロソフト、中国「Plurk」のコード盗用を認める――競合マイクロ・ブログ・サービスのコードを“ほぼ丸ごと”コピー

米国Microsoftは12月15日、同社が中国でサービスを開始したマイクロ・ブログ・サービス「Juku」において、競合サービスである「Plurk」のコードを盗用していたことを認める声明文を発表した。

この問題は今週、アジア地域でマイクロ・ブログ・サービスを展開しているPlurkが、「MSN ChinaがリリースしたJukuのコード・ベースの80%は、Plurkから盗用されたものである」と主張したことに端を発する。Plurkが主張してから間もなく、MicrosoftはJukuサービスを停止し、その問題について調査しているとしていた。

Microsoftはその後、「MSN Chinaが開発を依頼したベンダーに話を聞いたところ、(Jukuで利用されている)コードの一部はPlurkのコピーであるとが判明した」と述べている。その後同社は、以下のような声明文を発表した。

「われわれは、開発作業のために外部企業を採用する場合には、慣例として、契約書に厳格な文言で、外部企業は他社の知的所有権を侵害しない開発物を提供しなくてはならないことを明記している。われわれは知的財産を尊重する企業であり、業界他社の開発(物)を尊重しないサイトを所有することは、決してわれわれの意図するところではない」

長年にわたってMicrosoftは、同社のソフトウェアの違法コピーを阻止するため、熱心に活動してきた。Jukuサービスが開発された中国は、Microsoftの海賊版ソフトウェアが最も横行している地域の一つである。

Microsoftは、「Jukuサービスを無期限に停止し、この事態の責任を負う」と語っている。また、Plurkに謝罪するとともに、同社に対して事態の経緯を直接説明すると明言している。

なお、PlurkはMicrosoftの声明に対し、現時点ではコメントを出していない。




ちなみに、Plurkというのは、日本では認知度が低いと思われますが、

台湾では結構はやっています。

との類のサービスかというと、「ミニ掲示板でつぶやき」…、

同じ種類のサービスの中で、日本で一番有名なやつといえば、Twitterですね。

ちなみに、台湾ではPlurkのシェアはTwitterより高かったりします。



Jukuとはなんだろう…っと思いまして、軽くしらべてみましたが、

無論「塾」のことではなく、中国語の「Ju(聚)Ku(酷)」でした。

聚は「集まる」って意味で、酷は「クール」ということで、

クールな人や物が集まる…という意味だそうです。



結構昔のことですが、「台湾における台風8号(モーラコット)よる被害」の記事で、

台湾のITエンジニアらがgoogle、Twitter、Plurkなどのサービスを利用して、

被災中の情報伝達や被災後の整理に役立てた…という話もありましたね。



さて、ぉぅぇぃもITの教育機関であるKCGKCGIに務めていますので、

日頃から、プログラムなどのソースコードの著作権に気を使っています。

ちなみに、学校のほうも著作権は大事…っと考えていますので、

法律の専門家の先生を招聘して、

知的財産権法」のような講義がカリキュラムの中に組まれています。

やっぱ、プログラムで飯を食っている人にとっては、

ソースコードの著作権は生命線のようなものだからね〜






なにはともあれ、今回のマイクロソフトの失態には、流石に驚いていますね。

中小企業がこんなことをやらかしてしまいましたら、

場合によってダメになるかもしれませんが、

なにせ、「アノ」マイクロソフトなので、こんな問題でも、難なく解決だろう。






最近はIT系のアウトソーシングも流行ってきて、

業務プロセスの最適化やコンサルティングの部分だけが国内の人材が担当し、

実作業であるプログラムの制作を中国やインドに発注することが多くなっています。

…が、今回の案件を見ると、

あのマイクロソフトでさえ、ヤラレてしまうようなことが起きうる…ということは、

ソースコードの外注は意外なところでリスクに伴なうかもしれませんね。



ITの世界でも、コストばかりに注目するではなく、

リスクマネジメントも意識しなければならない時代に入ったかもしれませんね。

2TBのハードディスク「日立GST Deskstar 7K2000」を購入しました

日立GST Deskstar 7K2000 (2TB/SATA3G/7200rpm/32MB) HDS722020ALA330
パソコンで録画した(アナログ)番組が増えてきたこともあり、

新しく購入するMacBook Proの自動バックアップアプリ「Time Machine」

のバックアップ先を確保するために、新しいハードディスクを買いました。



いや、ぉぅぇぃ家の録画環境は、一時間分は2GBくらい食うので、

容量を食いつぶすのがそれなりに早い。

「消したらいい」と言ったらその通りなんですが、

お嫁様が録画した映画やドラマとか、見直すはほとんど無いのですが、

「何となく、また見るかもしれないので、残しといで」ことも多い。

後、ぉぅぇぃの研究の社会シミュレーションのログとかも意味もなく膨大です。

こっちはイロイロな意味で、消すわけにはいかないのですね。



で、買ったのは日立(HITACHI)Deskstarの2TBのハードディスクです。

ちなみに、現在我が家のデスクトップに入っているハードディスクはこんな感じ。

  1. Maxtor 6L250S0(Maxtorの250GB)
  2. Hitachi HDT725050VLA360(日立の500GB)
  3. ST31000333AS(シーゲートの1TB=1,000GB)
  4. Hitachi HDS722020ALA330(日立の2TB=2,000GB)


う~む、狙っていたような、狙っていなかったような…、

丁度、250→500→1,000→2,000と、2倍ずつ容量が増大していますね。






ちなみに、ぉぅぇぃが初めて買ったパソコンのハードディスクは20MBです。

当時大学一回生だったぉぅぇぃは、20MBにするか30MBにするか、結構悩んだりしました。

詳しい人の助言によれば、「おまえの使い方なら、20MBで十分」だったらしい。



気がついたら、MB(メガ)からGB(ギガ)、さらにTB(テラ)まで進化してしまいましたね。



ちなみに、1TBは約1,000GB、1GBは約1,000MBなので、

1TBは約1MBの百万倍ですね。

つまり、今回買った2TBのハードディスクは、最初に買った20MBのハードディスクと比べたら、

容量の差は十万倍…です。



ちなみに、2TBのフォーマットは本当に、メチャクチャ時間掛かります。

WinXP、NTFSでやっているのですが、始まってから三時間くらい経過しました。

それでようやく半分…。フォーマットだけで推定6時間掛かるという計算に…。

う~む、フォーマット中に他のことが出来ないわけではないので、

放置したらいいけどね。



ぉぅぇぃ家デスクトップのマザーボードはインテルの「DG33BU」ってやつですが、

SATA(シリアルATA)のチャンネルは4つ付いています。

で、現在、SATAのハードディスクは4つ、そしてDVDドライブもSATA規格のものなので、

全部5つあるのですね。つまり、1つ足りないのです。(;´д⊂)



DVDドライブは頻繁に使うわけではないのですが、

時々使うこともありますので、流石に外すわけには行きません。

と言うことで、容量が一番小さい250GBのハードディスクを外すことになりそうです。

まあ、ハードディスクはとりあえずケースの中に置いて、

ケーブルと電源だけ抜く形になるだろうけどね。



実に言うと、ここで一つちょっとしたジレンマがあります。

この250GBのハードディスクを有効利用したいのであれば、

PCIやPCI-EXPRESSのSATAカードを増設するか、

あるいは外付けのハードディスクケースを買わなければ成りません。

いずれにしても、安くでも数千円は掛かるのですね。

しかし、考え方を変えてみたら、インターフェースやケースを買うよりも、

直接容量の大きいハードディスクを買ったほうがコストパフォーマンスが良い…

という可能性も十分にあります。

う~む、イロイロ悩みますね~。





フォーマットとか終えたら、MacのTime machineの保存先として指定するために、

デスクトップのwindows XPマシーンをファイルサーバとして機能させる必要があるらしい。



う~む、ここら辺のことはあんまり経験が無いので、

これからイロイロ調べようかな~っと考え中です。



明後日我が家にMacBook Proが来るまで、片付けてしまいたいところです~

(図解)PLAYSTATION EyeのWindows 7(Win7)ドライバをPCにインストールする方法

PLAYSTATION Eye(CEJH-15001)
昔「PLAYSTATION Eyeのドライバをインストールしてインターネット配信」の記事を書いた。



つい最近までに、ずっとwindows XPを利用してたわけですが、

そろそろwindows 7も発売されますので、ぉぅぇぃもwin7を導入してみました。

いや、別にフライング…ではなく、ぉぅぇぃが勤めている大学院は、

マイクロソフトといわゆる「マイクロソフト スクールアグリーメント」を結んでいるので、

その関係で発売前に、RTM版を入手できるようになっています。

そろそろ発売するし~ということで、ぉぅぇぃも入れてみたのですね。



で、入れてみましたが、ついでになんか出来ることないかな~っと考え、

「それなら、PLAYSTATION EyeのWindows7ドライバを試してみようか~」ということで、

Windows 7パソコンに例のAlexPさんのドライバを導入してみました。



ドライバをダウンロードするために、久しぶりにAlexPさんのホームページに行ったら、

驚くことに、なんかPSEYEのドライバの開発を再開しているようです!

現時点では、「v3.0.0.0901」がリリースされています。



試してみたところ、前のバージョンよりもかなり改善され、

多くのアプリケーション・ウェブサービスで問題なく利用できるようになりました!

一応、ぉぅぇぃが試した「windows7パソコン+v3.0.0.0901」では…、

AlexPさんのテストアプリ
動く(当たり前か…)。
AmCap
動く。
justin.tv
GoodモードもBestモードも問題なく動く!
ustream
いずれのモードも問題なく動く!
Adobe Flash Media Live Encoder 3.0
問題なく動く!!!!!!!
Skype
動く!


恐らく一番大きいのはAdobe Flash Media Live Encoderですね。

これが使える…ということは、多くのウェブサービスに高品質の動画を配信可能になった…

ことを意味していますので、非常にインパクトがありますね。



実際に試してみましたら、高性能ウェブカメラのPLAYSTATION Eyeと

Adobe Flash Media Live Encoderを組み合わせてみたら、

かなり驚きのパフォーマンスを発揮できました。

動きにもスムーズだし、画質も非常に美しい。これはかなりスゴイのですね!



で、折角なので、AlexPさんのドライバをwin7パソコンに導入する手順を説明します。



なお、今回紹介したのはオフィシャルなモノではなく、

熱心なユーザーが自主開発したものですので、何が不測がコトが起きても、

誰も何も保障できませんので、自己責任でお試しください。



(1)PLAYSTATION EyeのWindows 7(Windows Vista、XP兼用)ドライバのダウンロード

まず、AlexPさんのドライバダウンロードページに行きます。

Sony PS3Eye Camera DirectShow Capture Source Filter *Update* v3.0.0.0901

この画面から、思い切って下までスクロールしてください。

途中にベータ版のドライバなど古い物が大量に並べていますが、最新のやつを探してください。

目印は大きい黄色「works on my machine」のマークですね。

↓最新のドライバの場所
PLAYSTATION Eyeの最新ドライバ

ぉぅぇぃがインストールの時点のものは「PS3EyeSetup(v3.0.0.0901)」でしたが、

さらに新しいバージョンがありましたら、そっちのほうがいいかもしれません。



(2)ドライバのインストール

インストールする前に、まず、

お手持ちのPLAYSTATION Eyeはパソコンに繋いでないことを確認してください。



繋いでないことを確認してから、ドライバのインストールに入ります。

ダウンロードしてきた「PS3Eye Camera Setup v3.0.0.0901.exe」をダブルクリックします。

windows7の場合は、まずは「なんか得体の知れないものを実行しようとしているけど、いい?」

のような感じの警告メッセージが出てくると思いますが、気にせずに実行してください。

と言うか、実行しないと進めれないし…。



次に、こんな感じの画面になります。

↓ドライバインストールの開始画面
windows7のPCにPLAYSTATION Eyeドライバインストール開始

ここで「Install(インストール)」を選んでください。



次に、こんな感じの警告画面が出てきます。

↓「カメラ外してください!」の警告
windows7のPCにPLAYSTATION Eyeドライバを入れる前に挿すな

繰り返しになりますが、カメラ外してくださいねー

(元々繋いでいないなら、わざわざ繋いでから外す必要がないよ!)



繋いでないことを確認してから、「OK」をクリックしましょう。

そうしたら、windows 7はお節介ご親切に「ドライバーソフトウェアの発行元を検証できません」

と伝えてきます。

まあ「AlexPって聞いたことないから、被害受けても我々のせいじゃないよ」とのことですね。

↓Windows セキュリティ警告画面
windows7のPCにPLAYSTATION Eyeドライバの発行元を検証できません

一応、下の「このドライバーソフトウェアをインストールします」を選んでください。

そうしたら、ドライバは勝手にインストールされていきます。

↓インストール中の画面
windows7のPCにPLAYSTATION Eyeドライバインストール中

最後は「Finish」をクリックしてください。

↓ドライバインストールフィニッシュ
windows7のPCにPLAYSTATION Eyeドライバインストール終了



(3)再起動

昔windows XPのドライバをインストールするときに、

再起動しなかったら上手くいかなかったので、今回も同じく再起動してみました。

やっちゃいましたので、再起動しない場合、どうなるかはちょっと分からないのです…。



(4)デバイスのセットアップ

再起動後、PLAYSTATION EyeをパソコンのUSBソケットに差し込むと、

なんやら裏でごちゃごちゃ勝手に作業が始まります。

ぉぅぇぃがやっている時は、特に何も聞かれませんでした。

XPの場合はいろいろ聞きにくるが、win7は賢くなっているかも?



気になって、タスクバーのそれぽいアイコンをクリックしてみると、

こんな感じでセットアップ作業をやっているようです。

↓ドライバーソフトウェアのインストール
windows7のPCにPLAYSTATION Eyeドライバインストール状態の確認



(5)デバイスの確認

飛ばしても良いのですが、一応、気持ち的、うまく認識されているかどうかを確認しましょう。

「スタート」から「コントロールパネル」をクリックしてください。

↓コントロールパネル
windows 7のコントロールパネルを開く

その後、コントロールパネルの中の「デバイスとプリンターの表示」をクリックしてください。

↓「デバイスとプリンターの表示」
windows7でデバイスを表示させる

そして、その中の「デバイス マネージャー」を選びましょう

↓windows 7の「デバイス マネージャー」の場所
windows7のデバイスマネージャーの位置



デバイスマネージャーの中から、「AlexP Devices」を見つけ出してください。

その中に「PS3Eye Camera(x32)」というデバイスがあるはずです。

↓「PS3Eye Camera(x32)」の場所
デバイスマネージャーで「PS3Eye Camera」を確認

「PS3Eye Camera(x32)」をクリックしてみると、プロパティを確認できます。

↓PS3Eye Camera(x32)のプロパティ
PS3Eye Camera(x32)の状態

「このデバイスは正常に作動しています。」を確認できましたら、

下の「OK」をクリックして、前の画面に戻りましょう。

次に、PLAYSTATION Eyeのマイクも正しく認識されていることを確認しましょう。

「サウンド、ビデオ、およびゲームコントローラー」の中に、

「USB Camera-B.......」のようなデバイスがあると思います。

↓「USB Camera-B.......」の場所
サウンドデバイス「USB Camera-B3.04.06.1」も確認する

同じくこれをクリックしてみましょう。USB Camera-B.......のプロパティを確認できます。

Camera-B以降の数字は、製造時期によって変わるそうです。

↓USB Camera-B3.04.06.1のプロパティ
オーディオデバイス「USB Camera-B3.04.06.1」の状態



(6)テストしてみる。

前回の「(図解)PLAYSTATION EyeのWindows XPドライバをインストール」を参考して、

AlexPさんのテストアプリを実行してみてもいいし、

あるいは必要に応じて、Skype、justin.tv、ustream.tv、Adobe Flash Media Live Encoderなど、

お好みでやってテストしてください。ここでは特に手順を説明しません。



ぉぅぇぃの環境では、以上のもののいずれも問題なく実行できました。

ちなみに、Windows7のパソコンではなく、windows XPのPCでも、

いずれのアプリケーションを正常に利用することができました。



一応、オマケ…ということで、

前のバージョン2のドライバで利用出来なかったjustin.tvでテストした画面を載せます。

justin.tvそのものの使い方については、下の記事を参考してください。

外出先から自宅留守中のペットをWebカメラで見る簡単な方法



上の記事の同じ手順で、justin.tvにログインして、

右上に表示されているデカイ赤い「Broadcast(ブロードキャスト)」をクリック。

そうしたらおなじみのアクセス許可画面が出てきます。

↓justin.tvにカメラ・マイクへのアクセスを許可
justin.tvにカメラとマイクへのアクセスを許可する

「許可」だよね。

次に、ブロードキャストのセットアップで、カメラとマイクの選択画面に入ります。

↓justin.tvのセットアップ
justin.tvにカメラとマイクの指定を行う

無論、Cameraは「PS3Eye Camera」、Micは「マイク(USB Camera-B...)」ですね。

最後に、おなじく帯域のテストが始まり、妥当な数値が出されます。

↓帯域テスト
justin.tvの帯域設定



最後に、配信を開始させるために、WEBカメラ画面の下の「Start Broadcast」をクリック!

↓Start Broadcast
justin.tvの「Broadcast」

これで、このWEBカメラで撮られた画像は、ネットで配信されます。

一応、証拠写真(?)を…。

↓justin.tvとPS3Eyeで配信テスト
justin.tvにPLAYSTATION Eyeで配信中
(*今回はPCの前に鏡を設置して、PS3EYEでPS3EYE自身を撮ってみました)

ちなみに、今回は比較的に画質の良い「BEST」モードでやってみました。






こんな感じで、AlexPさんの最新のPLAYSTATION Eyeドライバは、

少なくともWindows7とWindows XPパソコンでの運用は可能であることを検証しました。



今回のバージョン3のドライバで、利用できるアプリケーションが飛躍的に増えましたので、

ウェブカメラとしてPLAYSTATION Eyeを購入してPC上で利用するのは、

結構コストパフォーマンスの良い選択になった…かもしれません。



無論、既にPLAYSTATION Eyeをお持ちの方は、是非お試しください~

感動してしまいますよ!






いつか機会がありましたら、「Adobe Flash Media Live Encoder 3.0」の利用法についても、

簡単に触れようかな~っと考えているところです。

高画質のカメラは、高画質配信が可能なアプリケーションとの組み合わせが最高だからね!


関連記事:

外出先から自宅留守中のペットをWebカメラで見る簡単な方法
PLAYSTATION Eyeのドライバをインストールしてインターネット配信
PLAYSTATION EyeとWindows XP(WinXP)パソコンでSkypeビデオ通話
ustream.tvライブ配信の使い方とPLAYSTATION Eyeのための設定方法

アイスランドにサーバーを作ろう!という国家プロジェクトがあるようだ

ちょっと台湾のニュースサイトで見たニュースです。

ITの学校で勤めているぉぅぇぃにとっては、ちょっと面白いな~っと思いつつ、

日本語のサイトに同様なニュース記事を見つからなかったので、簡単に紹介したいと思います。




冰島重生 打造全球伺服器中心

(*適当に日本語訳で抜粋します。人名とかさらに適当)

2008年度の金融危機で大変なことになったしまった金融大国アイスランドですが、

「寒冷な気候」「豊富な地熱」の二つの天然資源を使って、

全世界のIT企業を招致し、サーバーをアイスランドに設置し、

その賃借料でアイスランド経済の建て直しを目指しているようです。



イギリスのBBCの報道によれば、アイスランド首都レイキャヴィーク近辺に、

一つ目のサーバーセンターの建築は順調に進めており、

5~10年以内に、サーバーセンターは国最大の産業に育っていきたいと考えている。



イギリスのロンドン大学の専門家カーブ(?)によれば、

サーバーは本来のハードウェアの消費電力だけではなく、

それを冷却ための消費電力もかなり膨大である。

現在最高の技術を導入したサーバーでも、1Wの電力を消費すれたびに、

0.4W~0.6Wの電力で冷却しなければならない。



アイスランドの気候は非常に寒いため、冷却のための電力をかなり抑えられる。

さらにアイスランドは火山が多く、地熱エネルギーは非常に豊富であり、

現在でも、全国の電力はすべて地熱によって提供され、

地球温暖化ガスのCo2の排出量はゼロである。



現在アイスランドでサーバー・データセンターを

建設している「Verne Global」社の社長モンジャ(?)によれば、

サーバーをアイスランドを置けば、大量なCo2排出を抑えることができる。

大型のウェブメディア会社は稼動のため、

数千~数万のサーバーを設置しなければならないが、

それらをアイスランドに設置すれば、毎年のCo2排出量を50万トン以上削減できる。



しかし、アイスランドは地理的に遠いところにあり、

対外的に強いネットワークがなければ、IT企業の招致は困難になる。

そのため、首都のレイキャヴィーク政府は光ファイバー回線の設置を進め、

北米およびヨーロッパへのネットワークを強化している。



アイスランドが設置しようとしている光ファイバー回線は毎秒5TBのデータを転送でき、

アイスランドからロンドンまでなら、17ミリ秒で届ける。

但し、金融サービス産業にとって、このスピードはやや遅く、

IT企業の場合、近場にサーバーを設置する習慣を改めなければ成らない。

さらに、遠方にデータを保存することで、セキュリティに対する疑念も上がっている。




ほ~気候と地熱でサーバールームを作って、さらに地球温暖化にも貢献するのか…。

考えてみたら、我が家のパソコンもPS3もそれなりに放熱しているよね。



個人的にこういう”ものづくり”国家プロジェクトは、

金融手段である温暖化ガス排出権の取引よりもポジティブ…のような気がします。

金融大国で破綻してしまったアイスランドですが、IT(サーバー)大国で再生するのかしら。



さて、技術的なことは良く分かりませんが、それなら、

日本のサーバーも北海道に集中したほうが、色々有利になる…ということになるのかな?



25%削減を明言しちゃった…ということで、日本もこの類の開発を進むことになるかもしれません。

気になっているワイヤレス…マウス?VGP-BMS80

ソニー(VAIO) Bluetoothレーザーマウス ブラック VGP-BMS80
ほぼ2年前の記事ですが、「トラックボールらぶ~」で分かるように、

ぉぅぇぃはトラックボール派です。



その記事では、「いつか、ワイヤレスのやつも挑戦しようかな~っと考え中です。」と書きましたが、

いまだに理想なワイヤレスのトラックボールに出会ってないのですね。



そもそもポインティングデバイスの主流はマウスですし、

さらに多くのポインティングデバイスは有線式…ということで、

「トラックボール」x「ワイヤレス」の2つのマイノリティの掛け合わせによる

ワイヤレストラックボールの選択肢は非常に限られているのですね。



最近「あ、これ良いかも?」と思うような商品が発表されました。

ソニーのVGP-BMS80ってBluetooth(=ブルートゥース=青歯)レザーマウスです。



おやおや、何言っているんだ?

これはトラックボールではなく、マウスじゃないか…と思われますが、

これはフツウのマウスではなく、

「エアモード」と「マウスモード」を備えた多機能マウス…だそうです。



「エアモード」というのは、簡単に言えば空中にでも使える…ということで、

トラックボールと同様、平らなテーブルが無くでも使えます。

ぉぅぇぃが求めている「リビングPCの操作」にも向いている…ということですね。

ちなみに、エアモードで操作する時は、マウスを上から握る…というよりも、

手でマウス(?)の下を掴んで、親指で操作するような感じです。

まあ、これはマウスというよりもリモートコントローラ(リモコン)かも。



そして、別にぉぅぇぃが求めていたわけではないのですが、

なんか色々な便利機能がつけられています。

VGP-BMS80の商品特長の中から、

ぉぅぇぃが気になった部分だけ抜粋してみます。



VGP-BMS80の商品特長
(*青い字の部分はぉぅぇぃのコメントです)
PS3モードがある
本機はPlayStation3との接続、使用が可能です。OFSによるフリーカーソルを使ったブラウジングや“XMB(クロスメディアバー)”などのPlayStation3の操作がテレビから離れた距離から可能です。ただし、本機は、PlayStation3のゲームをコントロールする機能はありません。
PS3用のマウスとしても使える。しかしワンボタンで切り替えが出来ないみたいなので、実質上の2way利用は無理かもしれません。(*09/10/28追記:開発者インタビューによれば”「VGP-BMS80」は接続する機器(ホスト)の情報を2つ持つことが可能で、コネクションをし直す必要がなく、VAIOとPS3の切り替えをスマートに実現しました。”)後、さすがにコレでゲームは遊べません。
オプティカル・フィンガー・センサー(OFS)によるフリーカーソル
エアモード時のフリーカーソル用にはオプティカル・フィンガー・センサー(OFS)という赤外線を使った光学センサーを採用し、本機の中央部に配置。OFSにより指の動きを感知するので、親指だけでフリーカーソルが自由自在に操作できます。
要するに、トラックボールのように指で玉を転がす…ではなく、赤外線センサーで指の動きを感知してカーソルを操作する。感度次第でトラックボールよりも楽かも?
ブラウジング、アプリケーション操作などで便利なキー
上、下、左、右の4方向キー、BACKキー、ENTERキーがついている。
確かにこれは何気に便利。トラックボールを操作するときに、「Enter」や「Backspace」だけの為にキーボードを押しに行く時もあります。
専用ソフトウェアキーボードを付属
専用ソフトウェアキーボードは、本機のオプティカル・フィンガー・センサー上をなぞる指の動きや特長を活かした文字の入力方法を採用しています。手軽に単語や名前などを入力できるように予測変換機能も備えています。
携帯のテキスト入力のようなものかな?さすがに長いテキストの入力は苦しいが、ちょっとした検索の時には便利そうだね。


こんな感じで、「イイかも?」っと思っていますが、

現時点での購入の最大のネックは、

ぉぅぇぃ家のリビングPCはVAIOではなく…ということです…。

ノートブックでこれを使えてもあんまり嬉しくないし、

リビングに置いてるデスクトップを操作できなければ意味が無いからね。



まあ、普通のBluetoothデバイスとして認識されるハズなので、

Bluetoothレシーバーがついているパソコンなら、

ソニーのVAIOじゃなくでも使える…のような気がしますが、

独自仕様大好きなソニーなので、リスクはゼロじゃないのですね。



そういう意味では、ちょっと先駆者のレビューを待ちたい気分です。

もしVAIO以外のパソコンでも使えて、なおかつ操作感良好なら、

是非購入リストに入れたいところです。



ちなみに、同時期でBluetooth機能搭載のアイソレーションキーボードVGP-BKB1

という商品も発表されていました。

こちらも「PlayStation3との接続、使用が可能」を謳っています。

どうもVAIOとPS3のなんらかの連動が始まっている感じがしますね。



これはソニーCEOのストリンガーさんが度々主張してきた、

ソニーグループ内の縦割り解消とデジタル商品間の連携を推進…の一環かしら?



それなら、PS3・PSPモードのブラビアも考えてください~っと言いたいところですね。

ゲーム関連の機能が東芝のレグザZ9000/ZX9000に負けているのは、

組織としてはちょっと気まずい…のような気がします~






現時点では、「近日発売」と発売日さえあんまりハッキリしていませんが、

引き続き注目していきたいと思いま~す。

(図解)ustream.tvライブ配信の使い方とPLAYSTATION Eyeのための設定方法

PLAYSTATION EYEでインターネット配信するには、ustream.tvしか出来ない…というわけで、

PLAYSTATION EYEでインターネット配信するには、justin.tvも、

Adobe Flash Media Live Encoder 3もできるのですが、

ustream.tvも当然それが出来ます。
(*2009/10/20追記、新ドライバで出来るようになりました。)

今回はそのustream.tvの使い方を簡単に説明します。

ここで説明する手順は、PLAYSTATION Eyeしか通用しない…ワケではなく、

普通のウェブカメラやキャプチャーカードなどで配信する時も、

同じ手順になると思いますので、まあ、ustream.tvでの配信を考えている方なら、

それなりに参考になると思います。



よく考えたら、この話を遡ってみれば、意外と長いのですね…。

最初は「外出先から自宅留守中のペットをWebカメラで見る簡単な方法」の記事で、

安物ウェブカメラとjustin.tvを組み合わせて、自宅留守中のペットを見る…という話だったが、

次に、家にある安物ウェブカメラ…だけではなく、高性能のPLAYSTATION EYEもあるやんか…、

で、「PLAYSTATION Eyeのドライバをインストールしてインターネット配信」の記事を書きました。

そして何人かに聞かれましたので、

PLAYSTATION EyeとWindows XP(WinXP)パソコンでSkypeビデオ通話」も書いてみた。

今回の記事も、このネット配信の流れの話になります。



ただ、ustream.tvも知らないうちに、

やたらと色んな機能やオプションが付けられて、設定がかなり複雑になっています。

今回は配信するまでの最低限の設定だけを説明します。



なお、今回の記事は、ドライバが問題なくインストールされている前提で進みますので、

WinXPドライバのインストールの方法については前の記事を参照してください。

(図解)PLAYSTATION EyeのWinXPドライバをインストールしてインターネット配信



では、始めます。

1.ustream.tvにアクセスします

http://www.ustream.tv/

以上。



2.アカウントの作成

ustreamのウェブサイトに行ったら、「Sign Up」をクリックしてください。

ちなみに、二度目以降ログインしたい場合は、その左の「Log In」をクリックしてください。

↓「Sign Up」
ustreamのアカウント登録

次の画面でアカウント情報を入力していきます。

↓アカウント情報の入力
ustreamアカウント情報入力

入力するのは左のほうです。

Login
ログイン用のID,配信チャンネル名と違っても大丈夫。
Password
文字通り、パスワード。
Verify
パスワード確認。passwordに入れた文字を再入力してください。
Birthday
誕生日。成年しているかどうかでなんらかの影響が出るかも?
E-mail
メールアドレス。連絡用のメールが時々届くくらいかな?
Verification Text
認証テキスト、上の青いボックスの中に入っている文字を入力してください。「読めねぇ~」時は、「Refresh」をクリックすれば、他の文字が表示されます。
I agree to the Terms of Use and Privacy Policy
利用規約とプライバシーポリシーに同意します。特に問題がなければチェックを入れてください。というか、同意しなければ使えません。


入力終えたら、「Submit」でデータを送信してください。

なんらかの不備がある時、例えばIDは既に誰かに使われていたら、再入力が促されます。



3.プロフィールの入力

ユーザー情報の入力ですね。

↓プロフィール入力画面
ustreamのプロフィール情報入力

First Name
名前、無論英語しか入力できない。
Last Name
姓。やっぱり英語しか入力できない。
Gender
性別:男性はMale、女性はFemale
Country
国。まあ、このブログを読んでいるなら、たぶんジャパン(Japan)だよね?
Zip or Postal Code
郵便番号
City
国をJapanに選んだ時に出てきます。「市」ですが、都道府県を適当に入れたらよいかと。ぉぅぇぃはKyotoですね。ちなみに日本語入力できますので、「京都」を入れてもOK。
Promotion Code (optional)
プロモーションコード。良く分からないし、オプション設定なので、空欄でも良いかと。


アカウント情報入力後、パートナープログラムの画面が出てきます。

↓パートナープログラム
ustreamnのパートナープログラム

なんか良く分からんが、ustreamのパートナーになって、「配信でお金稼ごうぜ」的なものらしい。

純粋に配信したい場合は、「Cancel(キャンセル)」しましょう。



ここまで進めたら、アカウント作成は完了です。



4.配信チャンネルの作成

次に、配信チャンネルを作ってみます。

右上の緑の「Broadcast Now」をクリックするか、

上のメニューバーに表示されている自分のID(青い)をクリックした後、

「Your Shows」をクリックしてください。

そうしたら、「My First Show」の設定画面が出てきます。

まあ、「私の最初のショー」ですね。

ustream.tvでは、「チャンネル」ではなく、「show(ショー)」という言葉を使っていますので、

新規チャンネル作成…って感じかな?

↓My First Showの設定
ustreamの最初のショー

1. Name your show so others can find it:
ショーの名前、実際の配信URLにも成ります。無論、既に使われた名前(URL)を使うことが出来ません。このショーの名前はいつでも変更できます。
2.Click "Start Boardcast" or "Customize Your Show"
二つの選択があります。「Save My Show」は一旦保存して、色々設定する。「Broadcast Now」は細かい設定をせずに、スグ配信を開始する。PLAYSTATION EYEを利用する時は、ちょっと設定しないといけないので、「Save My Show」をクリックしてください。




5.配信チャンネル(ショー)の情報設定

次に、チャンネルの情報を入力します。

↓チャンネル(ショー)の情報設定画面
ustreamのショー情報設定

Name your show
先ほど入力したチャンネル名(URL)が表示されます。変更したい場合はどうぞ。
Upload show logo
チャンネルのイメージ画像をアップロード出来ます。アップロードしたい方は「参照」をクリックしてください。
Select from categories
カテゴリの選択。ここで設定しても、毎回配信するときに、その都度選択しなければならないので、なんかちょっと意味分かりませんよね…。まあ、適当で良いかと。
Enter tags for your show
チャンネルの「タグ」を入力します。まあ、関連がありそうなキーワードを適当に入れてもいいし、入力しなくでも配信出来ます。ちなみに日本語も入力できます。
Describe your shows
チャンネルの説明文。入力しなくでも大丈夫。日本語OK。


入力終えたら、「Save changes」をクリックして、保存しましょう。



6.配信チャンネル(ショー)のアドバンス設定

PLAYSTATION EYEを利用する場合、ちょっと設定しないといけない箇所があります。

昔は設定しなくでもイケましたが、なんかバージョンアップで変更が加えられたみたい。

先ほどと同じく「Your shows」の画面で「Advanced」を選択してください。

↓Advanced
ustreamnのショーのアドバンス設定

この画面でかなり色々設定できます。

PLAYSTATION EYEのための設定は上から七つ目の、

「When on a PC, use the Ustream high quality encoder」です。

↓「When on a PC, use the Ustream high quality encoder」
ustreamnのショーの高品質カメラ設定

これは高品質のエンコーダーを利用するかどうか…の設定ですが、

この高品質エンコーダーを設定しないと、少なくともぉぅぇぃの環境では、

フラッシュのアドオンのエラーが出ます。

↓IEのアドオンエラー画面
ustreamnでPLAYSTATION EYEを使う時のフラッシュエラー

何種類のブラウザを試したが、この高品質エンコーダーを使わないと、

いずれもフラッシュ関連のエラーが出ます。

というわけで、この画面でチェックボックスを入れましょう。



同じく、設定終えたら、一番下の青い「Save Changes」をクリックして保存しましょう。



7.配信開始

ウェブサイトの右上の「Broadcast Now」をクリックしたら、配信画面に入ります。

最初に、カメラへのアクセスの許可を求めてきます

↓カメラとマイクへのアクセス
ustreamnでカメラ使用を許可する

「ustream.tvはこのパソコンのマイクとカメラのアクセス権を求めているが、いい?」って感じ。

まあ、「許可」しましょう。



次に、配信用のカメラ・マイクデバイスを選びましょう。

PLAYSTATION EYEを利用する場合、

Video Source(ビデオソース)を「PS3Eye Camera」、

Audio Source(オーディオソース)を「USB-Camera-B....」にしましょう。

↓ustreamのカメラとマイクの指定
ustreamnのビデオとカメラの設定
(*例の如く、パソコンの配信画面をカメラで撮ってみた)



最後に、「START BROADCAST(スタート・ブロードキャスト)」をクリックすれば、

配信が始まります。

↓START BROADCAST
ustreamnのSTART BROADCAST

ちなみに、配信中、同じところに赤い「STOP BROADCAST」が現れます。

配信を中止したい場合は、このボタンをクリックしてください。



8.配信の確認

配信用のURLに飛びます。

URLは「http://www.ustream.tv/channel/ショーの名称」になります。

例えば今回ぉぅぇぃが作った「pugtest」チャンネル(ショー)の場合は、

「http://www.ustream.tv/channel/pugtest」になります。



ちなみに、このURLはショーの設定画面からでも飛べます。

「Your Shows」の下の「Go to Show URL」がそれです。

↓「Go to Show URL」
ustreamnのチャンネルのURL

配信中(START BROADCAST中)に、このURLにアクセスしたら、表示されるはずです。





さて、それなりに長くなってしまいましたが、こんな感じで、

ustream.tvにPLAYSTATION EYEでネット配信できます。

先にも言いましたが、どうもustream.tvは高性能に走り、

色々なことが出来るようになったが、その代わりに結構ややこしくなっています。

とりあえず今回の記事は最低限のことだけを説明しました。



配信をお考えの方、お試しください~



関連記事:

外出先から自宅留守中のペットをWebカメラで見る簡単な方法
PLAYSTATION Eyeのドライバをインストールしてインターネット配信
PLAYSTATION EyeとWindows XP(WinXP)パソコンでSkypeビデオ通話
PLAYSTATION EyeのWindows 7(Win7)ドライバをPCにインストールしました
最初12345次の10件>> 最後