2006年06月30日

JavaScriptでz-indexを操作するときの注意

いえ、別にたいしたことでないのですけどね。
今日たまたま知ったのでメモです。

通常JavaScriptからCSSのプロパティを操作するときは
オブジェクト名.style.CSSプロパティ名 = "値"

のようにします。

例: document.getElementById("main").style.display = "none";
(mainというIDが振られている要素の表示を消す)

ただし、z-index(重なりの順序)を操作するときは注意が必要です。
オブジェクト名.style.z-index = 0;

ではなく
オブジェクト名.style.zIndex = 0;

とやります。

「style.z-index」でやるとエラーになっちゃいます。
posted by webdev at 23:52| Comment(0) | TrackBack(1) | JavaScript | このブログの読者になる | 更新情報をチェックする

2006年06月29日

「window.onload=function(){}」ってそういうことだったんだ

最近のJavaScriptのコードをみていると、よく

window.onload=function(){
// 処理
}




window.onload=hoge;

function hoge(){
// 処理
}


のようなスタイルを見かけます。

なんでbodyタグのonload属性で書かないんだろうと思ってました。


上記2例のようなスタイルだとHTMLとロジックを分離できるという
メリットがあるのですね。タグにJavaScriptの関数名を書かなくてよいし。
なるほど。

慣れていない私は、処理を追っかけるが少し手間になっちゃいますが。
(外部jsにかいてあるかもしれませんしね。)

もちろんこれだけが理由じゃないと思いますけどね。

・イベントハンドラを外部スクリプトファイルに書く
http://web.paulownia.jp/script/tips/handler.html
イベントハンドラを外部スクリプトファイルに書く
onloadやonchange等のイベントハンドラをHTML中に書く必要は無く、JavaScript外部ファイルに記述できる。これによって文書とJavaScriptロジックを完全に分離できる。
posted by webdev at 23:15| Comment(0) | TrackBack(0) | JavaScript | このブログの読者になる | 更新情報をチェックする

2006年06月28日

でちゃった Flex 2 & Flash Player 9

でましたね。Adobe Flex 2 とFlash Player 9。

flex2.png
・Adobe - Flex 2 - Web Application Development Software
http://www.adobe.com/products/flex/
Adobe® Flex 2 is the most complete, powerful application development solution for creating and delivering cross-platform rich Internet applications (RIAs) within the enterprise and across the web.

個人的にポイントはコスト的な導入のしやすさです。
1.5の頃と比べると格段に安くなってます。
Flex Framework(SDKっていうのかな)は無償ですし。
いままで「Flexは高いから、、でもOpenLaszloは情報少ないし」
とどっちつかずだった人が一気にFlexに流れるのではないでしょうか。
まぁうちの会社は手つけないかな。

あれ、Flex Data Servicesも無償版があるみたですね。(Express)
で、Flex Builder 2のBasicはどうなったのかな?このエディションはない?無償?

正直まだ私の頭の中ではFlex製品群の形態や価格が整理しきれていません。。
(2006/06/29追記:価格表ページにまとまっていました。)



flash9.png

・Adobe - Adobe Flash Player
http://www.adobe.com/jp/products/flashplayer/

こっちはパフォーマンスの向上に期待。
posted by webdev at 23:12| Comment(1) | TrackBack(0) | Flash/Flex | このブログの読者になる | 更新情報をチェックする

2006年06月27日

WinFX から .NET Framework 3.0 へ

WinFX から .NET Framework 3.0 への名前変更について
WinFX の名称を .NET Framework 3.0 に変更します。
名前の変更によるWindows Vista および.NET Framework 自体の技術的な変更、およびリリース スケジュールの変更はありません。


だそうです。

うん、そのほうがいい。

せっかく.NETブランドが広がってきたんだから。
posted by webdev at 21:19| Comment(0) | TrackBack(0) | マイクロソフト | このブログの読者になる | 更新情報をチェックする

2006年06月26日

とあるカード決済システムで驚いたこと

先日、クレジットカードで買い物をした際に店員から渡された
控えの伝票を見て驚きました。

カード番号と有効期限がまるまる記載されていたのです。

こういうケースもあるのですね。
たいていの場合、マスクされてると思ったのですが。
受け取った伝票はきちんと見たほうが良いですね。
私はカード番号と有効期限の箇所をライターで炙って黒くしました。
(感熱紙だったので)

リンクは張りませんが、人力検索はてなでも同じような疑問
を思った方がいました。
posted by webdev at 22:14| Comment(0) | TrackBack(0) | セキュリティ | このブログの読者になる | 更新情報をチェックする

2006年06月24日

DHTML・FLASH 9対応 OpenLaszloプロジェクトが発表【OpenLaszlo Legals】

Laszlo Japanのニュース経由で知ったのですが
期待DHTMLとFlash ver9に対応する次期OpenLaszloのプロジェクト
OpenLaszlo Legals が発表されました。

Developers wishing to get a head-start building applications on top of Legals will be able to do so with our beta release in a few months.

だそうです。

サポートするプラットフォームは
 ・Flash 7,8
 ・Flash 9
 ・DHTML
 ・Future Runtime
とのことです。

「Future Runtime」というのも気になりますね。
それ用のモジュールをつくれば、また別のプラットフォームへ対応
させる、なんてことできようになっちゃうのでしょうか。
「XUL対応モジュールつくったよ」とか??無限の広がりを見せてくれるのでしょうか。


ところでLaszloではAjaxという言葉は使わずDHMLという言葉の
方を好みますね。なにか意図でもあるのでしょうか。
posted by webdev at 11:38| Comment(0) | TrackBack(0) | OpenLaszlo | このブログの読者になる | 更新情報をチェックする

2006年06月23日

OpenLaszlo事例紹介ギャラリー

・Rich Internet Application Gallery - OpenLaszlo
http://blogs.zdnet.com/Stewart/?page_id=39&page=1

以下の6サイトのギャラリーが紹介されています。
実サイトにもいけます。


・Barclays Global Index Returns Chart
・IBM's "What Makes You Special Campaign" (Built by Ogilvy)
・La Quinta Inns Location Finder
・Pandora.com Internet Radio
・104.6 - Berlin Hits Radio Home Page
・SureWest Broadband Portal
posted by webdev at 23:04| Comment(0) | TrackBack(0) | OpenLaszlo | このブログの読者になる | 更新情報をチェックする

2006年06月21日

サイボウズ社の株

サイボウズ社の株はfeedpathが公開されたころは280,000円/株くらいだったの
ですが、徐々に下がっていました。
6月に入って61,000円/株という日も。

当時は青野 慶久社長のブログにも株主とみられる人たちから「どうしてくれるんだ」的なコメントの書き込みが相次ぎました。


ところが。


先週後半からグングン株価が高くなっています。
今日(6/21)の終値は124,000/株。

そして、昨日発表された東証一部上場


あぁ、買っておけばよかったかなぁ。。



(※ 当記事は購入を勧めるものではありません)
posted by webdev at 23:30| Comment(0) | TrackBack(0) | その他 | このブログの読者になる | 更新情報をチェックする

2006年06月17日

AdobeのApollo スクリーンショットが公開


・I Have Seen Apollo and it is Awesome
http://www.digitalbackcountry.com/index.cfm/2006/6/13/I-Have-Seen-Apollo-and-it-is-Awesome

脱ブラウザなFlashテクノロジ Apollo のスクリーンショットが公開されていたようです。

重くなきゃいいんだけどなぁ。。


・thebadtiming.com » Apollo スクリーンショット
http://blog.thebadtiming.com/archives/1039
デモアプリケーションは Flex Builder で開発され、スクリーンショット見ると分かりますが、背景の透けたトランスペアレントの SWF/EXE ファイルがコンパイルされる模様。
posted by webdev at 21:49| Comment(0) | TrackBack(0) | リッチクライアント | このブログの読者になる | 更新情報をチェックする

すべてのCGIスクリプトに-Tフラグを

・[を] Perl の -T スイッチ
http://nais.to/~yto/clog/tb/tb.cgi/200605273

デーモン、サーバ、および他人のために実行されるすべてのプログラム
(例えばCGIスクリプト)には、-Tスイッチを指定すべきである。
[...]
すべてのCGIスクリプトに-Tフラグを指定して実行するということは、単
に良い考えであるだけではない――それは、荒野のごときインターネット
で生き延びるための掟なのである。


cgiファイルの1行目に
#!/usr/bin/perl -T
とかかいておくと、スクリプト内でパラメータ受け取る箇所で
ちょっとあぶなっかしいところを警告してくれるそうです。
posted by webdev at 00:53| Comment(0) | TrackBack(1) | セキュリティ | このブログの読者になる | 更新情報をチェックする

2006年06月15日

Ajaxフレームワーク「ZK」の2.0リリース

・JavaScriptはもういらない、XUL+Javaでリッチアプリケーション - ZK 2.0
http://journal.mycom.co.jp/news/2006/06/14/344.html
Potixは13日(米国時間)、ZKの最新版であるZK 2.0を公開した。ZKはAjax Webアプリケーションフレームワーク。JavaScriptを使わずに少々のプログラミングだけでリッチUIを実現したWebアプリケーションを開発できるという特徴がある。

ということで今日は「ZK - オープンソースのAjaxフレームワーク」というエントリへのアクセスがいつもより多い。



・ZK 2.0 Release Note
http://zk1.sourceforge.net/release/rn-2.0.0.html
# Browser history management.
* Add states to browser's back button history.

おおおお。まちがえて再読み込みしちゃって、画面が初期化されちゃった、ってことがなくなるのかな?詳細不明。
LaszloもいつかのバージョンアップにBrowser Historyに対応って買い照りましたが、あちらも詳細不明。というより調べてません。
posted by webdev at 21:42| Comment(0) | TrackBack(0) | リッチクライアント | このブログの読者になる | 更新情報をチェックする

スマートフォンでLaszloアプリ

・OpenLaszlo Flash animation on Smartphone
http://www.jackfield.de/2006/06/14/51/



Yokai Studios ってなんだろう。。。
posted by webdev at 21:32| Comment(0) | TrackBack(0) | OpenLaszlo | このブログの読者になる | 更新情報をチェックする

2006年06月14日

Flex on Rails ?

・RubyForge: Flex on Rails plugin: Project Info
http://rubyforge.org/projects/flexonrails/

登録されて間もないようですが。
なんでもRailsだなぁ。。


Laszlo on Railsには、しばらく手をつけない予定です。
posted by webdev at 23:18| Comment(0) | TrackBack(0) | Flash/Flex | このブログの読者になる | 更新情報をチェックする

LaszloMailでの印刷の仕組み

Laszlo Japanのフォーラムに「laszlo内で印刷をするためのは?」という
トピックがあってLaszloMailでの印刷はどうやっているのか、
という話があったので、答えてみました。

print_laszlomail.jpg
↑LaszloMailでの印刷フロー


Re: laszlo内で印刷をするためのは?

私も興味がありましたのでLaszloMailの印刷方法について調べてみました。

・LaszloMail起動時
http://www.laszlomail.com/lzmail/ では二つのJavaScriptファイルが読み込まれます。
そのうちのひとつに「834/index-head.js」があり、画面上をframeに区切っています。
(document.writeでタグを書き出し)
そのなかに印刷コンテンツ読み込み用と思われるframePrintというframeがあります。

・LaszloMailの[Print]ボタンクリック時
Laszloからメール内容をHTMLに整形したコンテンツをリクエストします。
lzxコードは以下のような感じだと思います

LzBrowser.loadURL("リクエストURL", "framePrint");
おそらくHTML整形はサーバー側の処理です。
ロードする先は先ほどのframePrintというframeです。

・HTMLコンテンツロード時
メール内容のHTMLをframePrintでコンテンツをロードすると
「834/index-head.js」に書かれた

window.top.frames.framePrint.print();
というJavaScriptのコードが実行され、ブラウザの印刷ダイアログが表示されます。


私の調べた感じだと以上のような感じです。どうもLaszlo自身はメールの内容
をHTMLに整形したコンテンツをリクエストするだけのようです。

肝になっているは「 http://www.laszlomail.com/lzmail/834/index-head.js 」かと。


単純に、今表示しているウィンドウの印刷をする場合は

LzBrowser.loadJS('window.print()')
のようにLaszloから、印刷するためのJavaScriptコード
を呼び出してあげればできそうです。



また、LaszloMailとは関係ないですがtowagaさんの返信で紹介されているFlash APIをたたく方法も要チェックです。
posted by webdev at 23:02| Comment(0) | TrackBack(1) | OpenLaszlo | このブログの読者になる | 更新情報をチェックする

2006年06月11日

OpenLaszlo + Red5 でストリーミング環境を構築

以前のエントリで紹介したオープンソースFlashストリーミングサーバー「Red5」
とOpenLaszloを組み合わせてみました。たまたま家にWebカメラもありましたし。

やり方は以下のページのままです。
・Streaming video with OpenLaszlo and Red5
http://www.openlaszlo123.org/?p=4

↑解説もていねいで、サンプルファイルもダウンロードできるのですんなりできましました。

そして、私の環境でストリーミング再生した様子をFlashキャプチャツール「Wink」を使用してキャプチャしました。以下のリンクからみれます。
(キャプチャしたものなのでリアルタイムではありません)

ストリーミング再生の様子(キャプチャ)

もちろん実際はリアルタイムでストリーミングできました。

オープンソースの環境でこんなことまでできてしまうのですね。
posted by webdev at 21:33| Comment(0) | TrackBack(0) | OpenLaszlo | このブログの読者になる | 更新情報をチェックする

ついにLaszlo本が発売


おそらく世界初のOpenLaszloの専門書が Amazon.com で発売になったようです。

・AJAX and Flash Development with OpenLaszlo : A Tutorial
http://www.amazon.com/gp/product/0975212869/ref=sr_11_1/002-664765-9437613?%5Fencoding=UTF8


Amazon.co.jpでは来月の発売になりそうです。
http://www.amazon.co.jp/exec/obidos/ASIN/0975212869/qid%3D1150018320/250-4377482-5135458
posted by webdev at 18:35| Comment(0) | TrackBack(0) | OpenLaszlo | このブログの読者になる | 更新情報をチェックする

2006年06月09日

FlashとWPF

・The Flash Blog » Blog Archive » Flash and WPF - My thoughts so far
http://theflashblog.com/?p=176

FlashとWPF(Windows Presentation Foundation)の比較のようなことをされています。

項目は以下のとおりです。
・Video Capabilities
・Audio Capabilities
・3D Support
・The Programming Environment
・Data Binding
・Team Workflows
・Developer Tools
・Cross-Platform Support
・Communities and Support

とても良い内容が書かれているような気がします。日本語だったらうれしかったです。
posted by webdev at 22:23| Comment(0) | TrackBack(0) | リッチクライアント | このブログの読者になる | 更新情報をチェックする

2006年06月06日

あなたのRailsアプリにSSLを?

・ Adding SSL to your Rails App in 5 Minutes
http://www.styledbits.com/articles/2006/06/04/adding-ssl-to-your-rails-app-in-5-minutes

Ruby、そして英語に弱いのでなんのことかよくわかりません。
del.icio.usのトップページに載っていたので紹介してみました。
posted by webdev at 21:55| Comment(0) | TrackBack(0) | その他 | このブログの読者になる | 更新情報をチェックする

2006年06月05日

Webアプリにリアルタイム性は必要か


つまりサーバープッシュ配信。
なにかアイディアがあればすごい面白いことができるような気がするのですが。



Flashの場合はスリーミングに使用されるRTMPによって可能だと思います
OpenLaszloでいい感じに組み合われれるるかは不明。例のRED5の出番?

Ajaxの場合は、基本的にサーバープッシュはできないと思います。
もちろん、クライアントが定期的にサーバーにリクエストしたりすれば
擬似的に近いことができるかもしれませんが。
もっとそれっぽいことを実現するために「Reverse Ajax」ってのが出てきてるみたいです。
posted by webdev at 22:42| Comment(0) | TrackBack(0) | リッチクライアント | このブログの読者になる | 更新情報をチェックする

2006年06月03日

[OpenLaszlo] お天気Webサービスと組み合わせてみる その3

【「お天気Webサービスと組み合わせてみる」記事一覧】



前回(その2)では、swfとお天気Webサービスの間におくXMLプロキシプログラムを作成しました。これを経由することより、SOLOデプロイでも外部ドメインのXMLが取得できます。
今回は、Laszloでインターフェースを作成します。

●環境
 ・OpenLaszlo 3.3
 ・Tomcat 5.0.24
 ・Widows XP Home Edition

お天気Webサービスの仕様を確認し、「title」と「forecastday」「forecastdate」を表示することにします。
地域は、東京都の東京で。

てことでこんな感じのlzxを記述。とてもシンプルです。これをotenki.lzxとします。

とりあえずSOLOデプロイしないで、普通にみて見ます。
http://<ホスト名>:8080/lps-3.3/my-apps/otenki.lzx?lzt=html

otenki.jpg

かなりそっけないですが、なんとか明日の東京の天気予報を表示することができました。

それではこれをSOLOデプロイします。
http://<ホスト名>:8080/lps-3.3/my-apps/otenki.lzx?proxied=false

これでlzxと同じフォルダに「otenki.lzx.swf」が生成されているはずです。
。。。あれ?
生成されません。いくつか前のバージョンだったらこれでいけたのですが。

仕方がないので代替手段でcanvasタグにproxied="false"を追加して
http://<ホスト名>:8080/lps-3.3/my-apps/otenki.lzx?lzt=html

今度は無事にできました。
生成された「otenki.lzx.swf」を「otenki.swf」になまえ変更します。(好みの問題です。)

これでSOLOデプロイしたLaszloアプリの完成です。
こんなしょぼいのでいいのかという疑問も残りますが。
そしてなにより、こんなのをわざわざLaszloでやる意味も。。

せっかくなのでこの記事に完成品へのリンクを張っておきます。
otenki.swf

【「お天気Webサービスと組み合わせてみる」記事一覧】
posted by webdev at 00:33| Comment(0) | TrackBack(0) | OpenLaszlo | このブログの読者になる | 更新情報をチェックする