@ITの記事がFirefoxでグダグダな件

・［ASP.NET］XmlDataSourceコントロールでYahoo！検索ウェブサービスを利用するには？［2.0のみ、C#、VB］ − ＠IT
http://www.atmarkit.co.jp/fdotnet/dotnettips/477aspxmldatasrc/aspxmldatasrc.html

上記ページをFirefoxで見てみてください。



やけに横に長いですね。
画像も右にいっちゃってますし。


原因は、紺色の背景で示されたXMLです。
タグの行が長くなっていますね。これが突っ張り棒になって
ページが横長くなってしまいます。

IEやFirefoxは普通、半角英数字で構成された行を折り返しません。
逆に日本語だと折り返されます。これは文字の途中で折り返したときでも
意味が通じるか通じないか、という視点に立った仕様です。



では、なぜこのページはIEだと折り返されているのか。

ちゃんと調べていませんが、コード表示部のdivタグに設定されている
スタイルシート「word-break: break-all」によるものだと思います。
このプロパティはIE独自なんですよね。


Webサイトでコードを表示されるときは、overflowプロパティを使って
スクロールバー出す方がスマートなのかなぁとおもいます。

自分用カスタマイズメモ帳

こないだ、はてなブックマークにノートだかメモだかに関する
ライフハックが紹介されているサイトがのっかっていました。

それで思い出したのが、だいぶ前のネタですが、
PocketModという 自分用カスタマイズメモ帳。

・PocketMod: The Free Disposable Personal Organizer
http://www.pocketmod.com/


ToDoリストやカレンダーなどのパーツを、A4を8分割したエリアに
自分の好きなように貼り付けていく。
パーツは30以上あります。SuDokuなんてのもありますよ。


それを印刷して、折ったり、1箇所ハサミを入れれば完成。

ヤコブ・ニールセンのAlertbox が本に

・ヤコブ・ニールセンのAlertbox -そのデザイン、間違ってます-


Webユーザービリティにおける権威Jakob Nielsen(ヤコブ・ニールセン)氏による
コラムサイト「Alertbox　（日本語訳版はこちら）」が本になりました。


[キャンセル]ボタンの是非、などハっとるなるようなことが書いてあります。
ただ、図とか絵がほとんどないのが難かなと。

ヤコブ・ニールセンの本は「本自体のユーザビリティが低い」と言われがちなんです。（彼自身責めるべきかどうかわかりませんが）

Eclipse パーフェクトマニュアルVol.6 にOpenLaszloの特集

・Eclipse パーフェクトマニュアル Vol.6



特集３に「次世代フレームワーク OpenLaszli先取り！」というのがあります。
内容は、YouTubeビューアーの作り方、IDEの紹介、カスタムコンポーネントの
作り方などでした。

執筆者は
国内唯一のOpenLaszloサポート企業、株式会社ネットエイトの小野さん、十河さん（laszli.jpの管理人さん）、株式会社四次元データの方。

買おうかどうか迷ってます。（←立ち読み）


OpenLaszloもちょくちょく雑誌で取り上げられるようになってきましたね。
私の知ってる限りでは、WEB+DB press、Java Wrold、Eclipse パーフェクトマニュアル、ときてます。次は日経ソフトウェアあたり？

Flex 2 勉強会第7回 参加

Flex 2 勉強会第7回に参加させていただきました。
http://www.fxug.net/modules/pukiwiki/?Flex2%CA%D9%B6%AF%B2%F1%C2%E87%B2%F3%BB%B2%B2%C3%BC%F5%C9%D5

今回は初心者レベルだということなので、勉強会参加のために急遽Flex User Groupに登録しました。

内容は上記URLでご覧下さい。


どうしてもLaszloと比べちゃいましたね。
FlexはIDE(Flex Builder)の出来が非常に良いという印象をうけました。
GUIでVBライクにコンポーネント貼り付けていけるし、MXMLのタグや
ActionScriptのコードの補完もばっちりですし。


私の今回の収穫は、どなたかの質問からでた「Flex Data Services」の
役割がなんとなくわかったことです。
FlexとLaszloの構成の比較表みたいなの作れたら良いな。。

次回の初心者向けの勉強会があったらまた是非参加したいです。
サーバー連携の方法が知りたいですね。

textareaの長さチェックって面倒かも

textareaタグに入力された文字の長さを取得してチェックする場合、
クライアントサイド、サーバーサイドでちょっと注意する必要がありそうです。



【クライアントサイド】

JavaScriptでlengthを拾うと、ブラウザによって異なることがあります。


それは改行が含まれている場合です。


改行を1文字とカウントするブラウザと2文字とカウントするブラウザがあります。
たとえばWin+IEは2文字、Win+Firefoxは1文字です。


【サーバーサイド】

「POSTとかしてサーバーに渡った場合のカウントはどうなるの？」

Javaでしか試していませんが、textareaに入力された改行は、
2文字とカウントされることが多いようです。

たとえばWin+IEの場合、改行はCRLF(%0D%0A)として送られ、2文字分と判断されます。
意外だったのはMac+SafariもCRLFで送っていること。
古いブラウザなどではCRだけ送るのもあるらしいです。
OSではなくラウザに依存するのですね。



【たとえばこんなときに困る？】
クライアントサイドでもサーバーサイドでもで単純に10文字以下という
制限を設けていた場合。
Firefoxで「普通の文字9文字と改行１つ」
↓
JavaScriptで「textarea01.value.length <= 10」がtrueなのでサブミット
↓
JSPで「request.getParameter("textarea01").length() <= 10」がfalse
↓
入力エラー！



JSPでエラーにさせないための、私なりに考えた解決案は、
正規表現「^(.|\r\n|\r|\n){0,10}$」でチェックすることです。
これだと改行以外の文字/CR+LF/CR/LFのいずれでも1文字としてカウントします。
(\rなどのメタキャラの対応は使用するAPIによって違うかもしれないので注意してください。)


たたしJavaScriptで改行のカウントの仕方のブラウザの差異を吸収
させる方法が思いつきません。
JavaScirptで改行コードけずるのかなぁ？

Visual Studio付属のテストツール「ACT」ってなに

Visual Studioにはエディションによっては「Application Center Test(ACT)」
というテストツールが付属してるんだそうですね。
たぶん VS.NET 2002/2003あたり。
（2005 Team Systemnなんかはもっと高機能っぽいやつが。）


・[INFO] Application Center Test (ACT) を利用した Web アプリケーションのテスト
http://support.microsoft.com/default.aspx?scid=kb;ja;307492


・＠IT：.NET TIPS ［ASP.NET］Webアプリケーションのパフォーマンス・テストを行うには？
http://www.atmarkit.co.jp/fdotnet/dotnettips/351aspperftest/aspperftest.html

モバイルでリッチクライアントかぁ

・アクシスソフト、W-ZERO3用の業務用ウェブブラウザーを発表
http://k-tai.ascii24.com/k-tai/news/2006/07/25/663644-000.html?rss

アクシスソフト(株)は25日、ある特定の仕様に特化し、高速性と安定性を実現する業務用ウェブブラウザー『Biz/Browser(ビズ ブラウザー)』の“W-ZERO3対応版”を本日出荷開始したと発表した。

モバイルでリッチクライアントですか。

どういうケースに有効なんだろうって思います。
たぶん私の想像力が乏しいためだと思いますが。

RoRなど5大フレームワーク徹底攻略

・最新LLフレームワークエクスプローラ Ruby on Rails, Maple/Ethna(PHP),Catalyst(Perl),TurboGears(Python) 5大フレームワーク徹底攻略 (大型本)

　Tim O'Reilly氏の論文「What Is Web 2.0」でも取り上げられているように、新たなるステージ「Web 2.0」では、プラットフォームとしてのWeb、軽量なプログラミングモデルに注目が集まっています。そのベースの1つとしてLightweight Languageがあります。　今回のムックでは、アーリーアダプティブなWebプログラマをメインターゲットに最新のLLで用意されている各種フレームワークを取り上げます。基本構成は各フレームワークの特徴から実践までを包括的に網羅しています。

こんな本が出てたみたいです。


私自身は社会人になってはじめてまともと仕事で使った言語はPHPです。
最近のPHP事情には疎いのですが、LLが騒がれていると気になってきます。

<%@ include %> と<jsp:include>の違い

・Java Solution FAQ： <%@ include %> と<jsp:include>の違い
http://www.atmarkit.co.jp/fjava/javafaq/jsp/jsp09.html

JSPには、ページのインクルードを実現するためのタグが2つ用意されています。<%@ include %>とです。一見しただけでは記法が異なるだけで、動作は同じように思えますが、実はこの2つのタグには動作に明らかな違いがあります。

普通にJavaやってるひとには何てことないと思うのですが、勉強中の私はこういうところでひっかかります。

・<%@ include %>
　インクルードされてからサーブレットに変換される。
　インクルードされる側を変更しても、元のファイルには反映されない。

・<jsp:include>
　実行時にインクルードされる。
　インクルードされる側を変更すると、元のファイルに反映される。

JSPをプリコンパイル

・＠IT：Java TIPS -- JSPの起動を高速化する
http://www.atmarkit.co.jp/fjava/javatips/144jspservlet051.html

「jsp_precompile」パラメータを利用すると、JSPを実行前にコンパイルし、初回呼び出し時の処理を高速化できます。

ほほう。

http://hostname/コンテキスト名/JSPファイル名?jsp_precompile=true

とかやると

JSPを実行せずにJSPのコンパイルのみを行います。

だそうです。



Laszloにもプリコンパイルってあった気がしましたけど忘れてしまいました。

プロとして恥ずかしくないJavaScriptの大原則

でました。MdNの「プロとして恥ずかしくない」シリーズ。今度はJavaScript編です。





このシリーズでのプログラミングをテーマにしたものは初めてではないでしょうか。基本的にWebデザイナー向けの傾向が強いですからね。


いろんな情報収集をしたり、セミナーにいってみて感じるのが

「Webデザイナーもプログラムを理解し始めている」

ということ。


よく「Webデザイナー vs 開発者」という構図が問題視されますが、
Webデザイナーのほうが開発者に歩み寄っている傾向なのかも知れませんね。

開発者もWebデザイナー側に少しは歩み寄るべか。


デザインはアートではないのでセンスはいらない、とも言われますし。

FlexCoderのsato-shiさんが@ITに

・Java技術者がフロントにFlashを選択した理由とは？ - ＠IT
http://www.atmarkit.co.jp/fjava/kaisetsu/j2eewatch10/j2eewatch10_1.html

この記事にFlexなどについて書かれているブログ、FlexCoderの
sato-shiさん（横田聡氏）がでてます。

FlexCoderにはFlexはもちろんFlashやApollo、あとたまにOpenLaszloの
ことも書かれています。とても参考になります。
当ブログのネタにさせていただいたことも何度かあります。



で、記事の内容ですが。

OpenLaszloがFlexより劣っている一番の点は開発環境にあるのかなぁ、と
改めて実感しました。
そのうちFlexBuilderのクローンのようなプラグインがフリーででてきちゃううのかな。

Wordpressにオーディオプレーヤーを追加するプラグイン

最近、Movable TypeからWordpressに乗り換える人がちょくちょくいらっしゃいますよね。

私は両方とも触ったことありませんが、どちらの興味があるのかといえばWordpressのほうです。

そこでひとつプラグインのご紹介。

・Audio Player Wordpress plugin
http://www.1pixelout.net/code/audio-player-wordpress-plugin/

Wordpressに簡単にオーディオプレーヤーを追加するプラグインのようです。
動作サンプルも上記ページの「 Examples 」のところで確認できます。
Flashが使用されています。

Flashのこういう使い方も大いにアリですよね。
Ajaxでは不可能、もしくは不得意な部分を補完するような。

X-WebForm Developer 無償ダウンロード

いつのまにかこんなものまで無償提供されてる。

・日本オラクル、ウェブ入力フォーム開発ツール「X-WebForm Developer」を無償提供
http://japan.zdnet.com/news/devsys/story/0,2000056182,20168927,00.htm?ref=rss

　X-WebForm Developerは、ウェブブラウザ上で作動する入力インターフェース画面を、ドラッグ＆ドロップなどの操作で作成するための開発ツールだ。プログラミングすることなく、紙伝票のような入力画面や、従来のクライアント／サーバシステムと同等のインターフェースを実現できるという。Ajaxに標準対応しており、サーバ側と非同期で画面上の情報をリアルタイムに書き換えられる。

Oracle JDeveloper 10g自体も無償ですしね。

Web系雑記、一周年です。

当ブログはおかげさまで、一周年を迎えることができました。
（参考：近々はじめます。）

扱っているテーマはあまり変化がないでしょうかね。
OpenLaszlo、リッチクライアント、Flash、(X)HTML・CSS、UI、セキュリティでしょうか。
おそらく今後も大して変わらないと思います。
自分が勤めている会社には今年の目標として「JavaとOpenLaszlo」を宣言
しているのでJavaの方もがんばっていかなければと思っています。

アクセス解析していると、最近ではオープンソースのストリーミングサーバー
「Red5」で検索してこられる方が増えています。

また、時々コメントやトラックバックといただけて嬉しいです。

今月に入って毎日更新しているのは、一周年を自分で祝っているためです。
なんとも寂しいですね（笑）
あと２週間続くかな。
ネタがなかったら、比較的参照されることの多い記事の再アップなど
をしたいと思います。


ということで、これからもよろしくお願いします。

サイボウズのユーザビリティテストの様子

・「ユーザビリティーは攻めの部門」――サイボウズ、ユーザビリティーテストを公開
http://biz.ascii24.com/biz/news/article/2006/06/26/663096-000.html

ユーザビリティーテストって被験者が絶対緊張すると思うのですが
緊張してても間違いなくスピーディーに操作をさせるのが良いUIなの
でしょうね。


メガネのような装置をつけて視線のデータをとって解析したりもするらしいですね。

まぁそこまでやらなくても、せめて他プロジェクトの人間が他プロジェクトのシステムのUIをみていろいろ意見を言う、くらいはやりたいものです。

WebMatrixHosting Japanが8/10にサービス終了

無償のASP.NET ホスティングサービスであるWebMatrixHosting Japanが
8/10に終了するそうです。

「[OpenLaszlo] お天気Webサービスと組み合わせてみる」でも
使用させていただきました。



・テスト用途向け無償のASP.NET ホスティング
http://europe.webmatrixhosting.net/japan/default.aspx

2004年6月に開始しましたASP.NET無償試用ホスティング「WebMatrixHosting /Japan」ですが、2006年8月10日をもってサービスを終了いたします。

Webで遅延証明書を発行

・JR東日本、「遅延証明書」をWebサイトで発行するサービスを今年
度中に開始
http://www.rbbtoday.com/news/20060704/32017.html

遅延証明書は、事故や故障、悪天候などにより列車が遅れた場合に、乗客に対して発行される書類。現在は障害発生時に駅にて配布されているが、それが大規模なものになると混雑する。そのため、Webサイトでの発行を開始しこれを解消させる。

そうなんですよね。
ただでさえ遅延してるのに遅延証明をもらうために人の塊ができて混雑する。



このシステムでだれでも遅延証明書を発行もらえるというウワサも。
正当性はどうなんでしょうね。

VMware ServerとVirtual PC2004が…

・VMware Serverの正式版が公開：ITpro
http://itpro.nikkeibp.co.jp/article/NEWS/20060712/243229/

LinuxやWindowsなどx86系プロセッサに対応した各種OSを，LinuxあるいはWindowsで稼働させたVMware Server上で利用できる。Linux用，Windows用ともに，VMware社のWebサイト（http://www.vmware.com/download/server/）から無償でダウンロードできる。

・マイクロソフトが「Virtual PC 2004」を無償化、日本語版もダウンロード可能に：ITpro
http://itpro.nikkeibp.co.jp/article/NEWS/20060713/243328/

　米マイクロソフトは2006年7月12日（米国時間）、仮想マシン環境「Virtual PC 2004 SP1」の無償配布を開始した。日本語版も、マイクロソフトの製品サイトから無償ダウンロード可能。

すごいことになってきましたね。やっぱりXenを意識してるんでしょうか。