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

先日正式版である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勉強会」を行います

興味深いサービスがありましたので、ご紹介させていただきます。

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

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

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

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

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

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

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

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

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

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

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

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

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

関連：

• iPhoneやAndroidなどのスマートフォンをはじめ、各種タブレットなどでの画面サイズ確認が簡単に確認できるサービス「Screenfly」
• ガラケー独自のstyle=”○○○”形式で書かれたインラインCSSをHTMLと分離してくれるサービス「Cascader」
• ASCII.jpに掲載されているスマートフォンサイトキャプチャ集「絶対見ておきたい有名企業のスマホサイトまとめ」、「スマホサイトを作る前に見たい国内38社の実例」

iPhoneやAndroidなどのスマートフォンデバイスをはじめ、各種いろんなサイズのタブレットやPCでの、スクリーンサイズの確認が簡単に確認できる、「Screenfly」というサービスがありましたのでご紹介します。

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

使い方は簡単です。

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

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

横表示もできます。

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

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

関連：

• ブックレビュー:iPhone ＆ Android スマートフォンサイト制作の教科書
• ケータイサイトのスクリーンショットの撮り方について書かれた記事「livedoorディレクターブログ モバイルサイトのキャプチャを撮ろう」
• ASCII.jpに掲載されているスマートフォンサイトキャプチャ集「絶対見ておきたい有名企業のスマホサイトまとめ」、「スマホサイトを作る前に見たい国内38社の実例」

本日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に比べるとやはりもさっとした感じですが、値段が値段なので、基本的にはあまり期待しないで買ったためか、それなりに実用レベルです。

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

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

関連：

• iPhone4Sを買って来ました
• iOS4.2から実装されたというJavaScriptの加速度センサーAPIを試してみました
• ブックレビュー:iPhone ＆ Android スマートフォンサイト制作の教科書