目次



ツイッター関連サービスリリース

ツイッターのタイムラインから取得したアイコンで生成されたリールが回転するスロットマシンです。

http://xtter.openlaszlo-ason.com/XTTER/slttr/

ページ入れ替え可能なめくれる本FLASHリリース


▲デモです。クリック!

無料体験版ダウンロード、ライセンス価格など詳細はこちらまで

OpenLaszloで作っためくれる本のFlashアプリです。いずれiPhone/iPadでも動くようにDHTMLコンパイル版も試作中です。

OpenLaszlo利用サイトのご紹介リンク集

リンク掲載方法について

ニュース

DHTMLコンパイル実例(2010/4/22)

アクタプランニングネットワークからOpenLaszloのDHTMLコンパイルで作ったiPhone向けにゃうウォッチをリリースしました。

詳細ブログ

ツイッター関連のお知らせ(2010/4/22)

ツイッターAPIとPHPの勉強かねて作ったツイッターの診断サービスで みかけったー というのがあります。最近のツイートからあなたのみかけの年齢と性別を診断します。

http://xtter.openlaszlo-ason.com/XTTER/mkktr.php

4月中旬にいきなり広まり、一時は一日30000アクセスを超えるほどでしたが、今は落ち着きました。
良かったら息抜きにどうぞ♪ あ!でもこれはOpenLaszlo無関係です。
あえていうとドメインが同じということで(^^;)

OSC2010 Kansai@Kobeに2010/3/13 参加報告

2010年3月13日()10:00-17:00
http://www.ospn.jp/osc2010-kobe/

ason(個人)wです。セミナーは満員+立ち見。ブースは途切れ無しのお客さん。いやー、いっそがしかったです。京都から神戸へ通ったかいがありました。 来てくださった皆さんありがとうございました!


(Photo by @dice_K247)


(Photo by @sama_n_tha)



OpenLaszloで作ったツイッター関連サービスリリース!

サポートアカウント開設(2010/2/6)

http://twitter.com/nowwatch

[にゃうウォッチ]サポートアカウント[@nowwatch]開設しました。
脱力系の時報bot付きです。ぜひフォローしてください。
[にゃうウォッチ]へのご質問も受けつけています。

リリース(2010/2/1)

http://mrs.e-ware.biz/nowwatch/

株式会社アクタプランニングネットワークよりリリースされました。
好きな語句でツイッターを検索し、その結果を自動表示するアプリです。
開発させていただいたのは私ですがOpenLaszlo4.6.1/swf10でコンパイルしています。
(中で使ってるテクニックは本サイトで公開しているものばかりです。)

ぜひ使ってみてください♪

使い方を書いてくださったブログ(yukotanさんありがとうございます!)
↓↓↓↓↓↓↓
http://yukotan.blogspot.com/2010/02/twitter.html


OpenLaszloって何?

OpenLaszlo は【 お ー ぷ ん ら ず ろ 】と読みます。

XMLを書いてFlashアプリやDHTMLアプリを作る無料ソフトです。

この内容を表示するためには Adobe Flash Plugin が必要です。

↑のソースはここ

もう少し正確に言うと、OpenLaszloはブラウザで動くRIAアプリ(リッチインターネットアプリケーション)を作るオープンソースソフトウェア(OSS)です。RIAアプリを動かすプラットフォームとして 、FlashやDHTMLが採用されています。

OpenLaszloで作ったプログラムは、実行環境としてFlashやDHTMLのどちらかを選択できます。FlashPlayerプラグインの入ったブラウザ、あるいは単にDHTML(Ajax)が動くブラウザがあれば良く、どちらにしても他に特別なプラグインを必要としないので、たいていのブラウザやデバイスで動作します。

この内容を表示するためには Adobe Flash Plugin が必要です。

↑のソースはここ

← 本家OpenLaszloサイトのデ モ

プチ事例 by ason

棚板シミュレーション。棚間寸法の数値計算が大変。

三進金属工業のプッシュバックラック。

画像差し替え自由なスライドショー。

カテゴリ変更機能付RSSティッカー。

バーコード生成。印刷も出来ます。

めくれる本。

めくれる本スライドショー。

皆既日食。TV中継見てたら地平線近くの様子が実際と違いましたが。

三進金属工業の粉体塗装。

必要スキル

HTMLをやったことがある
(その流れでXMLもだいたい雰囲気的にわかる)
Javascriptもかじったことがある
(理屈わからずともサンプルのコピペで動かしてみたことがある、という人でもOK)

HTMLタグでWeb画面を構築し、例えばボタンをクリックした時の動作は何らかのスクリプトを書く必要がある、ということが理解できているなら最低条件クリアです。
実際それは私なのですが(^^;)。

ライセンス

CPL(Common Public License)というオープンソースライセンスです。
無料でダウンロードして利用できます。

CPLってどんなライセンスかというと・・・確かGPLより制限がゆるかったような・・・
忘れました(- -)。興味があったら調べてみてください。

成り立ち

OpenLaszloはもともと米国Laszlo Systems社が開発した製品で、広く普及させるために2004年10月にオープンソース化され、コミュニティで開発が続行されるようになりました。

言語体系

LZX言語 = XML + Javascript

OpenLaszloではXMLとJavascriptの組み合わせからなる、オブジェクト指向のLZX言語と呼ばれる独自のプログラミング言語で開発します。

本格的なプログラマでなくても、 HTMLやJavascriptでWebサイト/Webアプリを作った経験のある方にはとてもとっつきやすいものになっています。

動作環境

開発環境

OS(Windows/Linux/Mac) + JDK + Tomcat + OpenLaszlo

開発ツールとしてのOpenLaszloそのものはJavaサーブレットなので、Tomcatなどのサーブレットエンジン上で動きます。Tomcatを動作させるためにJDKも必要となるので、OpenLaszloの開発環境に必要なのはJDKとTomcatとなります。OSはWindowsでもLinuxでもMacでも何でもOK。

BOMなしUTF-8対応テキストエディタ

プログラムを書くのは、UTF-8で保存できるテキストエディタがあればOK。細かく言うと文字コ ードはBOMなしUTF-8です。
LZXタグ補完などコーディング支援機能のあるフリーのエディタも色々あります。ちなみに私はoeditという素(す)のエディタを使ってます。
作成するソースファイルは拡張子がlzxのテキストファイルです。

コンパイルはブラウザからlzxファイルにアクセスするだけです。内部で自動的にコンパイルされ、ブラウザ上に表示されます。HTMLを書いてはブラウザで確認する、というのと同じ作業です。

実行モード

SOLOモード or プロキシモード

開発ではなく、アプリを利用する時の話です。

プロキシ
モード
OpenLaszloサーバで実行(サーブレット、JSPを動かすときと似ています)。
OpenLaszloが持つ全機能を利用できます。
SOLO
モード
単なるFlashファイルあるいはJavascriptファイルとして実行。
swfファイル、jsファイルなので、OpenLaszloサーバは不要。
プロキシモードに比べ、利用できる機能に一部制限があります。

Flashコンパイル or DHTMLコンパイル

アプリの形式として、FlashかDHTMLかを選べます。

Flash
コンパイル
Flashプレイヤープラグインの入ったブラウザ があれば実行できます。
DHTML
コンパイル
Flashプレイヤープラグインは不要、つまりFlashに非対応のデバイスでも実行することができます。

ややこしいですが、Flash/DHTMLそれぞれにSOLOモード/プロキシモードがあります。

実行サーバにJDKとTOMCATがない場合、OpenLaszloは動作できないのでSOLOモードを選ぶしかありません。SOLOモードの場合、実行するにはApacheなどのWebサーバがあればOKです。

OpenLaszloの担当分野とバックエンド言語

担当分野

OpenLaszloの担当はWebアプリのユーザインターフェース部分になります。ようはWebの画面で、普通にWebサイトを作るときのHTMLが担当している部分です。

バックエンド言語

DBとデータやりとりしたり、他のWebサービスと連携したりするには、バックエンドのプログラムが必要になります。

HTTPのGET/POSTが「name=value」の形式で受け取れること
戻りデータはXML形式で返すこと

これは、いわゆるRESTですかね?

これさえ満たしていれば、バックエンドの言語は選びません。C、Perl、PHP、Java、Ruby、ASPその 他なんでもOKです。

他からデータをもらうだけなら、例えばRSSのようにXML形式であればOK。

バックエンド言語側はとにかくXML形式でデータを返すようにするだけでよく、HTMLのコーディングとかビューに関する部分を全く意識しないでいいので、開発効率がすごくあがると思います。ビューを構築するために、HTMLタグをガリガリPHPのコードに埋め込む作業はいりません。

LZXはオブジェクト指向言語

LZXはそれなりに本格的なオブジェクト指向言語です。クラス、継承、オーバーライドなどの概念があります。

わかりやすくいうと、あるタグの機能を継承した独自のタグを作ることができます。つまり、標準コンポーネントとは違った独自のコンポーネントを作れます。

繰り返し似たような画面を作成するような場合、クラスでひとまとめにしていくとコーディングが楽になり便利です。

コーディングの紹介と実行サンプル

Hello World

言語習得の第一歩。OpenLaszloでの Hello World です。

<canvas>
  <text>Hello World</text>
</canvas>

実行例は下の通り。右クリックするとFlashアプリであることが確認できます。(OpenLaszloであることも)

この内容を表示するためには Adobe Flash Plugin が必要です。