タグ

jQueryMobileに関するtsuki-rsのブックマーク (12)

  • jQueryMobileよりも軽くて使いやすそうなモバイルサイト作成フレームワーク「jQ.Mobi」:phpspot開発日誌

    jQueryMobileよりも軽くて使いやすそうなモバイルサイト作成フレームワーク「jQ.Mobi」 2012年01月18日- jQ.Mobi jQueryMobileよりも軽くて使いやすそうなモバイルサイト作成フレームワーク「jQ.Mobi」。 まだデファクトスタンダードはjQueryMobileではないと思われる激戦区のモバイルサイト作成フレームワークに新しい物が登場。 その名もjQ.Mobi。jQueryMobileが24kbに対してこちらは3.5kb。 実働サンプルをiPhone4Sで見て見ましたが、かなり快適に動作するみたいです。 PhoneGap等と組み合わせるといい感じのアプリが作れるかもしれませんね。 iPhone4Sを使っていると、HTML5アプリの時代はもう来ているというそんな気にさせられます 関連エントリ Android風の日付ピッカー実装用jQueryMobileウ

  • [速報]jQuery Mobile 1.0正式版が公開! モバイルアプリケーション開発の新時代へ

    モバイルアプリケーション開発のためのJavaScriptによるフレームワーク「jQuery Mobile 1.0」のFinal Releaseが、今週前半に予告された通り、ついに公開されました(日時間18日午前3時頃)。 jQuery Mobileはオープンソースとして開発されており、「Download」ページからだれでも無料でダウンロード可能です。jQueryのWebサイトやマイクロソフトのCDN(コンテンツデリバリネットワーク)などでの配布もはじまっています。 HTML5のタグだけでモバイルアプリケーションが作れる jQuery Mobileの大きな特徴は次の3つです。 1)HTMLのタグだけで、プログラミングせずにモバイルアプリケーションができてしまう 2)モバイルのユーザーインターフェイス対応の部品が多く揃っている 3)iOS、Android、WebOS、Windows Mobl

    [速報]jQuery Mobile 1.0正式版が公開! モバイルアプリケーション開発の新時代へ
    tsuki-rs
    tsuki-rs 2011/11/18
    ざわ・・・・ざわ・・・・
  • CSSを追加してjQuery Mobileのデザインをカスタマイズ! | Lab by engineering@dwango.jp

    こんにちは初めまして、石崎と申します。 今回は jQuery Mobile シリーズ3回目!ということで、jQuery Mobile デザイン編です! jQuery Mobile には 標準のテーマ(色見)が5つ用意されています。この標準のテーマを使用してアプリを作ることも可能です。しかし、アプリやサイトにはそれぞれのデザインやブランドイメージがあり、標準のテーマとは違うイメージのものを作りたい場合があります。 そんな時のために、今回は CSS などをカスタマイズして独自のデザインをいれていくノウハウについて説明します。 対象読者 CSS3, HTML5 の知識がある方 jQuery Mobile の仕組み 今回は jQuery Mobile のバージョン 1.0 RC2 を扱います。 先ほど述べたように、jQuery Mobile には標準のテーマが5つ用意されています。data-th

  • jQuery Mobileでサクッと作るスマートフォン向けWebアプリの基本 ─ @IT

    大日印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権(見よ! コレジャナーイアプリの数々を!)」にて、jQuery MobileとHTML5の要素を使用した、iPhoneのMobile Safariで動作するミニアプリiBooNを紹介させていただきました。記事では、jQueryMobileを使って、お手軽にスマートフォン向けのWebアプリケーションを作成する方法をiBooNを例に紹介します。 iBooNは、iPhoneの傾きに応じて車の音が変わるミニアプリです。まず、Color Select画面から好きな色の車を選びます。ミニカーの画像が表示された画面

    tsuki-rs
    tsuki-rs 2011/09/29
    おぉ。これは簡単そうだ。
  • jQuery Mobile Beta 2 Released! | jQuery Mobile

    The jQuery Mobile team is happy to announce the release of Beta 2. This brings a bunch of big improvements to the library including: decoupled widgets so you can include only the components you need, DOM cache management for less memory use, a page pre-cache option, more flexible page structure, improved checkbox and radiobutton designs, advanced features for developers building dynamic JS-driven

    tsuki-rs
    tsuki-rs 2011/08/04
    ベータ2で何が出来るんだろう。
  • jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと.net

    jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text

    jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと.net
    tsuki-rs
    tsuki-rs 2011/07/28
    今後の参考にします。
  • HTML5対応を促進するのはモバイルデバイスの多様化ではないか

    モバイルアプリケーションを開発する技術としてHTML5やJavaScriptなどのWeb標準が注目されています。しかしWeb標準が進化すれば自動的に普及する、といえるほど世の中は単純ではありません。 技術の進化以外に、モバイルアプリケーションの開発にWeb標準が使われるようになる理由として何が考えられるのでしょうか? 最近、ある人とこのことをテーマに議論をしていたのですが、僕の意見は「デバイスの多様化がモバイルアプリケーションのHTML5化を促進するだろう」というところに落ち着きました。 モバイルデバイスの多様化は個人所有デバイスが推進する 米調査会社のガートナーは、昨年11月に発表したレポート「Gartner Reveals Top Predictions for IT Organizations and Users for 2011 and Beyond」で、2014年までに90%の組

    HTML5対応を促進するのはモバイルデバイスの多様化ではないか
  • HisasAnn.com is for sale | HugeDomains

    Make 24 monthly payments Pay 0% interest Start using the domain today. See details

    HisasAnn.com is for sale | HugeDomains
  • jQuery Mobileがついにβ版へ到達。正式版は8月後半の予定

    HTML5をベースにしたモバイルアプリケーションを開発するためのJavaScriptライブラリとして注目されている「jQuery Mobile」。ついに最初のβ版であるβ1の公開が今朝から開始されました。 新機能として主に紹介されているのは、iOSやAndroidでのURLバーの非表示機能によってアプリケーションとしての見栄えを設定できることや、トランジション効果がスムーズでスクロールが高速になったことなどです。 また、これまでツールバーに自動的に表示されていた「Back」ボタンが、デフォルトでは非表示となりました。 β1ではBlacberry5とOpera Miniのサポートが新たに追加され、これでjQuery Mobileが対応するOSは、iOS、AndroidWindows Phone 7、Blackberry、Blackberry Playbook、WebOS、Firefox M

    jQuery Mobileがついにβ版へ到達。正式版は8月後半の予定
  • [jQuery Mobile]役立つコード集とつまづきやすいポイント | コリ

    jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] 下記は各ポイントを意訳したものです。 スマフォ対応ページの基HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアップ ダイアログの作成 キャンセルとセーブのボタン カラム構造を作る時のポイント スマフォ対応ページの基HTML まずは、スマートフォン対応ページを作成するための基となるHTMLです。 HTML <!DOCTYPE html> <html> <head> <

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

    簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと

    jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
  • jQuery Mobile が必須スキルになる!と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。

    Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば! jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 家サイト jQuery Mobile Gallery http://w

    jQuery Mobile が必須スキルになる!と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
  • 1