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

ニュースです。

グリーが全世界でスマートフォンプラットフォームを提供するOpenFeint社を買収したとのことです。

→　GREE　プレスリリース　グリー、全世界で7,500万ユーザーが利用するOpenFeint社を完全子会社化 [gree.co.jp]

→　TechCrunch　グリーのOpenFeint買収でグローバルなスマートフォンゲーム競争は次のステージへ [jp.techcrunch.com]

OpenFeint社は、ユーザー数が7,500万人、対応ゲーム数も5,000（2010年10月時点）とのことです。

なお、面白いことに今回GREEが子会社化したOpenFeint社にはDeNAが出資がしています。

今後、世界＆スマートフォンに主戦場を移し、両者がどのように戦っていくのか興味深いところです。

関連：

• インプレスがスマートフォン情報サイト「スマートフォン Watch」を期間限定でオープンしたようです
• グリーがスマートフォン向けのプラットフォーム「GREE Platform for smartphone」の仕様を公開したとのことです
• Flash LiteのSWFバイナリを直接いじる方法を紹介した記事「GREE Engineer’s Blog SWFバイナリ編集のススメ」

JavaScriptでiPhone・Androidのアプリが作れてしまうことで最近大人気の「Titanium Mobile」ですが、titanium-mobile-doc-jaプロジェクトのページで無料の書籍風PDFが公開されています。

結構以前からあるものなので、ご存じの方も多いとは思いますが、最近Titanium Mobileを始めた方も多いと思いますので、ご紹介させたいただきます。

PDFを公開しているのはこちらのページです。
国内でTitanium Mobileを使う方でしたら、見たことのあるページだと思います。

→　titanium-mobile-doc-ja – Appcelerator Titanium Mobileに関するドキュメントを日本語でまとめていくプロジェクト [code.google.com]

PDFは画面中央くらいの「主なドキュメントについて」の覧にあります。

→　Titanium MobileではじめるiPhoneアプリケーション開発 [code.google.com]　※PDFへのリンクです

オラ○リーのパロディーで作られたと思われる表紙で108ページもある大作です。

少し情報が古いところもありますが、十分に役に立ってくれるのではないでしょうか。

こんなにクオリティの高いものが無料で読めるとは、作者の方に感謝ですね。

関連：

• 新入社員によるスマートフォンアプリ開発事例「初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件」
• ブックレビュー：WEB+DB PRESS vol.61(2011年2月発売号　特集：実践!Titanium JavaScriptでiPhone&Android本格アプリ開発)
• JavaScriptを使ったスマートフォンアプリの開発方法を解説した連載記事「Titanium Mobileで作る！ iPhone／Androidアプリ」

最近はスマートフォンの記事ばかりでしたので、たまにはガラケー向けの記事をご紹介します。

ウノウラボさんに、ケータイ向けサイトでのスペーサーの書き方について解説された「I love spacer」という記事がありましたのでご紹介させていただきます。

→　ウノウラボ　I love spacer [labs.unoh.net]

ひとつのHTMLで3キャリアさせようとした場合、<br />での改行では、機種によって見た目が違ってきたり、微妙な余白のスペースが表現できなかったりします。

その際には透過GIF画像を使ってスペーサーを作ることになるのですが、そのテクニック（バッドノウハウ）が紹介されています。

また合わせて、1px画像を使ったラインの引き方も紹介されています。

以前はウノウラボさんには、ケータイネタのエントリーが多数投稿されていたのですが、今回の記事はかなり久しぶりな感じですね。

ケータイ好きとしては寂しいことですが、これも時代の流れなのでしょうがないかもしれません。

関連：

• ケータイサイト作成初心者に役立つ記事「いまからでも遅くない！ケータイデザインの基礎固め」
• ケータイサイトの基本が簡潔にまとめられた良記事「永久保存版！？携帯コーディング、これだけ読めばすぐできる！」
• 見栄えの良いケータイサイトを作るためのポイントがまとめられた記事「一歩上行く！携帯HTML/XHTMLデザイン・コーディング術」

AdobeのWebオーサリングツールであるDreamweaverですが、新しいバージョンとなる「Dreamweaver CS5.5」からjQuery Mobileに本格対応し、スマートフォン向けモバイルサイトの作成や、アプリ作成が行える強力なツールとなったようです。

具体的にどんな機能が追加されたかというのは、下記のサイトがわかりやすいです。

こちらのサイトには、各機能の紹介とムービーへのリンクがあります。

→　Publickey　jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして本命に急浮上！ [publickey1.jp]

ASCII.jpでは3ページにわたってチュートリアル的な具体例が紹介されています。

→　ASCII.jp　Dreamweaver CS5.5でスマホアプリ作ってみた [ascii.jp]

スマートフォン向けのJavaScriptフレームワークとして注目されているjQueryMobileとシームレスに連携している上に、PhoneGapでネイティブアプリケーションを生成する機能まで付いているようです。
これは強力ですね。

気になるお値段ですが、Adobeの購入ガイドページによると、アップグレード版で15,750円から、単体購入の場合の値段は見つけられませんでしたが、恐らく5万円弱くらいになりそうな感じです。

5月下旬発売とのことですので、興味のある方は予約してみてはいかがでしょうか。

関連：

• 「jQuery Mobile Alpha 3」がリリースされたようです
• スマートフォン向けJavaScriptフレームワークであるjQueryMobileの使い方がわかりやすく解説されている記事「はじめてのjQueryMobile」
• jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ

もはやモバイルとは切っても切れない関係となっているQRコードですが、JavaScriptを使ってQRコードを作れるjQueryプラグイン「jQuery.qrcode」というものがあるようです。

ダウンロードはこちらのgithubのサイトから行えます。

→　github　jeromeetienne / jquery-qrcode [github.com]

簡単な解説はこちらです。

→　jquery.qrcode.js – Jerome Etienne [jeromeetienne.github.com]

このQRコードは実際に「jQuery.qrcode」を使って表示しています。
ブログ上からでも普通に使えていますね。
（※canvas非対応ブラウザの場合は表示されません）

HTMLはこんな感じです。

<div id="qrcode" align="center"></div>
<script type="text/javascript" src="/blog/wp-content/uploads/2011/04/jquery-1.5.2.min_.js"></script>
<script type="text/javascript" src="/blog/wp-content/uploads/2011/04/jquery.qrcode.min_.js"></script>
<script type="text/javascript">
jQuery('#qrcode').qrcode("http://ke-tai.org/");
</script>

従来はサーバサイドでライブラリを使って画像を生成し表示するなど、大がかりな対応をしなくてはなりませんでしたが、このようにJSで表示できるのは便利ですね。

軽く調べてみた感じでは今のところ表示サイズの変更などは出来なさそうなのと、canvasで描画を行っているのでIEなど（IE9は除く）非対応なブラウザがあることが課題になりそうです。

関連：

• JavaScriptでリアルタイムにQRコードを生成してくれるサイト「QR CODE.biz」
• 村上隆とヴィトンのコラボQRコードがすごい件
• 画像や文字入りのQRコードが作成できる「シーマン QRコード(二次元バーコード）作成」