ke-tai.org » Android http://ke-tai.org/blog ke-tai.org　ケータイプログラマのためのコミュニティサイト。携帯電話向けWeb開発の技術情報を扱っています。 Thu, 09 Feb 2012 13:09:09 +0000 ja hourly 1 Titanium Mobileで動くゲームエンジンモジュール「QuickTiGame2d」 http://ke-tai.org/blog/2012/01/31/quicktigame2d/ http://ke-tai.org/blog/2012/01/31/quicktigame2d/#comments Tue, 31 Jan 2012 13:23:22 +0000 matsui http://ke-tai.org/blog/?p=7711 私と同じ札幌のお知り合いであるinfosiaさんが、ブログを更新していたのでご紹介させていただきます。

先日公開されたTitanium Mobileで動くゲームエンジンモジュール「QuickTiGame2d」が、iOSだけではなくAndroidにも対応したとのことです。

 

→　Android でいろいろやるよ！　ついに Android に対応！Titanium Mobile で手軽にゲーム作り [d.hatena.ne.jp]

 

iPhone版公開のときのエントリーはこちら。

→　Android でいろいろやるよ！　Titanium Mobile で手軽にゲームが作れるモジュール、公開しました！ [d.hatena.ne.jp]

 

モジュールはGoogle Code上からダウンロードできます。

→　GoogleCode　quicktigame2d [code.google.com]

 

特徴としては次のように書かれています。（上記ブログより引用）

・Titanium.UI.ImageView とかより全然速い
・スプライトシート対応。もちろんシートのアニメーションもできます。
・TexturePacker やZwoptex などのツールを利用したスプライトアトラスに対応
・Titanium.UIとの組み合わせもできます

 

まだ触れられていないのですが、APIドキュメントなどを見る限り、結構かんたんに使えそうな感じです。

最近流行のTitanium Mobileを使っていることもあり、ゲーム開発の大きな選択肢の一つになりそうなので、気になる方はチェックしてみてはいかがでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2012/01/31/quicktigame2d/feed/ 0 GoogleのGUIでAndroidアプリを開発できるツール「App Inventor」がオープンソース化されたようです http://ke-tai.org/blog/2012/01/26/appinventoropensource/ http://ke-tai.org/blog/2012/01/26/appinventoropensource/#comments Wed, 25 Jan 2012 15:02:28 +0000 matsui http://ke-tai.org/blog/?p=7697 これまで何度か紹介させていただいたことのある、ブラウザ上から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アプリを作れてしまうという面白いツールだったので、消滅してしまわないでよかったです。

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

 

関連：

]]> http://ke-tai.org/blog/2012/01/26/appinventoropensource/feed/ 2 iOSやAndroidに最適化されたjQuery互換の軽量JavaScriptフレームワーク「jQ.Mobi」が公開されたようです http://ke-tai.org/blog/2012/01/18/jqmobibeta/ http://ke-tai.org/blog/2012/01/18/jqmobibeta/#comments Wed, 18 Jan 2012 11:57:12 +0000 matsui http://ke-tai.org/blog/?p=7673 スマートフォン環境向けの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を書き直して作られているため、どうやらメソッドやセレクタなどは今までと互換を保った形で使えるようです。

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

 

関連：

]]> http://ke-tai.org/blog/2012/01/18/jqmobibeta/feed/ 0 jQuery MobileのデザインをGUIで調整できる「ThemeRoller」が便利ですごい http://ke-tai.org/blog/2011/12/14/jquery-mobile-themeroller%e3%80%8d/ http://ke-tai.org/blog/2011/12/14/jquery-mobile-themeroller%e3%80%8d/#comments Wed, 14 Dec 2011 13:45:44 +0000 matsui http://ke-tai.org/blog/?p=7568 jQuery MobileのデザインをGUIで調整できる「ThemeRoller」が便利ですごかったのでご紹介させていただきます。

 

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

→　jQuery Mobile　ThemeRoller [jquerymobile.com]

 

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

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

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

 

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

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

という感じです。

 

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

 

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

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

 

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

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

 

関連：

]]> http://ke-tai.org/blog/2011/12/14/jquery-mobile-themeroller%e3%80%8d/feed/ 0 jQuery Mobileを基礎から解説した良記事「スマートフォン向けフレームワーク注目の『jQuery Mobile』でスマホサイトを作ってみよう【基本編】」 http://ke-tai.org/blog/2011/12/07/jquery-mobile-kihonhen/ http://ke-tai.org/blog/2011/12/07/jquery-mobile-kihonhen/#comments Wed, 07 Dec 2011 13:53:16 +0000 matsui http://ke-tai.org/blog/?p=7543 先日正式版である1.0が公開されて、ますます勢いのあるスマートフォン向けJavaScriptフレームワークである「jQuery Mobile」ですが、良い入門記事を見かけましたのでご紹介させていただきます。

 

　　　

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

 

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

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

 

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

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

 

関連：

]]> http://ke-tai.org/blog/2011/12/07/jquery-mobile-kihonhen/feed/ 0 2011年12月17日に札幌のガレージラボで「Titanium Mobileハンズオン」が行われます http://ke-tai.org/blog/2011/11/28/masuititaniumevent/ http://ke-tai.org/blog/2011/11/28/masuititaniumevent/#comments Mon, 28 Nov 2011 14:59:19 +0000 matsui http://ke-tai.org/blog/?p=7450 イベントのお知らせです。

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アプリ開発に興味のある方は、この機会にぜひ参加してみてはいかがでしょうか。

 

 

関連：

]]> http://ke-tai.org/blog/2011/11/28/masuititaniumevent/feed/ 0 ドラッグ&ドロップだけで作れる！！PCサイトを誰でも簡単にスマホサイトに変換できるサービス「shutto」 http://ke-tai.org/blog/2011/11/24/shutto/ http://ke-tai.org/blog/2011/11/24/shutto/#comments Thu, 24 Nov 2011 01:20:38 +0000 matsui http://ke-tai.org/blog/?p=7399 興味深いサービスがありましたので、ご紹介させていただきます。

PCサイトをドラッグ&ドロップだけでかんたんにスマホサイトに変換できる「shutto」というサービスが出来たようです。

 

　　

→　shutto | カンタンスマホ変換サービス [shutto.com]

 

使い方は簡単で、まず変換したい対象となるページのURLを入力します。

すると、編集画面が開きますので、あとは欲しい要素をドラッグ&ドロップして組み立てていくだけになります。

タブやテーブル組などを使っていくと、いかにもスマホっぽいデザインのサイトがガシガシ出来ていき面白いです。

テキスト要素などは、上部メニュー左端のアイコンから編集することができます。

 

少し使ってみた感じだと、向いているサイト、向いてないサイトはありそうですね。

基本的には企業や店舗などのホームページに向いているように感じます。

 

表示はJavaScriptを多用して行われています。

出来たサイトのソースを見る限り、サイト作成時に値を取得して作っているのではなく、JavaScriptで最新の値を取得してきて描画しているようです。

ただ、それなりにキャッシュされているようで、変更をすぐに追従はしてくれないようなので注意が必要です。

 

使い勝手も含めて、なかなか面白いサービスになっていると思います。
まだベータ版のようですので、今後の進化にも期待ですね。

「スマホサイト対応をしたいけれど時間がなくて」という方は、ぜひ一度試してみてはいかがでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2011/11/24/shutto/feed/ 3 iPhoneやAndroidなどのスマートフォンをはじめ、各種タブレットなどでの画面サイズ確認が簡単に確認できるサービス「Screenfly」 http://ke-tai.org/blog/2011/11/17/screenfly/ http://ke-tai.org/blog/2011/11/17/screenfly/#comments Thu, 17 Nov 2011 14:58:46 +0000 matsui http://ke-tai.org/blog/?p=7355 iPhoneやAndroidなどのスマートフォンデバイスをはじめ、各種いろんなサイズのタブレットやPCでの、スクリーンサイズの確認が簡単に確認できる、「Screenfly」というサービスがありましたのでご紹介します。

 

→　Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions [quirktools.com]

 

使い方は簡単です。

まず確認したいサイトのURLを入力します。

 

するとサイトが表示されますので、下のデバイス一覧から確認したいサイズを選択すると、その端末でみたときのイメージがつかめます。

 

横表示もできます。

 

スマートフォンやタブレットはもちろんのこと、PCのメジャーな解像度までもが全て揃っています。

あくまでスクリーンサイズのイメージがつかめるだけで、エミュレーターではありませんが、操作が簡単でパパっと使えるので、活用する場面もあるのではないでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2011/11/17/screenfly/feed/ 0 本日発売の7インチAndroidタブレット「lenovo Tablet A1」を買ってみました http://ke-tai.org/blog/2011/11/09/lenovotableta1/ http://ke-tai.org/blog/2011/11/09/lenovotableta1/#comments Wed, 09 Nov 2011 14:59:57 +0000 matsui http://ke-tai.org/blog/?p=7319 本日2011年11月9日に発売された7インチAndroidタブレット「lenovo Tablet A1」を買ってみました。

主なスペックは以下の通りです。

  • Android 2.3搭載
  • 7インチワイドHD液晶(1024×600)　マルチタッチパネル
  • 重さ400g
  • CPUはTI OMAP 3622 ARM Cortex A8 processor 1GHz

札幌のビックカメラに行ったのですが、入荷はしたがまだ商品陳列中ということで買えず、ヨドバシで買ってきました。
19500円の10%還元でした。

 

箱はiPadを意識した感じで、取り扱い説明書は入っていませんでした。
（レノボのサイトを探したけれど見つけることができず）

おかげでmicroSDの入れ方が分からず苦労しました。。。

 

大きさはちょうど片手でわしづかみ出来るサイズで、カーゴパンツなど大きめのズボンであれば、前ポケットにスポっと収まる感じです。

つかった感じは、iPadに比べるとやはりもさっとした感じですが、値段が値段なので、基本的にはあまり期待しないで買ったためか、それなりに実用レベルです。

タブレットなのにバイブ機能が実装されていて、使うアプリによってはちょっと便利だなと思いました。

もう少し使ってみて、また何か分かってきたら記事にしてみようと思います。

 

関連：

]]> http://ke-tai.org/blog/2011/11/09/lenovotableta1/feed/ 0 「グロバール×スマホゲームの勝ち方！」セミナーのスライド資料が公開されています http://ke-tai.org/blog/2011/11/04/globalsmartphone/ http://ke-tai.org/blog/2011/11/04/globalsmartphone/#comments Fri, 04 Nov 2011 12:49:56 +0000 matsui http://ke-tai.org/blog/?p=7283 スマートフォンネタで興味深い記事がありましたのでご紹介します。

ITmedia オルタナティブ・ブログに、先日行われた「グロバール×スマホゲームの勝ち方！」というセミナーのスライド資料が公開されていました。

 

→　ITmedia オルタナティブ・ブログ　グロバール×スマホゲームの勝ち方セミナーの資料を公開しました。 [blogs.itmedia.co.jp]

 

先日こちらの記事で紹介させていただいた、アドウェイズさんの資料も公開されていますね。

→　Android事業の収益性や可能性、押さえたいポイントなどがわかるセミナー資料「Androidアプリで本当に儲かるのか？」 [ke-tai.org]

 

なお、終了したイベントですが、内容詳細はこちらで見ることができます。

→　ATND　グローバル × スマホゲームの勝ち方！セミナー [atnd.org]

 

次回１１月末か１２月初旬に、また同様のイベントが開催される予定らしいので、興味のある方はチェックしてみてはいかがでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2011/11/04/globalsmartphone/feed/ 0 Android事業の収益性や可能性、押さえたいポイントなどがわかるセミナー資料「Androidアプリで本当に儲かるのか？」 http://ke-tai.org/blog/2011/10/21/androidmoukaru/ http://ke-tai.org/blog/2011/10/21/androidmoukaru/#comments Fri, 21 Oct 2011 14:59:02 +0000 matsui http://ke-tai.org/blog/?p=6909 興味深い資料を見つけましたのでご紹介します。

1ヶ月半ほど前に、「『Androidアプリで本当に儲かるのか？株式会社コンテンツワン主催Androidセミナー～Androidのマネタイズノウハウ最前線」というセミナーが行われたようなのですが、その際に使われた資料が公開されていました。

Android事業の収益性やその可能性、ビジネス面で押さえておきたいポイントなどがわかる、ためになる内容になっていると思います。

 

Social Game on Android
View more presentations from Nobuyoshi Noda

 

また、参加レポートがブログ記事として掲載されていました。

上の資料は、口頭での補足ありきで書かれているため、こちらの方がわかりやすいかもしれません。

→　.dev()：クラスメソッド開発ブログ　『Androidアプリで本当に儲かるのか？』セミナーレポート [dev.classmethod.jp]

 

ビジネスとしてAndroid事業に参加しようとしている人は、チェックしてみてはいかがでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2011/10/21/androidmoukaru/feed/ 1 グーグルが「Android 4.0」を発表、日本ではドコモが対応端末を2011年11月に発売予定 http://ke-tai.org/blog/2011/10/19/google-android-40/ http://ke-tai.org/blog/2011/10/19/google-android-40/#comments Wed, 19 Oct 2011 14:36:15 +0000 matsui http://ke-tai.org/blog/?p=7184 グーグルが「Ice Cream Sandwich」というコードネームで開発を進めていたAndroid 4.0を本日発表したようです。

 

→　ケータイWatch　グーグル、「Android 4.0」を発表 [k-tai.impress.co.jp]

 

日本ではドコモが対応端末「GALAXY NEXUS SC-04D」を2011年11月に発売予定とのことです。

→　マイコミジャーナル　Android 4.0搭載スマホ「GALAXY NEXUS SC-04D」が登場 [journal.mycom.co.jp]

 

Android4.0の新機能についてはこちらのブログが詳しいです。

→　OCTOBA　【特集】本日発表された「Android 4.0(Ice Cream Sandwich)」の新機能をチェック！ [octoba.net]

 

インターフェイスの進化、NFCへの対応、音声入力機能の追加、スクリーンショット機能の追加、標準アプリの強化、カメラアプリの強化、Gmailやカレンダーアプリ、電話帳アプリの強化などが挙げられています。

 

従来はスマートフォン向けとタブレット向けでバージョンが分けられていましたが、4.0に統合されるとのことです。

大幅に機能アップしたAndroid4.0、触れる日が楽しみですね。

 

関連：

]]> http://ke-tai.org/blog/2011/10/19/google-android-40/feed/ 0 HTML5でスマホ版アメーバピグを実装した際のテクニックがまとめられた記事「HTML5 Web Appricationのつくりかた」 http://ke-tai.org/blog/2011/09/21/pigghtml5webapp/ http://ke-tai.org/blog/2011/09/21/pigghtml5webapp/#comments Wed, 21 Sep 2011 11:03:49 +0000 matsui http://ke-tai.org/blog/?p=6961 サイバーエージェントの公式ブログにHTML5に関する良いエントリーがありましたのでご紹介します。

 

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

 

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

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

 

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

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

 

関連：

]]> http://ke-tai.org/blog/2011/09/21/pigghtml5webapp/feed/ 0 ブックレビュー:PhoneGap入門ガイド http://ke-tai.org/blog/2011/09/06/phonegapguide/ http://ke-tai.org/blog/2011/09/06/phonegapguide/#comments Tue, 06 Sep 2011 14:54:55 +0000 matsui http://ke-tai.org/blog/?p=6937 書籍を購入しましたのでレビューを書きたいと思います。

 

→　Amazon　PhoneGap入門ガイド [amazon]

 

本書「PhoneGap入門ガイド」は、その名の通り最近話題を集めているPhoneGapの技術解説書です。

著者は、アシアル株式会社著となっています。

PHP開発関連で有名な会社ですが、最近は「PhoneGap Fan」 [phonegap-fan.com]など、PhoneGapにも力を入れているようです。

 

PhoneGapは、カナダのnitobi社が開発しているHTMLとJavaScriptでスマートフォン向けのハイブリッドアプリを作るためのフレームワークです。

比較的近いものにはTitaniumMobileなどがありますが、PhoneGapはその簡便さや、AdobeのDreamWeaverなどとの連携面から、主にデザイナー層を中心に人気が出始めているようです。

 

目次は次のようになっています。

（※出版社のこちらのページに、より細かい目次があります）

  • 第1章　PhoneGapの紹介とその仕組み
  • 第2章　PhoneGapアプリ開発のための基礎知識
  • 第3章　PhoneGap開発環境を作ろう
  • 第4章　PhoneGapアプリ開発の流れ
  • 第5章　PhoneGapアプリの構成とAPI
  • 第6章　地図アルバムアプリを作ってみよう
  • 第7章　アプリケーションの配布

 

章立てを見て貰うとわかるとおり、PhoneGapとはといった部分から、開発環境の構築と開発の流れの説明までで、総ページの半分を占めています。

残りはAPIの説明、サンプル地図アプリの解説、申請の流れの紹介といったようになっており、全体としては初心者向けです。

内容を見ると、ひとつひとつなかなか丁寧に説明されていて、図や写真による解説も豊富です。

これであれば日頃プログラムに馴染みがあまり無い層の方でも、比較的抵抗なく付いていけるのではないかと思います。

ただJavaScriptに関する解説は一切ありませんので、その知識を有していることが前提となります。

JavaScriptに関する知識がない方は、別途入門書などを用意するべきでしょう。

 

第6章では、サンプルプログラムとして地図アルバムアプリが解説されており、Google Mapsの利用や、写真撮影機能の追加、位置情報の取得ということで、多くのエッセンスを含んだサンプルが取り上げられています。

ここはなかなか実践的で参考になるのではないでしょうか。

 

また第7章も、iPhoneとAndroidを使ったアプリの公開方法がまとめられており、このあたりも調べるのが面倒なところだったりするので、このようにまとまっているのは嬉しいかもしれません。

 

全体としてみると、内容がやや薄いところもありますが、入門ガイドという位置づけですので、この程度で抑えてあるのがよいのかもしれません。

PhoneGapはメジャーになりつつあるものの、まだまだ情報が少ないと思いますので、これから取りかかろうとしている方にとっては、本書は良い情報源になると思います。

 

関連：

]]> http://ke-tai.org/blog/2011/09/06/phonegapguide/feed/ 0 GoogleがMotorolaを約125億ドルで買収したようです http://ke-tai.org/blog/2011/08/17/googlemotorola/ http://ke-tai.org/blog/2011/08/17/googlemotorola/#comments Wed, 17 Aug 2011 14:59:29 +0000 matsui http://ke-tai.org/blog/?p=6805 夏休みから戻ったら、あまりに大きなニュースが流れていたので、既に知っている方も多いと思いますが記事にします。

Androidを開発していることでおなじみのGoogleが、米携帯電話メーカーのMotorola Mobility社を約125億ドルで買収したようです。

 

→　engadget日本語版　Google、モトローラ・モビリティを買収へ。総額125億ドル [japanese.engadget.com]

→　ITmedia +D モバイル　Google、Motorola Mobilityを125億ドルで買収 [plusd.itmedia.co.jp]

 

買収の狙いは、Motorola Mobilityの所有する特許らしいですが、この買収によって今までAndroid端末を作っていた多くのパートナー携帯電話メーカーを、敵にまわしてしまうことになりそうです。

結果、MicrosoftのWindows Phone 7に有利に働くのでは、という見方も出てきています。

今後の展開や影響が気になるところです。

 

関連：

]]> http://ke-tai.org/blog/2011/08/17/googlemotorola/feed/ 0 MM総研が発表した2015年までのスマートフォン市場規模の推移・予測(2011年7月版) http://ke-tai.org/blog/2011/07/11/mmsmartphoneshare110/ http://ke-tai.org/blog/2011/07/11/mmsmartphoneshare110/#comments Mon, 11 Jul 2011 14:59:18 +0000 matsui http://ke-tai.org/blog/?p=6564 調査会社であるMM総研が、2015年までのスマートフォン市場規模の最新予測レポートを公開しているようです。

 

調査結果ページはこちら。

→　株式会社MM総研　 スマートフォン市場規模の推移・予測（11年7月） [www.m2ri.jp]

 

各ニュースサイトでも紹介記事が書かれています。

→　ITmediaプロモバ　2014年度末、過半数がスマートフォンの契約者に – MM総研調べ [itmedia.co.jp]

→　ケータイ Watch　MM総研調査、スマートフォンが国内出荷全体の49％に [k-tai.impress.co.jp]

 

それによると、2014年度にスマートフォンの契約者が50%に達し、2015年度には7割超がスマートフォンユーザになるとのことです。

思ったよりも遅いなという印象ですね。

 

なお先日のニュースによると、ドコモは機種の75%をスマホ端末にするようです。

→　Yahoo!ニュース　ドコモ携帯、秋から春発売はスマホが４分の３に [headlines.yahoo.co.jp]

 

端末の新機種自体はスマホ一色となっていくものの、それでも根強いガラケーファンがいるので、完全に入れ替わるには時間がかかりそう、ということなのでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2011/07/11/mmsmartphoneshare110/feed/ 0 スマートフォン向けUIの良いお手本が見れる記事「スマートフォン版Yahoo!検索の作り方　第1回：UI設計編」 http://ke-tai.org/blog/2011/06/28/yahooui/ http://ke-tai.org/blog/2011/06/28/yahooui/#comments Tue, 28 Jun 2011 14:37:30 +0000 matsui http://ke-tai.org/blog/?p=6485 良い記事があったのでご紹介します。

Yahoo!検索スタッフブログに、「スマートフォン版Yahoo!検索の作り方　第1回：UI設計編」という、リニューアルした検索ページのUIについて解説した記事がありましたのでご紹介させて戴きます。

 

私も実際に使ってみましたが、かなり使いやすく、よく考えられています。

これは、現時点でのスマートフォン向けWebユーザインターフェイスとしては、高いレベルで完成されており、我々にとっては良いお手本となると思います。

 

→　Yahoo!検索 スタッフブログ　スマートフォン版Yahoo!検索の作り方　第1回：UI設計編 [searchblog.yahoo.co.jp]

 

スマホをお持ちの方は、記事を読むだけよりは、実際に使われてみるのが理解しやすいかと思います。

ユーザエージェントを騙ってiPhoneにすると、HTMLやJavaScriptなども見ることができそうですので、気になる方はどんな仕組みかチェックしてみてはいかがでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2011/06/28/yahooui/feed/ 0 スマホ向けデザインのコツをまとめた記事「スマートフォンサイトをデザインする上で知っておくべき10のTIPS」 http://ke-tai.org/blog/2011/06/20/to-r-smartphonedesign10tips/ http://ke-tai.org/blog/2011/06/20/to-r-smartphonedesign10tips/#comments Mon, 20 Jun 2011 14:09:32 +0000 matsui http://ke-tai.org/blog/?p=6420 スマホサイトのデザインに関するエントリーで、人気を集めているものがあったのでご紹介させていただきます。

 

→　to-R　スマートフォンサイトをデザインする上で知っておくべき10のTIPS [blog.webcreativepark.net]

 

次のようなTIPSが紹介されています。

  1. 実機で確認する
  2. 横幅は320pxもしくは640pxでデザインする
  3. 横向きを想定したデザインにする
  4. フォントはヒラギノ角ゴで
  5. ボールド体で表現しない
  6. フォントサイズは12px以上で作成する
  7. 1pxのこだわりを捨てる
  8. 極力画像を使わずコーディングできるように意識する
  9. リンクの領域は44px以上で
  10. Webクリップアイコンを準備する
  11. ハイライトカラーを指定する

 

スマホサイトのデザインのノウハウはまだ溜まっていないという方も多いと思いますので、参考になるのではないでしょうか。

ただ、10のTIPSというタイトルになっていますが、11個あるのは何故なのか気になります。

 

関連：

]]> http://ke-tai.org/blog/2011/06/20/to-r-smartphonedesign10tips/feed/ 0 もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ http://ke-tai.org/blog/2011/05/27/jquerymobilematome/ http://ke-tai.org/blog/2011/05/27/jquerymobilematome/#comments Fri, 27 May 2011 14:59:29 +0000 matsui http://ke-tai.org/blog/?p=6101 モバイルサイト作成のためのフレームワーク「jQuery Mobile」が、すごい人気ですね。

当初は数ある選択肢の中の一ツールとして程度の扱いでしたが、AdobeのDreamweaverが本格対応するなど、その勢いは留まるところを知らず、根幹的な技術になりそうな気配すらあります。

今回は過去に当サイトで掲載させていただいた情報も含め、jQuery Mobileを学ぶ上で知っていた方が良さそうなリンクをまとめてみました。

 

 

本家サイト。英語が苦手な私は、主にダウンロード用途ぐらい。

→　jQuery Mobile　本家サイト（英語） [jquerymobile.com]

→　jQuery Mobile　ダウンロード [jquerymobile.com]

 

日本語訳されたリファレンスはこちら。

→　jQuery Mobile 日本語リファレンス [dev.screw-axis.com]

 

 

スライド資料系。jQuery Mobileを布教する際に便利かも。

 

吉川氏のスライド資料「jQuery Mobile[基礎編]」、かなり丁寧な資料で、jQuery Mobileがどんなものなのか理解できると思います。

キーボードの上下左右キーまたは、ダブルクリックで次のページに進み、ブラウザバックで戻れるようです。（私の環境ではIEでは、あまりうまく動きませんでした）

→　jQuery Mobile[基礎編] [yst.web.infoseek.co.jp]

 

slideshareに公開されている@ichigami氏の資料。

→　jQuery Mobileで手軽にスマートフォンサイト制作 [www.slideshare.net]

 

 

動作サンプル系。実際にスマートフォンで動作を見てみたいという方に。

 

本家サイトのデモページ。

→　jQuery Mobile: Demos and Documentation [jquerymobile.com]

 

「jQuery Mobile サンプル」などでググると出てくるサンプル集。
上で紹介させていただいた吉川氏のサイトのようです。

→　jQuery Mobile サンプル集 [yst.web.infoseek.co.jp]

 

 

IBMの技術サイトで公開されている文書「jQuery Mobile の紹介」。
サンプルコードが多く、良いまとめになっています。

→　IBM　developerWorks　jQuery Mobile の紹介 [www.ibm.com]

 

以前当サイトでも取上げさせていただいた入門記事。こちらもわかりやすいです。

→　Mach3.laBlog　はじめてのjQueryMobile [blog.mach3.jp]

 

 

ASCII.jpで連載されているjQuery Mobileデザインに関する連載記事。
技術よりの記事が多い中、デザインに関するものは珍しいです。

→　ASCII.jp　西畑一馬のjQuery Mobileデザイン入門 [ascii.jp]

 

 

AdobeのWebオーサリングツールDreamweaverは、CS5.5がjQuery Mobileに本格対応しています。
Dreamweaver使いの人は要チェックです。

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

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

 

 

最後にノウハウ系です。

 

日本語環境でまじめに使うなら。

→　ハブろぐ　jQuery Mobileをマジメに使うならやっておくべきローカライズとかの設定 [havelog.ayumusato.com]

 

つまづきやすいポイントをまとめたエントリー。ためになります。

→　コリス　jQuery Mobileでスマフォ対応ページをはじめて作成する際に役立つコード集とつまづきやすいポイント [coliss.com]

 

よく使うマークアップの日本語サンプルを配布しているページ。
jQuery Mobileネタに限らずですが、かちびと.netさんには良い情報が多いですね。

→　かちびと.net　jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します [kachibito.net]

 

今日のところはこの辺で。また情報が集まったらご紹介させていただこうと思います。

 

関連：

]]> http://ke-tai.org/blog/2011/05/27/jquerymobilematome/feed/ 4 Google I/O 2011で行われたセッション「HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？」 http://ke-tai.org/blog/2011/05/25/html5-vs-native/ http://ke-tai.org/blog/2011/05/25/html5-vs-native/#comments Wed, 25 May 2011 14:59:09 +0000 matsui http://ke-tai.org/blog/?p=6115 5月上旬に行われたGoogleの開発者向けイベント、Google I/O 2011で、

「HTML5 versus Android: Apps or Web for Mobile Development?
（HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？）

というセッションが行われました。

 

英語ですが、動画はこちらから見ることができます。

→　Google I/O　Sessions　HTML5 versus Android: Apps or Web for Mobile Development? [google.com]

 

こちらのサイトで概要のまとめと、簡単な日本語訳が行われています。

→　Publickey　HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？（前編） Google I/O 2011 [www.publickey1.jp]

→　Publickey　HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？（後編） Google I/O 2011 [www.publickey1.jp]

 

HTML5かネイティブかというのは、スマートフォン開発に参入しようとしている方であれば誰でも悩んでいるところだと思うので、この記事は判断のよい参考になるのではないでしょうか。

 

関連：

]]> http://ke-tai.org/blog/2011/05/25/html5-vs-native/feed/ 1