iPhoneでjQueryをつかってシェイクジェスチャー（振る操作）を検出するサンプル

2011/7/8 金曜日 Posted in iPhone, 記事紹介・リンク | 1 Comment »

便利そうなサンプルコードを見つけたので、自分のメモ代わりに紹介させていただきます。 いつも素敵な情報を提供してくれる「かちびと.net」さんに、iOSでjQueryをつかってシェイクジェスチャー（iPhoneを振る操作）を検出するサンプルというのがありました。   →　かちびと.net　iOS4.2+ / モバイルSafariの「振る動作（シェイクジェスチャー）」をjQueryを使って検知する [kachibito.net]   利用しているgShakeというライブラリは、GitHubで公開されています。 →　GitHub　GerManson/gShake [github.com]   公開されているデモも試してみましたが、きちんと動作するようです。   なお、jQueryを使わないべた書きのサンプルはこちらにあります。 →　KAYAC DESIGNER'S BLOG　iOS4.2のSafariから追加された加速度センサーでシェイクジェスチャを作る [design.kayac.com]   これを使えば何か面白いものが作れるかもしれません。 興味のある方はチェックしてみてはどうでしょう。   関連： iOS4.2から実装されたというJavaScriptの加速度センサーAPIを試してみました iPhoneでJavaScriptを使わずCSSだけでアニメーションする方法 90秒で理解するiPhone JavaScript（マルチタッチ編） Read more..

iPhoneやAndroidなど複数端末の表示が一気に見えるAdobe AIRで作られたシミュレータ「Mobilizer」

2011/7/5 火曜日 Posted in iPhone, 記事紹介・リンク | No Comments »

iPhoneやAndroidなど複数端末の表示が一気に見えるAdobe AIRで作られたシミュレータ「Mobilizer」というものがあるようです。   本家サイトはこちらです。 右下のダウンロードボタンからダウンロードできます。 →　springbox　Mobilizer [springbox.com]   情報はこちらのブログで知りました。 →　かちびと.net　iPhone等での表示をPCで確認出来るAir製のシュミレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった [kachibito.net]   実際に表示したところは、こんな感じです。   iPhone、Androidの他にも、Palm Pre、Blackberry Stormでの表示もシュミレートできます。 Adobe AIRで作られてますので、プラットフォームを選ばないのもいいですね。 モバイル向けサイト開発をやられている方にとっては便利なツールになりそうなので、チェックしてみてはいかがでしょうか。   関連： MacOSX上で動くiPhoneシミュレーター「iPhoney」 Adobe AIRで作成されたiPhoneエミュレータ「AIR iPhone」 ブックレビュー： iPhone Web Style Read more..

もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ

2011/5/27 金曜日 Posted in Android, iPhone, 記事紹介・リンク | 4 Comments »

モバイルサイト作成のためのフレームワーク「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 ... Read more..

ASCII.jpに「jQuery Mobileデザイン入門」という連載記事が掲載されています

2011/5/23 月曜日 Posted in Android, iPhone, 記事紹介・リンク | No Comments »

ASCII.jpにjQuery Mobileデザインに関する連載記事「西畑一馬のjQuery Mobileデザイン入門」が掲載されていましたのでご紹介します。   →　ASCII.jp　西畑一馬のjQuery Mobileデザイン入門　目次 [ascii.jp] →　第1回　jQuery Mobileとは――スマホ時代の到来とWeb制作 [ascii.jp] →　第2回　いまから始める、jQuery Mobileの基本 [ascii.jp]   スマートフォンサイトの構築用のフレームワークとして、今かなり注目されているjQuery Mobileですが、今までは技術的な目線での記事がほとんどでした。 この連載では、「jQuery Mobileデザイン入門」と題して、デザイン側のアプローチから記事が書かれていくようです。 プログラマにもデザイナーにも、興味深い内容になりそうですね。   関連： DreamweaverがjQuery Mobileに本格対応し、スマホアプリも作成できるようになったようです JavaScriptを使ってQRコードを作れる「jQuery.qrcode」 スマートフォン向けJavaScriptフレームワークであるjQueryMobileの使い方がわかりやすく解説されている記事「はじめてのjQueryMobile」 Read more..

既存のケータイサイトをスマートフォン向けサイトに変更するテクニックをまとめた記事「1時間で携帯サイトをスマートフォン対応にする方法」

2011/4/26 火曜日 Posted in Android, iPhone, 記事紹介・リンク | No Comments »

GREEのエンジニアブログに興味深い記事がありましたのでご紹介します。 既存のケータイサイトを、スマートフォン向けサイトに変更するテクニックをまとめた「1時間で携帯サイトをスマートフォン対応にする方法」という記事です。   →　GREE Engineers' Blog　1時間で携帯サイトをスマートフォン対応にする方法 [labs.gree.jp]   その題名の通り、ケータイ向けサイトをスマートフォン向けサイトに対応させるためのポイントが、チュートリアル形式でまとめられています。 ステップとしては8つに分かれるようで、「jQuery Mobile」をうまく使うのがポイントのようです。   この手の仕事は今後増えてくると思いますので、デザイナーの方もプログラマーの方も要チェックの記事ではないでしょうか。   関連： グリーが全世界でスマートフォンプラットフォームを提供するOpenFeint社を買収したとのことです Flash LiteのSWFバイナリを直接いじる方法を紹介した記事「GREE Engineer’s Blog SWFバイナリ編集のススメ」 GREEデベロッパーセンターが開設されました Read more..

« Previous Entries
Next Entries »