ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

これまで何度か紹介させていただいたことのある、ブラウザ上からGUIでAndroidアプリの開発が行えるツール「App Inventor」ですが、オープンソースとして公開されることになったようです。

→　engadget日本語版　GoogleとMIT、簡単Androidアプリ開発ツール App Inventor をオープンソース化。新サービスは4月開始予定 [japanese.engadget.com]

→　IT Pro　GoogleのAndroidアプリ開発ツール「App Inventor」、ソースコード公開 [itpro.nikkeibp.co.jp]

Google Labsで開発が行われていたApp Inventorですが、2011年末にGoogleでの運用を停止し、MITに開発の手動が移されていたようです。

今後はApache 2.0ライセンスでソースコードも公開され、開発が続けられていくとのことです。

App Inventorは、プログラミングを知らなくても、ブロックなどを配置して、Androidアプリを作れてしまうという面白いツールだったので、消滅してしまわないでよかったです。

今後はオープンソースプロジェクトとして、開発が活性化されていくといいですね。
期待したいところです。

関連：

• @ITに掲載されているGoogleのApp Inoventorに関する連載「App Inventorでアプリ開発はどこまでできるのか」
• マイコミジャーナルにGoogleの「App Inventor」によるAndroidアプリ開発の記事がありました
• ブラウザ上からマウス操作でAndroidアプリが作れる「Google App Inventor」がベータ公開されたようです

スマートフォン環境向けのJavaScriptフレームワークといえばjQuery Mobileがメジャーですが、今回新しくiOSやAndroidに最適化されたJavaScriptフレームワーク「jQ.Mobi」が公開されたようです。

jQuery Mobileは、Black BerryやWindows Phoneなどの各種OSもサポートされていますが、jQ.MobiはターゲットをiOSとAndroidのみに絞ることで、ソースサイズをjQuery Mobileの1/9に削減、速度をAndroid環境で3倍に、iOS環境に2倍にアップさせているとのことです。

公式サイトはこちらです。

→　jQ.Mobi [jqmobi.com]

日本語解説はこちらの記事がわかりやすいです。

→　Publickey　iOSとAndroidに最適化したJavaScriptフレームワーク「jQ.Mobi」登場。jQuery Mobileより小さくて高速 [publickey1.jp]

こちらのサイトでは、はやくも日本語サンプルが作られ公開されています。

→　かちびと.net　スマフォのHTML5環境向けに作られたjQueryライクな軽量フレームワーク・jQ.Mobiの日本語サンプル作った [kachibito.net]

jQueryを書き直して作られているため、どうやらメソッドやセレクタなどは今までと互換を保った形で使えるようです。

まだベータ版ということですが、今後の更なる進化に期待ですね。

関連：

• jQuery MobileのデザインをGUIで調整できる「ThemeRoller」が便利ですごい
• jQuery Mobileを基礎から解説した良記事「スマートフォン向けフレームワーク注目の『jQuery Mobile』でスマホサイトを作ってみよう【基本編】」
• とうとう正式版であるjQuery Mobile 1.0が公開されたようです

jQuery MobileのデザインをGUIで調整できる「ThemeRoller」が便利ですごかったのでご紹介させていただきます。

ThemeRollerのページは、jQuery Moible本家のサイトにあります。

→　jQuery Mobile　ThemeRoller [jquerymobile.com]

私はこちらのサイトの紹介記事で知りました。

わかりやすく、よくまとまっています。

→　小粋空間　jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説 [koikikukan.com]

基本的な使い方は上のサイトで十分解説されていますので、このサービスは何かというところと使い方を、簡単に箇条書きすると、

• 色やフォントなどのデザインをGUIで見ながら調整できる
• 複数のデザインを比較しながら作業できる（左メニュー上部のタブで切り替えて値が見れる）
• 上のカラーピッカーをドラッグ&ドロップして色を変更、微調整は左メニューから
• 作ったデザインは左メニュー最上部のDownloadから保存できる

という感じです。

カラーピッカーは、よく使う機能だけあって使いやすく作られています。

保存はZip形式でのダウンロードで行われます。

またCSSは「*.min.css」という形で、圧縮してサイズを小さくしてくれているという親切さ。

このサイトでばばっと下地を作って、手元で微調整という形で作業を行えば、スピードアップに繋がるのではないでしょうか。

ぜひ一度試してみてはいかがでしょうか。

関連：

• jQuery Mobileを基礎から解説した良記事「スマートフォン向けフレームワーク注目の『jQuery Mobile』でスマホサイトを作ってみよう【基本編】」
• とうとう正式版であるjQuery Mobile 1.0が公開されたようです
• もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ

先日正式版である1.0が公開されて、ますます勢いのあるスマートフォン向けJavaScriptフレームワークである「jQuery Mobile」ですが、良い入門記事を見かけましたのでご紹介させていただきます。

→　HTML5でサイトをつくろう　スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 [html5-memo.com]

jQuery Mobileってなに？という点や、メリットとデメリットなど基礎知識の部分からはじまり、実際にjQuery Mobileを利用してサイトを制作しそれをカスタマイズしていくところまで、サンプルのHTMLを豊富に掲載して、わかりやすく解説されています。

JavaScriptは1行も書かない、と宣言しているので、プログラムが苦手という方でも安心です。

画像やサンプルコードが多いうえに、テンポも良く読みやすく、大変よくまとまっている良記事だと思います。

スマートフォンサイト制作に興味のある方はぜひチェックしてみてはいかがでしょうか。

関連：

• もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ
• とうとう正式版であるjQuery Mobile 1.0が公開されたようです
• ASCII.jpで連載されている「jQuery Mobileデザイン入門」の第3回が公開されたようです

イベントのお知らせです。

2011年12月17日に札幌のガレージラボで、「iPhone/Androidアプリを作ろう！ 増井雄一郎氏によるTitanium Mobileハンズオン」が行われます。

日時 : 2011/12/17 13:00 ～ 17:00
定員 : 20 人
会場 : Garage labs （札幌市中央区北3条西14丁目2-2）
料金 : 3,000円
形式 : ハンズオン形式(実際にコードを書きながら、基本部分の勉強をしていきます)
対象 : iPhone・Androidアプリ開発に興味のある方

Titanium Mobileは、JavaScriptでiPhone/Android両対応アプリが開発できるという、最近かなり注目されている技術で、これまでke-tai.orgで何度も取り上げさせていただいたことがあります。

今回の講師である増井氏は、そのTitanium Mobileの開発元であるAppcelerator社のエバンジェリストで、名実共にTitanium Mobileの国内第一人者と言えるでしょう。

その他の詳細はこちらのページからご確認ください。
イベントへの申し込みもこちらから行えます。

→　Facebookイベント　iPhone/Androidアプリを作ろう！ 増井雄一郎氏によるTitanium Mobileハンズオン [facebook.com]

→　ATND　iPhone/Androidアプリを作ろう！ 増井雄一郎氏によるTitanium Mobileハンズオン [atnd.org]

当日は私も参加して、ハンズオンのお手伝いなどをする予定です。

iPhone/Androidアプリ開発に興味のある方は、この機会にぜひ参加してみてはいかがでしょうか。

関連：

• 札幌に北海道初のコワーキングスペース「Garage labs(ガレージラボ)」がオープンします
• 「グロバール×スマホゲームの勝ち方！」セミナーのスライド資料が公開されています
• 2011年8月20日に「札幌MySQL勉強会」を行います