Android | ke-tai.org - インフィニットループ - Part 3

jQuery Mobileを基礎から解説した良記事「スマートフォン向けフレームワーク注目の『jQuery Mobile』でスマホサイトを作ってみよう【基本編】」
    このエントリをはてなブックマークに登録

2011/12/7 水曜日 matsui Posted in Android, HTML5, iPhone, 記事紹介・リンク No Comments »

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

 

   

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

 

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

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

 

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

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

 

関連:



2011年12月17日に札幌のガレージラボで「Titanium Mobileハンズオン」が行われます
    このエントリをはてなブックマークに登録

2011/11/28 月曜日 matsui Posted in Android, iPhone, お知らせ No Comments »

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

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

 

 

関連:



ドラッグ&ドロップだけで作れる!!PCサイトを誰でも簡単にスマホサイトに変換できるサービス「shutto」
    このエントリをはてなブックマークに登録

2011/11/24 木曜日 matsui Posted in Android, iPhone, デザイン 4 Comments »

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

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

 

  

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

 

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

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

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

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

 

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

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

 

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

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

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

 

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

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

 

関連:



iPhoneやAndroidなどのスマートフォンをはじめ、各種タブレットなどでの画面サイズ確認が簡単に確認できるサービス「Screenfly」
    このエントリをはてなブックマークに登録

2011/11/17 木曜日 matsui Posted in Android, iPhone, 記事紹介・リンク No Comments »

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

 

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

 

使い方は簡単です。

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

 

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

 

横表示もできます。

 

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

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

 

関連:



本日発売の7インチAndroidタブレット「lenovo Tablet A1」を買ってみました
    このエントリをはてなブックマークに登録

2011/11/9 水曜日 matsui Posted in Android No Comments »

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

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

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

 

関連: