jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして本命に急浮上!

2011年4月12日

アドビシステムズが昨日発表したDreamweaver CS5.5が、JavaScriptフレームワークの「jQuery Mobile」に対応しました。jQuery Mobileは、HTML5のコーディングのみでWebアプリケーションが開発できる強力なフレームワークで、HTMLの優れたオーサリングツールであるDreamweaverはjQuery Mobileと非常に相性がよいといえます。

これまでモバイルアプリケーションの統合開発ツールとして有力なものはありませんでしたが、jQuery Mobileの対応でDreamweaverがモバイルアプリケーションの統合開発環境として急浮上してきました。

Adobe TVで公開されているビデオ「Mobile Web App Development with jQuery Mobile」で、Dreamweaver CS 5.5のjQuery Mobile対応機能が解説されています。久しぶりに開発ツールのビデオを見ながら「これはすごい」とつぶやいてしましました。

ビデオの内容をポイントを追いつつ紹介します。

ライブビューで開発中に動作確認、UI部品もメニューから選択

DreamweaverのシニアプロダクトマネージャScott Fegette氏。

Dreamweaverに新たに追加されたjQuery Mobile対応機能を紹介しよう。jQuery Mobileはマークアップだけでモバイルアプリケーションが開発できる、jQueryをベースにしたJavaScriptライブラリだ。

fig

「New Document」のページでjQuery Mobileを基にしたドキュメントの開始が選べる(画面ではjQueryのCDN、Local、PhoneGapの3種類が選べる)。

fig

jQuery Mobileでは1つのHTML5コード中に複数のページが分かれて記述される。そのテンプレート画面。コードの右側にはjQuery Mobileのシンタックスに対応した、ページ構造を示すデザインビューが表示されている。

fig

コードを直接変更するだけでなく、右側のデザインビューでの変更もコードに反映される。

fig

ライブビューに切り替えれば、アプリケーションとして実行され外観や動作をチェックできる(DreamweaverのライビューはWebKitベースなので、おそらくモバイルデバイスのレンダリングにかなり忠実だと思われる)。

fig

メニューをクリックすれば画面遷移も。

fig

右上のパネルからjQuery Mobileのユーザーインターフェイスウィジェット一覧を表示し、選択することで任意の位置にユーザーインターフェイスを追加。ここではスライダーを選択した。自動的にコードがその位置に挿入される。

fig

ライビューに切り替えれば、スライダーが追加されていることが分かる。

fig

HTML5やCSS3などにも対応しているDreamweaverの機能を活用していけば、複雑なモバイルアプリケーションも手軽に構築可能だ。

fig

PhoneGapでネイティブアプリケーションにも対応

Dreamweaver CS5.5では、jQuery Mobileだけでなく、Webアプリケーションをラップしてネイティブアプリケーション化する「PhoneGap」にも対応しています。つまり、Dreamweaverで作成したWebベースのアプリケーションをそのまま単独のiPhoneアプリやAndroidアプリなどとして出力できるのです(ネイティブコードにコンパイルするのではなく、あくまでラップするため動作速度などはそのまま)。

アドビはこれまでFlashをモバイルアプリケーションを含むクロスデバイスのプラットフォームとしてプッシュしてきましたが、iOSがFlashをサポートしないために戦略の見直しを迫られていました。Dreamweaver CS5.5は、Flashに代わりHTML5/CSS3/JavaScriptを中心とするWeb標準がアドビのクロスデバイスなアプリケーションのプラットフォームとなる、という戦略の転換を示す節目の製品となるでしょう。

関連記事

あわせて読みたい

HTML/CSS JavaScript Web技術 Adobe モバイル




タグクラウド

クラウド
AWS / Azure / Google Cloud
クラウドネイティブ / サーバレス
クラウドのシェア / クラウドの障害

コンテナ型仮想化

プログラミング言語
JavaScript / Java / .NET
WebAssembly / Web標準
開発ツール / テスト・品質

アジャイル開発 / スクラム / DevOps

データベース / 機械学習・AI
RDB / NoSQL

ネットワーク / セキュリティ
HTTP / QUIC

OS / Windows / Linux / 仮想化
サーバ / ストレージ / ハードウェア

ITエンジニアの給与・年収 / 働き方

殿堂入り / おもしろ / 編集後記

全てのタグを見る

Blogger in Chief

photo of jniino

Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。
詳しいプロフィール

Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed

最新記事10本