つれずれなるままの開発日記(最近はFlexばかり..)

Archive for the ‘開発’ Category

実はこの間、ある会社の経営者とHTML5についてお話をしました。
そこで、HTML5についてずいぶん違った認識をもっているのだなーと。

HTML5をFlashと比べる方が多いので、どうやら、アニメーション機能をもっていると思っている方が多いようです。
残念ながらHTML5は、アニメーション機能は持っていません。
HTML5 + JS でアニメーションを作れるという事です。

また、基本的にはFlashでできない表現が、HTML5でできるようになったかと言えば、そうでもありません。
と、このように伝えると、なんだかHTML5に対する大きな期待がなくなってしまったようです。

じゃ、なぜこれほどHTML5が騒がれているのでしょうか？
というよりも、騒ぐ必要があるから騒いでいるという側面があるのではないでしょうか？

まず、Flashですが、Flashは長い間、ずーとクローズドでやってきました。
すると、昨今のオープンの波の為もあり、HTML + JavaScriptである部分、代替する人がちらほらと出始めました。

なーんだ、限定した使い方ならFlashじゃなくても、HTML + JSでいけるじゃん。
それに、チープな動きからだんたんとオープンのまま、進展してきたこともあり、オープンの波は大きくなります。

現在はおおよそはいけるんじゃないの？ってところまではきたと思います。
まあ、これはアニメーション型サイトから、コミュニケーション型サイトへ移ってきたことも、影響が大きいでしょう。
昔みたいに派手でこっていたアニメーションが嫌われることになったし、芸術的なサイトよりも、
機能的なサイトの方が価値が出始めてきました。

ただし、後一歩のところで、いろいろな意味でFlashに追いつかないのです。
それは細かい動きの部分もありますし、IEだとひたすら遅いとか・・・・

ここで、HTML5になればどうなるでしょうか？

まず、ブラウザが新しくなります。
当たり前ですが、これがブラウザを作っている方達からのHTML5を進める利点です。
これで細かい表現の違いによる影響が今よりは改善されるはずです。
ここで、IEの牙城を崩せればと思うはずです。

さらにブラウザを新しくするにはOSが新しくなります。（なりやすい）
大多数の方はブラウザだけをインストールなんてしません。
初めから入っているブラウザを使います。

そしてOSが新しくなれば、ハードが新しくなります。（同様になりやすい）
こちらも、OSだけの再インストールもしません。
最近ではOSのインストールもしたことがない、技術者だった当たり前にいるくらいですから・・・
つまり、速度は速くなります。
これで、速度面も解決していきます。

これだけでしょうか？
実は大きなのはコミュニティではないでしょうか？
なんか、LinuxとSolarisにちょっとにている気がします。

Linuxが不完全でチープで小さいうちにオープンに広まったからこそ、
その内部を知っている人が多く出てきました。
一方、Solarisは今でもLinuxよりもOSとしては完成されているのかもしれませんが、
今更オープンにしても、なかなか中身を見るには大きすぎるのです。
つまり、変化に勢いを感じることができないのです。

要するに、人の世代交換が、物の世代交換になったという事で、
物自体の価値というのはそれほど大きくはないのではないでしょうか？

ということで、HTML5が部分的にはFlashに変わっていくことはやむを得ない気がします。

しかし、一方で不安があります。
それは、プログラムがわからないデザイナがHTML5向けに使えるエディタが世の中に出てくるのか？
Adobeが自らのFlashをいらないと言わせるほどの、Dreamweaverを作るのか・・・とか。

あとは今まで、プログラムのソースを完全に自動で出力するツールが世の中で普及した事実を私は知りません。
それは、機能を作るのがプログラムであったから普及することが過去なかっただけなのか、それとも実用に耐えうるものができないからなのかは、
私には今のところはわかりません。

それと、もう一つ。
今でも、Ajaxのサイトは増えています。今はHTMLアプリはここが危険だ。とさんざん苦労して来た人たちがまだまだ作っています。
しかし、今から作るエンジニアをたくさん増えているのでしょうが、
それと同時に「危険だな－」という作りを平気でしてきます。
つまり、ちょっと詳しくなれば、「あー、これは簡単に攻撃ができるな」というサイトもたくさん出てくることでしょう。
かつて、CGIは難しいという時代に、PHPという言語は簡単なために急速に広まっていきましたが、一方で危険な言語の烙印も押されてしまいました。
そのおかげで、PHPという言語はバージョンが上がる毎にどんどん難しくなっています。
それはPHPという言語が危険というより、それを使う人のスキルが危険ということで、
それでも安全なようにと便利な機能がだんだんとなくなっていったのです。
（よい言い方をすれば、エンタープライズ向けになったという事です。）

そうすると、HTML5 + JSのサイトは危険な可能性があり、もっとセキュリティを考慮した物じゃないとだめだ－と声を上げる人も出てくるでしょう。
そしたら、FlashのPlayerにセキュリティホールがあろうと、Flashのほうがまだましだとなるかもしれません。
(Flash PlayerのセキュリティホールはAdobeさんが直しますが、自社で作ったJSのセキュリティホールは誰も直してくれませんから・・・）

ただし、どちらにしても言えることが、「必要以上に難しくなった」という気がします。
見た目のデザインと動きのデザインと、処理ロジックの３つの能力が必要になってきてしまったのですから・・・

JAVAで透過するウィンドウや、独自シェイプのウィンドウを作成する方法のメモ。

ただし、すべての環境でできるわけではないので注意。
（すべての環境でこれを実現するには、Robotを使って画面をキャプチャしてから、その上に自分で作成していくなどの方法が必要になる。）

基本的に、詳しい説明は以下のサイトにあるのでそちらで
http://java.sun.com/developer/technicalArticles/GUI/translucent_shaped_windows/

さて、この方法をEclipse上で開発を行っていると、
「アクセス制限: 型 AWTUtilities は必須ライブラリー C:\Program Files\Java\jre6\lib\rt.jar で制限されているためアクセスできません」
とエラーになってしまい使えません。

でも、これを以下のようにして強制的に使ってしまいます。

import org.apache.commons.lang.reflect.MethodUtils;
:
Class clz = Class.forName("com.sun.awt.AWTUtilities");
if(clz != null){

	try{
		Object[] args1 = {frame,bg};
		Class[] types1 = {Window.class,Shape.class};
		MethodUtils.invokeExactStaticMethod(clz, "setWindowShape",args1,types1);

		Object[] args2 = {frame,0.8f};
		Class[] types2 = {Window.class,float.class};
		MethodUtils.invokeExactStaticMethod(clz, "setWindowOpacity", args2,types2);
       }
       catch(Exception ex){}

こんな感じにReflectionを使ってしまいます。
ただし、Reflectもすべて自前で行ってもそれほど面倒でもないのですが、
ここでは、ほかの理由もあってすでにApache commonsのlangライブラリを使っていたので、そちらを使いました。

OSGiのすべてのサービスをきちんと落とす方法がわからない。

そもそも、停止する側もサービスの一部なのに、停止できるのかなやんだ。
きちんと止められるならば、必ず、もっと上位のクラスからstopできるはずと調べてしまった。

BundleContextからすべてのBundleを取得して、それぞれをstop()していくと、エラーが発生する。
そもそも、依存関係がわからないにの、順番におとしていいのかもよくわからない。

でも、いろいろ試していたら、

context.getBundle(0).stop()

で、私の思い通りには止まっているようだ。

ただ、これでJAVAのプロセスが止まるわけではないので、次に

System.exit(0);

としてやる。

これで本当に問題無いのかはわからないが、今のところ、特に問題になる感じもない。
まあ、いきなりSystem.exit(0)をやっても、それほど問題無いのだが・・・・

多少AIRにも限界を感じてきたところで、JavaとFlashのブリッジを考えながらサーバを作ってきた。

せっかくだから、AIRとJavaではなく、やはり(ブラウザ上の）Flashも対象にしたいとおもっていたので、
XMLSocketで通信をしていて、だいぶ形になってきた。

また、Java側は結局OSGiを使うことでだいぶ柔軟な感じにできるようになってきた。
たとえば、今、ローカルのFileSystemにアクセスするモジュールを作りながら確認をしているが、
OSGiならばそのモジュールを動的に追加することも、削除することも可能だ。

だから、極端な話Coreな部分だけ初めにローカルにインストールしてあれば、
後は、更新、追加は動的にそれなりに簡単にできる。
要するにブラウザからモジュールの追加、更新ができるわけだ。
（まあ、それがいいかわからないが・・・・）

それなりに強力な事ができてしまうと、それを抑制するほうも考えなければいけない。
というわけで、それをコントロールする機能もOSGiのモジュールとして作ろうと思う。

どんな感じがセキュリティ上いいのかなと思っていたが、
まずは、接続を試みてきたら、POPUPで接続の許可を求めてくる感じでいいだろう。

１クライアントにつき、基本的には１接続だからそんなに面倒ではないはずだ。

AIRの配布が署名なんかも含めて面倒な感じもするので、ブラウザベースでGUIはWEBで配信し、
処理の実装はJavaでローカルで動くってのも、また、おもしろいRIAの形ではないだろうか？

と個人的にはおもっているのだが、どうであろうか？
データがローカルからしかアクセスできないような制限のある業務においても、
RIAを適用できるようになるとおもう。

あとは、よーくWEBのグループウェアを使っている人から出てくるクレーム（文句）で、
ブラウザの外にメールがきたことを通知できないとか・・・
技術的には当たり前と言えば当たり前なのだが、これが業務をやっている人には結構なストレスらしい。
（まあ、今やメールも電話と同様に、きたらすぐに対応しなければいけなくなってきていますからね・・・・）

しかし、こちらも、

こんな感じにOS側に通知だってかのうだから、タスクトレイに表示することだって可能だし・・・・

以前、規定のJavaのオブジェクトをAMFを用いてas3上のクラスにマッピングする方法を記述しましたが、
今回は、任意のJavaクラス（自分で作成したJavaクラス）についてです。

１．Javaのクラス定義の際にjava.io.Externalizableインターフェイスを実装する

以下は必要となるメソッドのみを抜粋しています。

@Override
public void readExternal(ObjectInput in) throws IOException,
		ClassNotFoundException {

	isDirectory = in.readBoolean();
	isFile 		= in.readBoolean();
	isAbsolute  = in.readBoolean();
	isHidden    = in.readBoolean();

	absolutePath = (String)in.readObject();
	canonicalPath = (String)in.readObject();
}
@Override
public void writeExternal(ObjectOutput out) throws IOException {

	out.writeBoolean(isDirectory);
	out.writeBoolean(isFile);
	out.writeBoolean(isAbsolute);
	out.writeBoolean(isHidden);
	out.writeObject(absolutePath);
	out.writeObject(canonicalPath);

}

という感じに、readExternal()とwriteExternalを実装する必要があります。

２．AS3上でflash.utils.IExternalizableインターフェイスを実装したクラスを作成する
AS3上でもJavaと同様な感じにします。

public function writeExternal(output:IDataOutput):void{
	output.writeBoolean(isDirectory);
	output.writeBoolean(isFile);
	output.writeBoolean(isAbsolute);
	output.writeBoolean(isHidden);
	output.writeFloat(lastModifed);
	output.writeFloat(length);
	output.writeObject(absolutePath);
	output.writeObject(canonicalPath);
}

public function readExternal(input:IDataInput):void{
	isDirectory = input.readBoolean();
	isFile      = input.readBoolean();
	isAbsolute  = input.readBoolean();
	isHidden    = input.readBoolean();
	lastModifed = input.readDouble();
	length		= input.readDouble();
	absolutePath	= input.readObject();
	canonicalPath 	= input.readObject();
}

３．AS3上のクラスに対して、RemoteClassの指定をする。

[RemoteClass ( alias="com.coltware.serene.service.file.JFile") ]
public class JFile implements IExternalizable{
  //  省略
}

という感じになります。