Ruby On Rails（以下、RoR）を使ったWebアプリケーションが増えてきました。RoRの優れたフレームワークを利用することで、高速かつ快適にWebアプリケーションが開発できることは開発者にとっても楽しいことです。 この連載では3回に分けてオープンソースのRIA（リッチインターネットアプリケーション）フレームワークである「OpenLaszlo」を利用し、よりリッチなWebアプリケーションを簡単にRoRアプリケーションに統合する方法を説明していきたいと思います。 RoRについては、下記の連載をご覧ください。 Web 2.0という言葉がよくいわれるようになって以来、話題となるWebアプリケーションは動的なインタラクティブ性や豊かな表現を備えたRIAが主流となってきました。セットアップやインストールの必要がなく、主にクライアントのWebブラウザ上でデスクトップアプリケーションと同等の表現

Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」 2007年01月15日- Javascript Dataflow Architecture_(alpha) | MAYA Foundry Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」。 次の画像のように、出力部分と入力部分とを繋いでいくだけでマッシュアップが出来てしまうという代物。 例えば、Flickr等の写真を取ってくる部品があって、その出力部分をHTMLパーツの入力部分に指定することでFlickrの写真をHTMLで表示できるアプリケーションが作れます。 Plaggerをご存知の方は、視覚的なPlaggerというイメージで分かりやすいかと思います。 (左領域がビジュアル開発画面で、

Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画

Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限

昨晩はライブドアで開催されたテクノロジーセミナーで「Technologies for UI」という題でプレゼンをやりました。 発表資料はpdfかhtmlで公開する予定ですが、とりあえずテキストだけ先にアップしておきます。 http://ma.la/files/livedoor/seminar2006/seminar.txt プレゼンツールがFirefox専用だったりするので、これも少し手直しして公開予定です。 こういう機会があるたびにプレゼンツールを作ってるような気がします。 ---- 追記:12/15 ライブドアのtechblogの方に発表資料をアップしました。 http://blog.livedoor.jp/techblog/paper/ldtech2006/ 上下カーソルキーでページをめくれます。

Protopageとは パーソナルポータルサービスのひとつに"Protopage"がある。ほかに近いサービスとしては、Google Personalなどがあり、タブによる区切り、ウィジェットによるサービスの追加、個人ごとのページの作成などが可能だ。今後はこのように、ウィジェットで機能を追加することで種々のサービスを統合するサービスが普及するかもしれない。11月25日(現地時間)に最新版のV3へとアップデートが実施されたので、これを機に使い勝手を紹介したい。 Protopageを体験してみるのは簡単だ。Protopageのサイトを表示させればそのままProtopageを体験することができる。簡単に使ってみる程度であればアカウント登録も必要ない。 図1 Protopage 最初のアクセス画面 – アクセスアカウントを作成せずともそのまま試用できる。最初のアクセスから48時間はセッションが有効

シンプルなサンプル † 単に別ページの内容を読み込んでBOX内に表示しているだけです。 LITBoxサンプル１ (LITBoxの基本サンプル) LITBoxの生成部分 new LITBox('http://staff.ark-web.jp/~takemura/public/js/litbox/sample1.html', {type:'window',overlay:true}); 明示的に改行しますが、実際は改行させません 第1引数、別ページの内容を読み込んでくるURL 第2引数、Option値 (次でやります) ↑ OptionによるBOXの制御 † 上の例では、読み込んだBOXの下がやけに長いのが気になりますね。 LITBoxはOptionでBOXの大きさの制御が可能です。 LITBoxサンプル２ (Optionを指定する) LITBoxの生成部分 new LITBox('http:

はじめに　『簡単なHTTPサーバの自作』第5回目の今回は、クライアントとの通信に、ブラウザ自身によるリクエスト／レスポンスに加えてAjaxとCometを利用した簡単なチャットアプリケーションを実装します。　Webアプリケーションでチャットを実装する場合に考えなければならないのは、他の発言者のメッセージをどうやってブラウザへ反映させるかです。自分が発言する場合は、サーバへ対してメッセージが送信されます。従って応答データに現時点の発言を返せば済みます。しかし、この方法だけでは他の参加者の発言を発言時に読むことはできません。　この問題を解決する手段は複数あります。　次の図は最も原始的ですが、確実な『F5連打法』を図示したものです。 F5連打法では、ユーザーは最新の発言がありそうだと感じた時に［F5］を叩きます。するとブラウザが最新の情報をサーバへ取りに行くため、もし発言が更新されていればその情報

yui-ext Documentation Center Yahoo UI Libraryを拡張した超リッチなコンポーネント集。 拡張コンポーネントを使って作ったものリストを以下に列挙。 Livedoor Reader のようなすごいRSSリーダー その場で編集可能な使いやすく、クールなグリッドコンポーネント タブコントロール プロパティ編集ボックス 参考にすれば、なかなか凄いものが作れるかもしれません:-) ドキュメントも充実していて、次のようにエクスプローラ形式で見やすいです。 関連サイト prototype.jsリファレンス script.aculo.usリファレンス

PHP Navigator Web based open source file management system in PHP and AJAX. With Windows XP style & icons. You will feel you are on Windows! PHPとAjaxを使ったWEBベースのファイル管理ツール「PHP Navigator」。 次のようなWindowsXPのエクスプローラライクなインタフェースのファイルマネージャを実現できます。 開く、解凍、リネーム、削除、コピー、解凍、新規ファイルのようなメニューもあって、まさにエクスプローラです。 ブラウザベースなのでリモートのファイルを管理するのに役立つかもしれませんね。