Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

OpenLaszloでDHTML(Ajax)コンテンツの作成

  • LINEで送る
  • このエントリーをはてなブックマークに追加

 OpenLaszloはFlashやDHTMLアプリケーションを作成できるオープンソースです。1つのソースコードからFlash・DHTMLそれぞれで動作するアプリケーションを作成できます。今回はFlash未対応のiPhoneでDHTMLアプリケーションを動作させてみましょう。

目次

はじめに

 本連載では、FlashやDHTMLによるリッチクライアントアプリケーションを作成できるOpenLaszloについて説明していきます。今回は、OpenLaszloによるDHTML(Ajax)コンテンツについて簡単なサンプルプログラムを通して説明していきます。

これまでの記事

対象読者

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

DHTMLでコンパイル

 OpenLaszloは、1つのソースコードからFlashコンテンツとDHTML(Ajax)コンテンツを出力できるマルチランタイムプラットフォームです。DHTMLの場合は、FlashPlayerプラグインを必要とせずAjaxに対応したブラウザであれば表示できます。swfでコンパイルしたものとDHTMLでコンパイルしたものは、見た目はほぼ同じ画面が生成されます。

コンパイルオプションの切り替え

 OpenLaszloの実行画面は、アプリケーションの実行結果とコンパイル方法を制御する管理者コンソールで構成されています。管理者コンソールは普段は画面下に隠れているので、スクロールして表示してください。

 管理者コンソールのDHTMLにチェックをつけて[Compile]ボタンを押すとDHTMLでコンパイルできます。

実行画面
実行画面
コンパイルオプションをDHTMLに切り替え
コンパイルオプションをDHTMLに切り替え
サンプルソース
<?xml version="1.0" encoding="UTF-8"?>
<canvas>

  <text x       ="10"
        font    ="MS UI Gothic"
        fontsize="15">Hello World</text>

  <edittext x    ="10"
            y    ="40"
            width="200">Hello World</edittext>

  <button x       ="10"
          y       ="80"
          font    ="MS UI Gothic"
          fontsize="15">Hello World</button>

  <combobox x    ="10"
            y    ="140"
            width="130">
    <textlistitem text="テスト1" value="1"/>
    <textlistitem text="テスト2" value="2"/>
    <textlistitem text="テスト3" value="3"/>
  </combobox>

  <window x        ="10"
          y        ="190"
          width    ="200"
          height   ="150"
          title    ="TEST"
          resizable="true"
          closeable="true">
    <text>Hello World</text>
  </window>

</canvas>
サンプルソースを実行した結果(DHTMLでコンパイル)
サンプルソースを実行した結果(DHTMLでコンパイル)
サンプルソースを実行した結果(swf9でコンパイル)
サンプルソースを実行した結果(swf9でコンパイル)

  • LINEで送る
  • このエントリーをはてなブックマークに追加

著者プロフィール

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

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

バックナンバー

連載:OpenLaszlo(オープンラズロ)をはじめよう
All contents copyright © 2005-2017 Shoeisha Co., Ltd. All rights reserved. ver.1.5