SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

OpenLaszlo(オープンラズロ)をはじめよう

OpenLaszloのプログラミングと標準コントロール

第2回

  • X ポスト
  • このエントリーをはてなブックマークに追加

 本連載では、FlashやDHTMLによるリッチクライアントアプリケーションを作成できるOpenLaszloについて説明していきます。今回は、JavaScriptによるプログラミングの方法やOpenLaszloの標準コントロールについて解説します。

  • X ポスト
  • このエントリーをはてなブックマークに追加

はじめに

 本連載では、FlashやDHTMLによるリッチクライアントアプリケーションを作成できるOpenLaszloについて説明していきます。前回は、OpenLaszloをインストールして「Hello World」を表示するところまで説明しました。今回は、JavaScriptによるプログラミングの方法やOpenLaszloの標準コントロールについて説明していきます。

前回の記事

対象読者

  • HTML、JavaScriptを使用した開発を行ったことがある方
  • Flashを使用した開発を行ったことがある方
  • OpenLaszloについて興味がある方

LZX言語とJavaScript

 OpenLaszloでプログラミングする際は、ユーザーインターフェースの部分はLZX言語で記述します。イベントハンドラなどロジックの部分はJavaScriptで記述します。

LZX言語

 LZX言語は、XMLを拡張したもので画面をタグで記述する際に使用します。継承やオーバーロードといったオブジェクト指向的なことができます。既存のタグの機能を拡張して新しいタグを作成することも可能です。

 LZX言語で画面を作成する際は、canvasタグを含める必要があります。画面はcanvasタグの入れ子にして記述していきます。

<?xml version="1.0" encoding="UTF-8"?>
<canvas>
  <text>Hello World</text>
</canvas>
textタグを継承して作成したMyTextタグが1つある画面のソース
<?xml version="1.0" encoding="UTF-8"?>
<canvas>

  <!-- textタグを継承したMyTextタグ -->
  <class name   ="MyText"
         extends="text">

    <method name="init">
    <![CDATA[
      super.init();
      //ここに初期化の処理を記述します。
    ]]>
    </method>

  </class>

  <MyText>hello world</MyText>

</canvas>

 MyTextタグのソースを別ファイルに記述し、インクルードして使用できます。なお、ソースを外部ファイルに記述する場合は、全体をlibraryタグで括る必要があります。

ソースを外部ファイルに記述してインクルードして使用する
<?xml version="1.0" encoding="UTF-8"?>
<canvas>

  <!-- MyText.lzxをインクルード -->
  <include href="./MyText.lzx"/>

  <MyText>hello world</MyText>

</canvas>
MyText.lzxのソース
<?xml version="1.0" encoding="UTF-8"?>
<library>

  <!-- textタグを継承したMyTextタグ -->
  <class name   ="MyText"
         extends="text">

    <method name="init">
    <![CDATA[
      super.init();
      //ここに初期化の処理を記述します。
    ]]>
    </method>

  </class>

</library>

会員登録無料すると、続きをお読みいただけます

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

次のページ
LZX言語とJavaScript 2

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
OpenLaszlo(オープンラズロ)をはじめよう連載記事一覧

もっと読む

この記事の著者

株式会社ドゥアイネット 前田慎治(マエダシンジ)

株式会社ドゥアイネットに勤務するプログラマーです。制御系から事務系まで様々な開発を経験し、現在はCurlやOpenLaszloを使ってRIAの開発を担当しています。OpenLaszloで開発した「スマートスケジューラー」http://www.dinss.jp/

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/3689 2009/04/02 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング