モバイル開発環境「Caede Preview版」 セミナー

SCSK株式会社Curlセミナー事務局によるCaede(カエデ)プレビュー版セミナー。既存Curlアプリからモバイル向けHTML5/CSS3/JavaScriptを生成しビルドまで行えるというもの。Eclipse併用する開発環境でありながら、プレビュー版で何処まで出来るのかを知りたくて受講しました。
1
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Android SDK ⇒ http://t.co/TpA1E4Mo 入手しインストールするだけ。直接コマンドラインでの操作は発生しない。 #curl #caede

2011-11-30 14:28:19
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

実演:Eclipse (HERIOS) + Android SDK + ADK Plugin for Eclipse + Caede が入ってる前提。  #caede #curl

2011-11-30 14:31:32
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Caede によるモバイル開発は、Eclipse から Android 2.3.3 を作成し、Caede ライブラリやフレームワークをコピー・登録する。通常の Curl プロジェクトを作成し、Caede フレームワークを登録する。  #curl #caede

2011-11-30 14:33:25
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

スマホをターゲットにするのであれば、 Android 2.3.3 や タブレット なら Android 3.0 などを指定して作る。(サムソンがリリース予定 Android 4.0 にも開発対応している)  #caede #curl

2011-11-30 14:35:34
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Eclipse で Android プロジェクトを作成すると、スケルトンで幾つかファイルが生成されるが基本的にそこは弄らない。 caede getting start というマニュアルを読み、Caede 包含ファイルを Eclipse へ上書き。  #curl #caede

2011-11-30 14:37:28
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Caede - Add Build Path を Eclipse 上で指定する。即ち、プロジェクト作成→アプリ開発→ Caede包含ファイルを上書きコピー。これだけです。 // んー、もう少し自動化出来るといいね。 Eclipse 機能追加とか。  #caede #curl

2011-11-30 14:39:50
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

\caede-0.5.0-preview\lib\common\curl\framework\manifest.mcurl のマニフェストを参照することでビルドへ向けられると。  #curl #caede

2011-11-30 14:43:01
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

ここまで来ると、もう Android プロジェクトは意識しなくてもいい。この後はすべて Curl プロジェクト操作で、Caede Framework でコードビハインド開発を行う。 // これなら、普段の RIA 開発とまったく同じですな。  #caede #curl

2011-11-30 14:44:18
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

今の説明内容はよくあるお話。Aボタンを押下されたらAロジックへ遷移、Bボタンが押下されたらBロジックへ遷移。 // ここではあくまでもコードビハインドの説明のみ、これで非同期アプリを作ったら悲惨な事になるかと。いや、みんなわかってるわな。  #curl #caede

2011-11-30 14:46:25
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Hello Caede ボタン表示させるだけの単純な Curl アプリを、\caede-0.5.0-preview\bin\graphical-deploy-tool.dcurl をダブルクリックするとトランスレータが起動すると。  #caede #curl

2011-11-30 14:48:43
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

お!なるほどな。 Eclipse 内部で複数プラットフォームに対応した Caede 変換されたソースが生成格納されるのか。おおもとで開発すれば、任意のタイミングで変換できると。あとはビルド管理さえ(先祖がえり)を気をつければいいってことか。  #curl #caede

2011-11-30 14:52:27
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

ふと。 OpenCurl project については今日ここで質問したら微妙かしら?  #caede #curl

2011-11-30 14:57:13
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Caede によるモバイルアプリ開発(標準 GUI) は、通常のコンテナをそのまま適用するだけで Curl RIA アプリと同じように実装可能。  #curl #caede

2011-11-30 14:58:25
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

メモ: ADK という説明は typo だと思う。 正しくは ADT かと。 → http://t.co/fsY7jXRr   #caede #curl

2011-11-30 15:00:22
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Caede によるモバイル開発で通常のデスクトップでは使用されないモバイル専用のGUIも用意されているものの、 Android GUI のように再現することは出来なくはないが、必ず実機で動作確認したほうが良いとのこと。  #curl #caede

2011-11-30 15:05:49
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

デスクトップ専用ブラウザでも見えない表示があったとしても、モバイル専用GUI で可視化することが出来る。プレビュー版故か、機能制限がかかっているとな。  #caede #curl

2011-11-30 15:07:54
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

イベントハンドラとして縦方向、横方向の画面遷移を行うメソッドとして change-page が定義可能。基本的には Curl 基本構文と同じ。 // これまで培った Curl スキルを継承したままモバイル開発に対応できるとはすばらしい。  #curl #caede

2011-11-30 15:11:03
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Caede によるモバイルアプリ開発で、デバイスとの連動で Native call (内蔵カメラ)可能。通常のデスクトップでは使用されないモバイル専用API もあるので、今後のローカルストレージ・アタッチ API とも合わせれば、楽しみ拡がるね。  #caede #curl

2011-11-30 15:19:07
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Caede には普通のモバイルには設定されていないボタンも定義できるが、スマホ用のボタンへ変換することも出来る。Chrome で見ても判別つかないものもあるので、実機で動作確認することがおススメとな。  #curl #caede

2011-11-30 15:29:26
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

その他技術情報は、 Caede ホムペがあるので、ご覧くださいとな。 Getting Started, Caede API Manual, Caede Developer Center など。  #caede #curl

2011-11-30 15:32:50
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Caede :プレビュー版で、クラスは多重継承・Implicit・GUI継承は未対応。内部データ型一部非対応。GUI 若干不十分、(画面 Elastic 圧縮伸長技術も未対応)、開発ツールも不十分。 ユーザニーズを探るためにもプレビュー版。  #curl #caede

2011-11-30 15:36:37
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

iOS 開発のため XCode は Mac で作るのがほとんど。しかしエンタープライズ系は Windows でしょう。その為に Caede はそこへ向けての提供予定を視野に入れるが、ユーザの使われ方が大いに気になるとのこと。  #caede #curl

2011-11-30 15:38:04
斉藤之雄 / 社会福祉士 😺🗯 @yukio_saitoh

Caede プレビュー版のセミナ終わりました。このあと、質疑応答かな。  #curl #caede

2011-11-30 15:40:06