Web アプリケーション

Windows Mobile エミュレーターでインターネットに接続するには (修正版)

おのでら — Sun, 29 Jun 2008 21:30:00 GMT

　修正前：Windows Mobile エミュレーターでインターネットに接続するには

　前回 Windows Mobile エミュレーターでインターネットに接続できる方法を書きましたが、どうやらいろいろ設定をいじくった後だったか、環境がセットアップ済みだったこともあり、設定すべき項目が抜けている部分がありました。なので修正版としてもう一度書き直してみたいと思います。

Virtual PC 2007 のインストール

　実は Virtual PC が必要なのではなく、「Virtual Machine Network Driver for Microsoft Device Emulator」が必要なのですが、Virtual PC 2007 をインストールしたほうが何かとてっとり早いのでこれをインストールします。Virtual PC 2007 はこちらからダウンロードできます。ダウンロードしたらインストールしてください。

　ちなみに Virtual PC は起動する必要はありません。

エミュレータの設定

　Visual Studio からプログラムを実行したり、デバイスの接続を行うとエミュレータが表示されます。まずはエミュレータ本体の設定を行う必要があります。

　エミュレータのメニューから「ファイル」→「構成」と選択します。

　エミュレータのプロパティが開くので、「ネットワーク」タブを選択し、「NE2000 PCMCIA ネットワークアダプタを有効にし、次の項目にバインドする」にチェックを入れます。

　下のネットワークカードについては、既存のもので構いませんが、「接続されたネットワークカード」を選択すれば自動的に設定されます。

　設定が終わったら「OK」ボタンをクリックします。

　次にメニューから「ファイル」→「リセット」→「ハード」を選択し、ハードリセットを行います。これを行うとエミュレータ内のいくつかの設定はもとに戻ってしまうので注意してください。

　画面が真っ暗になり、しばらくしてからトップ画面に戻ればリセット完了です。

OSのネットワーク設定

　続いて Windows Mobile の OS の設定を行います。左上にあるスタートボタンをクリックして「設定」メニューを選択します。

　設定画面が開いたら、下のタブから「接続」を選択し、「接続」の項目を選択します。

　設定画面が開いたら「詳細設定」タブを選択し、「ネットワークの選択」ボタンをクリックします。

　「インターネットに自動的に接続するプログラムの接続方法」から「既定の社内ネットワーク設定」を選択して「編集…」ボタンをクリックします。

　タブから「プロキシの設定」を選択し、「このネットワークをインターネットに接続する」にチェックを入れます。あとは「ok」ボタンを押して確定していきます。

　Internet Explorer 等で Web ページが開けるか確認し、接続できれば完了です。

USTREAM でデスクトップの映像を配信しよう(6)

オノデラ — Sun, 29 Jun 2008 16:30:00 GMT

　ManyCam を使えば PC ゲームのプレイ映像を表示させることができます。しかし、PC のゲームには「ウインドウモード」と「フルスクリーンモード」があり、ウインドウモードの場合はそのまま画面をキャプチャできますが、フルスクリーンモードの場合はひと工夫必要です。また、ここでは Windows Vista で試しているので、他の OS ではうまくいくかは保証できません。

ウインドウモードのゲームをキャプチャ

　ウインドウモードの場合は特に設定を必要なしに映像とサウンドを配信することができます。

　しかし、デスクトップ全体を配信してはよく見えないし、面白みに欠けてしまいます。

　ManyCam では特定の領域を配信する機能があるのでそれを使いましょう。

　ManyCam のオプション画面を表示したら、「Sources」タブ、「Desktop」メニューを選択し、「Custom destop」をクリックします。

　すると、画面の左上に半透明のウインドウが表示されます。これが、ManyCam で配信できるエリアになります。

　このウインドウはドラッグできたりサイズを変更できたりするので、ゲームの画面の上に合わせて乗せましょう。

　大体あったら、左上にある「Close」ボタンを押すことによってセットすることができます。

　実際にチャンネルページを見てみるとゲームの映像がきちんと配信されていることがわかると思います。

フルスクリーンモードのゲームをキャプチャ

　映像を配信するのであれば、ウインドウモードで大丈夫なのですが、プレイヤー自身がフルスクリーンでゲームをしたいことも多いですし、そもそもフルスクリーンにしか対応していないゲームもあります。フルスクリーンで動作しているゲームを配信するにはちょっとコツが要ります。

　まずフルスクリーンでゲームが起動すると、画面の解像度が変更されます。一般的には「320x240」「640x480」「800x600」「1024x768」のサイズに変更されます。これはゲームによって変わるので事前に調べておいてください。

　フルスクリーンモードで起動されたゲームも実際はウインドウの一つです。そのウインドウはディスプレイの左上に配置されるので、ゲームを起動する前にあらかじめ ManyCam でその領域だけをキャプチャしておけば配信できるということになります。

　こんな感じでセットしてみてください。領域のサイズが表示されないので、ペイントのソフトなどを起動してサイズを任意に作成し、そこに領域を合わせてから配置するなど、何らかの方法で合わせてください。

　あとは普通にゲームを起動してプレイするだけです。もちろんゲーム中はビデオの調整などはできないので事前に配信のセットアップは行ってください。

USTREAM でデスクトップの映像を配信しよう(5)

オノデラ — Sun, 29 Jun 2008 15:52:00 GMT

　ManyCam によってデスクトップ映像の配信は出来ましたが、そのままでは音声を流すことができません。ここでは Windows Vista を使って説明しており、また、私の環境で動作させた例なので、他の OS や環境では操作が異なったり、うまく動作しないこともあるかもしれません。

　ちなみに特別な機材とかは用意せず、PC の標準機能で音声を流すようにしました。

　通知領域にある「音量」アイコンを右クリックして「録音デバイス」を選択します。

　サウンドダイアログが表示されたら、「録音」タブが選択されているか確認してください。

　中央のリストから項目のない部分を右クリックして「無効なデバイスの表示」を選択します。

　無効なデバイスが一覧に表示されます。

　「ステレオミキサー」を右クリックして、メニューから「有効」を選択します。

　ステレオミキサーが有効になります。

　USTREAM の Broadcast のページを開くと、「Aduio Broadcast」が設定できるようになっています。音量やクオリティーを適度に設定すれば、デスクトップ上で再生している音声も配信できるようになります。

USTREAM でデスクトップの映像を配信しよう(4)

オノデラ — Sun, 29 Jun 2008 15:22:00 GMT

　ManyCam ではエフェクトをかけて映像を配信できるので、その中で使う頻度が多そうなものを紹介していきます。

テキストの表示

　左のメニューから「Text over video」をクリックすると、映像にテキストを表示することができます。

　テキストボックスにテキストを入力すると、映像の下あたりにテキストが表示されます。文字のフォントや背景色は、右の「Text」「Background」の項目で設定することができます。

時計の表示

　メニューの「Time」を選択すると、画面の左上に時計を表示することができます。

　下の時計から好きな色、12h または 24h で選択してください。

手描きの絵を表示する

　メニューから「Drawing over vide」を選択すると、画面に直接ペンやブラシを使って文字や絵を描くことができます。

　下の項目でペンやブラシ、塗りつぶし、消しゴムを選択できます。また、ブラシの太さや、色を選択することもできます。

　使うツールを選択したら、上のビュー上にマウスでドラッグして直接描くことができます。

エフェクトの削除

　各エフェクトを削除するには、右上にある「Selected effects」から各エフェクトの「×」ボタンを押して削除することができます。

USTREAM でデスクトップの映像を配信しよう(3)

オノデラ — Sun, 29 Jun 2008 14:53:00 GMT

　ManyCam を使って実際にデスクトップの映像を配信してみましょう。

　スタートメニューから「ManyCam」を選択して起動します。すでに起動済みの場合はエラーダイアログが表示されますので、OK ボタンをクリックして閉じてください。

　起動直後はウインドウが表示されるわけではなく、通知領域にアイコンが表示されます。

　アイコンをダブルクリックすると、ManyCam のオプション画面が表示されます。

　いろいろ設定できる項目はありますが、とりあえずは配信できるようにしたいので他の項目は別途使ってみてください。

　まずは上のタブの「Sources」をクリックします。

　Sources のタブを選択したら、左のメニューから「Desktop」をクリックします。すると、表示が右側のようになります。

　次に「Full desktop」をクリックしてみてください。ビューにデスクトップの画面が表示されると思います。実はもうこれだけでデスクトップの映像が配信可能状態になっています。（まだ Web 上での設定を行っていないのでまだ配信はされていません）

　画質が少し悪いので、必要であれば「Improved Quality」にチェックを入れてみてください。

　続いて Web ブラウザで USTREAM のページに移動し、ログイン後「My Shows」をクリックします。

　My Shows のページを開いたら、「BROADCAST NOW」のリンクをクリックします。

　新しいウインドウが開き、BROADCAST のページが開きます。Adobe Flash Player がカメラとマイクへのアクセス要求をしてくるので「許可」を選択します。

　アクセスの許可をすると右のような画面になります。デスクトップの画面が表示されているので、すでに配信されているのかと思ってしまいますが、これはあくまでもカメラから取得している映像を表示しているだけなのでまだ配信はされていません。

　まずは画面下の「Video Broadcast」にチェックが付いているか、「Video Source」で「ManyCam Virtua Webcam」が選択されているか確認してください。

　画面中央にある「START BROADCAST」ボタンをクリックすることによって、実際に作成したチャンネルのページに映像が配信されるようになります。

　実際にクリックするとボタンが赤くなり「STOP BROADCAST」という文字に変わります。このボタンを再度押すと配信が停止します。

　配信状態にし、チャンネルページに移動すると映像が配信されていることがわかります(配信してから表示されるまでは少し時間がかかります)。これでだれでも配信した映像を見れるようになります。

USTREAM でデスクトップの映像を配信しよう(2)

オノデラ — Sun, 29 Jun 2008 13:42:00 GMT

　ManyCam は Web カメラからの映像に対してエフェクトをかけたり、デスクトップの映像を配信することができるソフトです。Windows 2000/XP/2003/Vista に導入することができます。

　まずは ManyCam (http://www.manycam.com/) のホームページに移動します。

　「Download ManyCam, It's FREE!」のリンクをクリックします。

　「Download」ボタンをクリックして ManyCam をダウンロードします。

　ダウンロードしたファイルを実行します。Windows Vista の場合は管理者権限で実行してください。

　右のようなウインドウが表示されたら「Next」ボタンをクリックします。

　ライセンスに同意したら「I accept the terms in the License Agreement」にチェックを入れ、「Next」ボタンをクリックします。

　「クイックランチショートカット」「デスクトップアイコン」「OS起動時に ManyCam を起動するか」を任意にチェックし、「Next」ボタンをクリックします。

　常に ManyCam を使うわけではないのであれば。チェックは全部はずしてもかまいません。

　インストール先を指定します。通常はそのままで構いません。指定したら「Next」ボタンをクリックします。

　「Next」ボタンをクリックします。

　uPlayme をインストールするか指定します。今回の配信では使用しないのでいらなければチェックを外してください。

　「Next」ボタンをクリックするとインストールが開始されます。

　インストールすると右のような画面になります。すぐに ManyCam を起動する場合は「Run ManyCam 2.2」にチェックを入れてください。その後「Finish」ボタンをクリックして完了です。

USTREAM でデスクトップの映像を配信しよう(1)

オノデラ — Sun, 29 Jun 2008 13:08:00 GMT

　ちょっと今 USTREAM の使い方について調べていたので、ついでに使い方とかをブログに書いてきたいと思います。^^

　Web カメラ等映像を映すものがあれば、USTREAM で映像を配信することができます。後で説明するデスクトップの映像も配信することが可能です。どちらの場合でも、まずは配信できる環境を作る必要があります。

　映像を配信するためには、専用のチャンネルページを作成する必要があります。あらかじめアカウントは取得するようにしてサインインしておいてください。

　最初に「My Show」をクリックします。

　下のようなページが表示されます。

　「１．Name your show so other can find it:」の項目に作成する任意のチャンネル名を入力して Enter キーを押します。

　まだ使用されていないチャンネル名であれば、これだけでチャンネルを作成することができます。

　作成後、下のようなページになります。

　ページの中央上にある「Go to Show URL」のリンクをクリックすると、作成した専用チャンネルページに移動します。

　下が作成したチャンネルページです。ここに映像を配信できるようになります。

　ちなみに URL は「http://www.ustream.tv/channel/XXXXX」(XXXXX は作成したチャンネル名)になります。

ASP.NET : Page_Load で Webパーツの動的追加 (Dynamic addition of web parts)

オノデラ — Fri, 21 Sep 2007 22:55:00 GMT

This article is the article which is being introduced in Japanese about a way of dynamic addition of web parts.

　Webパーツとは、ユーザーがWeb上でニュースやカレンダーなどの様々なパーツを自由にレイアウトできる仕組みで、Windows Live や My Yahoo! などのページを見ていただければイメージしやすいかと思います。Microsoft 製品ではポータルサイトの制作として SharePoint なんかが有名ですね。

　このWebパーツを使ったサイトの制作は ASP.NET(2.0) でも行うことができ、ツールボックスにはWebパーツ関連のコントロールがいくつか存在します。１０個ちょっとしかありませんが、サーバーコントロールであればほとんどがWebパーツ化できるので意外といろんなものが作れたりします。

　作り方も非常に簡単で、コントロールを配置するだけでできてしまいます。「レイアウトの位置変更」や「最小化」「非表示」「名前変更」などは初めから備わっており、ユーザーごとにレイアウトの状態保存も自動的に行ってくれます（まあ実際に運用となるとそれなりに考慮しないといけない部分もありますが）。

　で、やっと本題です(^^;)
　ユーザーが扱えるWebパーツはあらかじめ配置しておいたコントロールのみとなってしまいますが、場合によっては新しいコントロールを動的に追加したいこともあるかと思います。

　それを行うには下のようなコードを追加することで動的にWebパーツを追加することができます。下のコードではサーバーコントロールである TextBox を Webパーツでラップし、Webパーツゾーンに追加しています。(Webパーツはゾーンの上に配置する形になります。もちろん移動もです。)

protected void Page_Load(object sender, EventArgs e)
{
     TextBox textBox = new TextBox();
     textBox.ID = "addedTextBox";
     textBox.Attributes.Add("runat", "server");
     GenericWebPart gwp = this.WebPartManager1.CreateWebPart(textBox);
     gwp.Title = "追加したテキストボックス";
     this.WebPartManager1.AddWebPart(gwp, this.WebPartZone2, 0);
}

　しかし、実行してみるとわかりますが、ボタンなどを押してポストバックするたびにテキストボックスがどんどん追加されていってしまいます。これはWebパーツのレイアウト情報がポストバックするたびに保存されるため、Page_Load メソッドが呼ばれるたびにWebパーツを追加してしまうからです。

　なので普通は「IsPostBack」プロパティでポストバックの時はWebパーツ追加を実行しないようにします。

protected void Page_Load(object sender, EventArgs e)
{
     if (!this.IsPostBack)
     {
         TextBox textBox = new TextBox();
         textBox.ID = "addedTextBox";
         textBox.Attributes.Add("runat", "server");
         GenericWebPart gwp = this.WebPartManager1.CreateWebPart(textBox);
         gwp.Title = "追加したテキストボックス";
         this.WebPartManager1.AddWebPart(gwp, this.WebPartZone2, 0);
     }
}

[注意]
　上を検証する前に以下のコードを実行して以前のWebパーツ情報を消してください。

for (int i = this.WebPartManager1.WebParts.Count - 1; i >= 0; i--)
{
     try
     {
         this.WebPartManager1.DeleteWebPart(this.WebPartManager1.WebParts[i]);
     }
     catch (Exception) {}
}

※try-catch でスルーしているのは静的Webパーツが存在することを考慮して。

　で、こうすることによってページが開かれたときにだけWebパーツが追加されるようになるのですが、実は問題があり、一回ポストバックをかけるとなぜか追加したWebパーツが消えてしまいます。おそらく Page_Load メソッドで追加したWebパーツは WebPartManager が保存管理していないためではないかと思われます。ちなみにボタンイベントなどで追加した場合は正常に保存されるようです。

　この問題を解決するためにいろいろ探し回ったのですが、日本語のサイトでは見つけられず、英語圏の方でようやく見つけられました。

http://blogs.neudesic.com/blogs/david_barkol/archive/2006/02/10/45.aspx

　簡単に訳すと「追加した Webパーツをパーソナル化するために変更フラグを立てなければいけない」ということです。

　このフラグを立てるには「WebPartManager.SetPersonalizationDirty」というメソッドを呼ぶことにより設定できるのですが、実はこのメソッドは protected で宣言されており、そのままでは呼ぶことができません。上記リンクではこのクラスを派生させて呼び出すようにしています。

　まず、このクラスを派生させたクラスを作るのですが、サーバーコントロールは単純に継承したクラスのコードを記述してもそのままではページに配置できません。必ずクラスライブラリ専用のプロジェクトを作成し、そちらに記述する必要があります。

　ソリューションからプロジェクトを作成します。

　プロジェクトの名前は適当です。

　System.Web の参照を追加しましょう。

　WebPartManager の派生クラスを作ります。今回クラス名は「WebPartManagerEx」としておきます。コードは下のようにして基本クラスの「SetPersonalizationDirty」メソッドを呼べるようにします。

using System;
using System.Data;
using System.ComponentModel;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

namespace ClassLibrary1
{
     ///
     /// WebPartManagerEx の概要の説明です
     ///
     [ToolboxData("<{0}:WebPartManagerEx runat=server>")]
     public class WebPartManagerEx : WebPartManager
     {
         ///
         /// System.Web.UI.WebControls.WebParts.WebPartManager コントロールのカスタムの
         /// パーソナル化データが変更されたことを示すフラグを設定します
         ///
         public new void SetPersonalizationDirty()
         {
             base.SetPersonalizationDirty();
         }
     }
}

　クラスを作成したらページに貼り付けます。前の WebPartManager は消すなり何なりしてください。

　あとはプログラムで Webパーツを追加した後にこのメソッドを呼び出せばＯＫです。

protected void Page_Load(object sender, EventArgs e)
{
     if (!this.IsPostBack)
     {
         TextBox textBox = new TextBox();
         textBox.ID = "addedTextBox";
         textBox.Attributes.Add("runat", "server");
         GenericWebPart gwp = this.WebPartManagerEx1.CreateWebPart(textBox);
         gwp.Title = "追加したテキストボックス";
         this.WebPartManagerEx1.AddWebPart(gwp, this.WebPartZone2, 0);
         this.WebPartManagerEx1.SetPersonalizationDirty();
     }
}

　まあ、これが正当なやりかたなのかどうかはわかりませんが、こういうやり方もあるんだ程度に知っておいていただければと思います。

　ちなみにこの Webパーツをうまく使えば下のようなポータルサイトを作ることだってできます。視覚的にレイアウトの調整ができるのでウマー(ﾟДﾟ)です。

Web ページで最適な幅は？

オノデラ — Thu, 20 Sep 2007 00:05:00 GMT

　A4 用紙への印刷の幅も考慮すると最大で 630px ぐらいが限界かぁ…。私のわんくまブログもびみょーにはみ出ちゃってるし。

YouTube Shuffle Player Ver 1.1

オノデラ — Mon, 17 Sep 2007 23:21:00 GMT

　Ver 1.1 を公開しました。前のバージョンはほぼ勢いだけで作っていたので、動き的にいまいちな部分があったりしました(^^;) (あ、Vista 専用ですよ)

　改良した部分を書いておきます。

◆動画再生リストを別ファイルに保存するようにした

　たぶんこれが一番の改良点です。ガジェットの設定データは通常「Settings.ini」ファイルに書き込むように作るのですが、その場合ガジェットをサイドバーから外すと設定データもすべて削除されてしまいます。

　Ver1.0 では再生リストを Settings.ini ファイルに保存していたので、ガジェットを外すとせっかく作成した再生リストが消えてしまいました。

　Ver1.1 では再生リストをガジェットをインストールしたフォルダに「PlayList.txt」ファイルとして保存するようにしたので、アンインストールさえしなければリストが保持できるようになりました。インストールフォルダにファイルを保存するようにしていますが、ガジェットのインストール自体、ユーザーごとのインストールになるので、ファイル保存で権限などによる問題はないでしょう。(一応 User 権限でテストしました)

◆操作上不便なところを改善

　たぶんどっか直したと思う。(^^;)

◆「Next」ボタンを配置

　動画が再生中でも、自動再生が停止中でも、このボタンを押すことにより次の動画を自動で再生させることができます。基本的には次の動画を再生しますが、「Random」にチェックが入っていればリストからランダムに動画を選択します。

◆再生遅延時間を設定できるようにした

　自動再生にしたときにどうしても最後まで再生しきれない場合は、この時間を少し多めにとるようにしてください。デフォルトでは２秒に設定してあります。設定画面で変更可能です。

◆「ID」や「名前」などを入力した後に、「追加」ボタンを押さないで間違って「OK」ボタンを押してもリストが登録されるようにした

　これも間違えそうな操作なので登録するようにしました。

◆表示スタイルを若干変更

　若干ですが(^^;)

　下からダウンロードできます。

youtube_shuffle_player_1_1.zip

　説明用のページも更新しました。リンク先が前と変わっています。

http://sorceryforce.com/gadget/youtube.html

　そういえば沢渡さんが Vista x64 の環境ではAdobe Flash Player が対応していないと書かれていたのですが、私は Vista x64 の環境を持っていないので確認できていません。Adobe の本家にも「x64」については書いていないし今はどうなっているんでしょうね。