SHOEISHA iD

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

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

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

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

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

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

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

はじめに

 本連載では、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でコンパイル)

次のページ
iPhoneで表示する

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

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

もっと読む

この記事の著者

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

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

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

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

この記事をシェア

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

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング