
OpenLaszloアドバンスド・テクニック(1) Page 1/3
EclipseプラグインでOpenLaszlo IDEを構築する
ネットエイト小野 圭二
2006/4/4
次期バージョン(StarAnise)でFlashとAjaxの両対応を決めたオープンソース・リッチクライアント製品のOpenLaszlo。本連載では業務アプリケーションを意識したリッチクライアントの開発テクニックを紹介する。(編集部)
■はじめに
- - PR -
OpenLaszlo(オープンラズロ)はRIA(リッチインターネットアプリケーション)を実現するオープンソースのミドルウェア・プラットフォームです。OpenLaszloの基礎知識については、@ITの連載記事「OpenLaszloを使って作るリッチクライアント」も参照してください。
本連載では、実際にOpenLaszloを使ってアプリケーションを開発していきます。簡単なアジェンダは以下のとおりです。
- 第1回 OpenLaszloとEclipseの環境構築
- 第2回 OpenLaszloアプリケーションとバックエンドプログラムの連携
- 第3〜5回 アプリケーション開発
第3〜5回で開発するアプリケーションは、Flashコンテンツらしくインタラクティブ性に富んだものとして、株価チャートを予定しています。
■OpenLaszloの近況
OpenLaszloは2006年3月24日、バージョン3.2が安定版としてリリースされています。OpenLaszloのバージョン3.1.1に対応したEclipseプラグイン「IDEforLaszlo」もeclipse.orgから出ています。開発のロードマップとしては現在の3.xの次期バージョンとして、「Ginger」のコードネームで開発が続けられています。さらに次のメジャーバージョン(4.x)として「StarAnise」があります。
現在のバージョン3.2ではルック&フィールを向上させるコンポーネントの追加やリッチテキスト・エディタパレット・コンポーネント装備など、いくつかの新しい機能が実現されています。Gingerはパフォーマンス改善を主に行う予定になっています。これらバージョンの詳細につきましては、OpenLaszloのWebページ「Platform Roadmap」を参照してください。
最も注目すべきことは、StarAniseの目標です。これらハーブの名前を付けられているコードネームたちの中でも特に「Star Anise(八角)」は革新的なもので、1つのLZXコードでFlashコンテンツもDHTML(Ajax)コンテンツも作成してしまおうというものです。OpenLaszloのトップページで、FlashとDHTMLの両方で動作する同一のデモページが紹介されています。
これにより、OpenLaszloはマルチランタイム環境を実現し、Flash Playerを備えていないブラウザ環境への対応が可能となりました。まさに「write once, run anywhere」となります。そしてその恩恵を最も受けるのはプログラマです。プログラマは、LZX言語さえ習得すればFlashコンテンツとAjaxコンテンツのどちらでも生成できる、夢のような技術を手に入れることができるのです。これを期に、ぜひOpenLaszloの世界に触れてください。
■OpenLaszloのインストール
OpenLaszloの現在の安定版バージョンは3.2ですが、執筆時点でEclipseプラグインの対応するバージョンは3.1.1ですので、これをOpenlaszlo.orgアーカイブサイトまたは、日本語サイトからダウンロードします。
本記事の例ではWindows版(openlaszlo-3.1.1-windows-dev-install.exe)をダウンロードしています。このファイルをダブルクリックすると自動的にインストールが始まります。インストール方法はバージョン3.0以来まったく変わっていませんので、@IT記事「オープンソースのリッチクライアントを使おう」をご覧ください。
インストールが正常に終了すると、OpenLaszloが自動起動してスタートアップページの画面がブラウザに表示されます(図1)。また同時に、デスクトップにショートカットのアイコンが作成され、以降はこのアイコンから起動できます(スタートメニューにも登録されます)。
![]() |
| 図1 OpenLaszloをインストールすると立ち上がる「Laszlo Explorer」ページ (画面をクリックすると拡大します) |
■EclipseにOpenLaszlo用のプラグインをインストール
OpenLaszloの開発にはテキストエディタがあれば十分なのですが、本記事ではEclipse向けのプラグインのIDE4Laszloを使ってみます。プラグインから見たEclipseの環境要求は以下のとおりです。ここではWindows版で記述します。そのほかのOSは、READMEページをご覧ください。
Eclipseの環境要求
・Windows 2000/XP
・400Mbytesの空きディスク容量
・1Gbytesの物理RAM
・1GHz以上のCPU
・Eclipse 3.1 SDK
・Eclipse Web Standard Tools feature(WST)1.0.0以降
それでは準備を始めます、まずはEclipse、次にEclipseのLanguage Packsをダウンロードします。詳細については@IT記事「Eclipse 3.1を使おう」を参照してください。
あるいはWindows用のインストーラで日本語化まで行ってくれる「All-In-One Eclipse」を利用するのもいいでしょう。これにはWSTも含まれています。
もう1つ、IDE4Laszloプラグインを下記からダウンロードします。
すべてをダウンロードしたら解凍します。そして以下の手順でEclipseの準備を行います。
- Language PacksをEclipseに追加(All-In-One Eclipseではこの手順は不要)
- Eclipseを起動
- メニューから「ヘルプ」→「ソフトウェア更新」→「検索とインストール」→「インストールする新規フィーチャーを検索」→「新規ローカルサイト」でIDE4Laszloプラグインを解凍したフォルダを指定。確認用のダイアログで「OK」を選択し「終了」
- 「検索結果」ダイアログの「インストールするフィーチャーの選択」から手順3で指定したフォルダをチェック→「次へ」
- 「使用条件の条項に同意します」を選ぶ→「次へ」
- 「インストール」ダイアログで「終了」。アラートが出ても気にしないで「すべてインストール」を選ぶ
- 再起動
上記手順でEclipseは日本語化され、新規プロジェクト・ウィザードにLaszlo欄が表示されているはずです(図2)。
![]() |
| 図2 Eclipseの新規プロジェクト・ウィザードにLaszloが表示された |
次に「ウィンドウ」メニューの「設定」画面で「Laszlo」を選択します。「LPS Web Root」にインストールしたOpenLaszlo 3.2のWeb Rootを指定します。
例)C:\Program Files\OpenLaszlo Server 3.1.1\Server\lps-3.1.1
以上でEclipseでOpenLaszloアプリケーション開発を行う準備ができました。(次ページへ続く)
| 1/3 |
INDEX |
||
| OpenLaszloアドバンスド・テクニック(1) EclipseプラグインでOpenLaszlo IDEを構築する |
||
| Page1 はじめに OpenLaszloの近況 OpenLaszloのインストール EclipseにOpenLaszlo用のプラグインをインストール |
||
| Page2 プロジェクトの作成とプログラム作成 |
||
| Page3 リファレンスマニュアルの活用 アプリケーション開発手法 |
||
OpenLaszloアドバンスド・テクニック バックナンバー
- 第1回 EclipseプラグインでOpenLaszlo IDEを構築する
- 第2回 Webアプリと連携するためのコーディング基礎
- 第3回 リアルタイム株価チャートの基盤フレームを作る
- 第4回 当日株価を折れ線グラフで表示してみよう
- 第5回 折れ線チャート、棒グラフ、ローソク足の合成表示
- 最終回 リアルタイム株価チャート、ついに完成!
ホワイトペーパー(TechTargetジャパン)
- 現場の無駄な流血を止めるための「プロトタイプ」とは (2010/3/12)
サイトやWebアプリ/RIAの設計やデザインを効率良く進めるには、プロジェクト関係者の想定を一致させていくことが大事だが… - Flashを閃光のごとく高速化するための基礎知識 (2010/3/9)
Flash高速化のための基礎知識や実践的テクニックを紹介する連載。初回は“処理負荷”を調べる具体的な方法を解説します - Windows 7でどんだけ“おばか”なアプリが作れるの? (2010/3/4)
おばかの発想の源やアプリの作り方などについて、おばかアプリ選手権の歴戦の受賞者や、マイクロソフトの代表者に話を伺った。アイデアのご参考に - APIでGoogleスプレッドシートの追加/更新/削除 (2010/2/24)
ワークシートの追加・削除、メタ情報の更新、行単位でのデータの追加・更新・削除する方法を徹底解説します
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 New! |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
お勧め求人情報

**先週の人気講座ランキング**
〜Java編〜
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |

| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |

| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |
| ◆ | 直属上司が海外にいるのエンジニアに見る 【実例】場所に捉われないワークスタイル |

| ◆ | 「仮想化工房」のマイスターが選んだのは VMware、Hyper-V、そしてVirtageだった! |
| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |








