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

DeNAがHTML5開発支援フレームワーク「Artic.js」をオープンソースとして公開したとのことです。

→　DeNA プレスリリース　DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 [dena.jp]

→　GitHub　Artic.js [github.com]

Arctic.jsは、スマートフォン向けブラウザゲーム用のアニメーション表現を支援するJavaScriptフレームワークとのことです。

ライセンスはMIT License、iOSとAndroidに対応しており、一つの開発で両方のプラットフォームに対応できるとのことです。

ドキュメントには日本語が使われているので、わかりやすくて助かりますね。

海賊トレジャーやガンダムロワイヤルなどの超大型ソーシャルゲームでの実績もあるようなので、即実戦で使えそうです。

興味のある方は試してみてはいかがでしょうか。

関連：

• Webエンジニア視点から見て興味深いと感じたCEDEC2011セッションのまとめ8選
• CEDEC2011で講演された「GREEソーシャルゲーム5年間の技術的失敗と成功の歴史　～GREE Technology Stackのご紹介～」
• 2011年8月20日に「札幌MySQL勉強会」を行います

先日正式版である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回が公開されたようです

サイバーエージェントの公式ブログにHTML5に関する良いエントリーがありましたのでご紹介します。

→　サイバーエージェント公式クリエイターズブログ 1 pixel　HTML5 Web Applicationのつくりかた [ameblo.jp]

スマホ版のアメーバピグを作成した際に得たノウハウをまとめたもののようです。

容量を削減するための手段や、HTML／CSS／JavaScriptの棲み分け、開発の上で重要になってくるポリシーなど、多くのテクニックが満載されています。

最近HTML5の書籍などは結構出てきているのですが、こういった実際のサービスに使ったノウハウがまとめられているのは珍しく、とてもためになると思います。

スマホ時代には必須のテクニックになってくると思いますので、興味のある方はチェックしてみてはいかがでしょうか。

関連：

• 話題のPhoneGapを使ったアプリ開発手順がまとめられている記事「HTML5でiPhoneアプリ開発！PhoneGap入門」
• Google I/O 2011で行われたセッション「HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？」
• AdobeがFlashをHTML5に変換するツール「Wallaby」を公開したようです

ニュースです。
アドビがFlashをHTML5に変換するツール「Wallaby」を公開したようです。

→　ITmedia News　Adobe、FlashをHTML5に変換するツール「Wallaby」公開 [itmedia.co.jp]

→　Publickey　アドビ、FlashをHTML5に変換するツール「Wallaby」、ターゲットはiOS、ActionScriptは未サポート。アドビのこの先に見えるものとは？ [publickey1.jp]

本家のページはこちらです。

→　Adobe Labs – Wallaby | Adobe Flash FLA to HTML [labs.adobe.com]

以前にも似たような機能を持つツールはありました、例えばこのブログでも紹介させてもらったことのある「Smokescreen」です。

→　ke-tai.org　FlashをHTML5・JavaScriptに変換して動かすSmokescreenというものがあるそうです [ke-tai.org]

しかしながら今回の「Wallaby」は、なんといってもAdobeが作ったツールというところが大きいでしょう。

しかもメインターゲットとしてiOS、つまりiPhoneやiPadをにらんでいるようです。

ActionScriptの変換には未対応とのことなので、今のところゲームなどの変換には向いていませんが、まだテスト的なリリースですしバージョンアップ次第ではどうなるかわかりません。

もちろん完全に変換を行うのは難しいとは思いますが、今後の更なる開発に期待したいところですね。

関連：

• IBM developerWorksにHTML5モバイルアプリ用フレームワーク「Sencha Touch」の記事がありました
• KAYAC engineers’ blogにFlash Liteの動的生成に関する記事が掲載されています
• @ITのケータイ向けFlash Lite開発に関する記事「Flash Liteで嘆かないための3つのコーディングTips」