2. Who? 吉川 徹 / Toru Yoshikawa @yoshikawa_̲t • C.A.Mobile Web先端技術フェロー • html5j.org/HTML5とか勉強会スタッフ • Google API Expert ( Chrome ) • Sublime Text 2 Japan Users Group 管理理⼈人 • allWebクリエイター塾/jQuery Mobile担当講師 • Blog: http://d.hatena.ne.jp/pikotea/
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
昨年11月にjQuery Mobile 1.0として最初の正式版が登場してからわずか5カ月。最初の大きなバージョンアップとなるjQuery Mobile 1.1.0がリリースされました。 jQuery Mobileは、HTML5のタグを書くだけでプログラミングをせずにモバイルアプリケーションが作れるJavaScriptのフレームワーク。開発されたアプリケーションは、iOS、Android、WebOS、Windows Moblie、Symbianなどさまざまなモバイルプラットフォームで動作します。 jQuery Mobile 1.1では、画面上部もしくは下部につねに表示されるFixed Toolar(固定ツールバー)のちらつきがなくなった点、画面遷移がよりスムーズになった点などの改善が行われています。 固定ツールバーがCSSベースに モバイルデバイスのユーザーインターフェイスとして、画面上部
jQuery Mobileの概要 jQuery Mobileは、jQueryをベースとした、スマートフォン向けのフレームワーク※1です。 スマートフォン向けの直観的かつ使いやすいUIを瞬時に作成できます。 ※1フレームワーク:アプリケーション制作の土台を作ってくれるソフトウェアのこと デザイナー好みの「手軽さ」と「自由さ」を兼ね備え、デベロッパーが求める「リッチなヴィジュアル」のスマートフォンUIが作成できます。 指定した形式でHTMLを書くことで、自動的にスマートフォン向けにデザインされたネイティブアプリケーションさながらのページが瞬時にしてできあがります。(jQuery Mobileが作成できるのは、ウェブアプリケーションです。) 2010年10月にアルファ版がリリースされ、2011年11月ついにjQuery Mobile1.0正式版が公開されました。現在も、jQueryの開発者で
JavaScriptライブラリとして広く普及しているjQueryの開発チームは、jQueryやその関連ソフトウェアの推進を目的とした非営利団体「jQuery Foudation」の設立をブログで発表しました。 The jQuery Foundation is a non-profit trade association and the home of jQuery, the Internet’s number one JavaScript library. Founded by a group of leading JavaScript developers and architects, the jQuery Foundation is dedicated to three goals: supporting development of the jQuery Core, UI, and
ちょっと意味不明なタイトルですが。 jQuery Mobileでリストを書くときの Tipsです。昨日ちょっと個人的に話題 に上がったのでメモ的に記事にします。 最近はすっかりJQMの話題が減っていた ので丁度いいですね。 というわけで備忘録的な記事。jQuery Mobileの話です。触ったことがある方向けですかね。普通のリストの高さに合わせてサムネイルを含めます。正しい方法かどうかは知りません。 これが普通のリストです。このマークアップは以下のような感じ。 <ul data-role="listview"> <li><a href="example01.html">foo</a></li> <li><a href="example02.html">bar</a></li> </ul> listviewというルール名をdata属性に与えればリスト化します。 画像付きにしたい・・けど こ
jQuery MobileのデザインをGUIで調整できる「ThemeRoller」が便利ですごい Tweet 2011/12/14 水曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » jQuery MobileのデザインをGUIで調整できる「ThemeRoller」が便利ですごかったのでご紹介させていただきます。 ThemeRollerのページは、jQuery Moible本家のサイトにあります。 → jQuery Mobile ThemeRoller [jquerymobile.com] 私はこちらのサイトの紹介記事で知りました。 わかりやすく、よくまとまっています。 → 小粋空間 jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説 [koikikukan.com] 基本的な使い方
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します(2012/01/11頃まで)。 このエントリーで紹介する情報は2011年12月のものです。 1.ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* Dreamweaver CS5.5は、スマートフォンサイト制作用ライブラリであるjQuery Mobileに正式に対応しており、jQuery Mobileを用いたサイトを簡単に作ることができるようにする「jQuery Mobile Widget」機能を実装しています。本記事では、jQuery Mobile Widgetで作成したスマートフォン
jQueryは様々なプラグインが無料で公開・配布されていて、JavaScriptに対する知識が全く無くても、それらのプラグインを導入するだけでやりたいコトが出来てしまいます。 自分もそんな恩恵に与りまくってる側ではありますが、とはいえ余りにも些細な挙動にまでプラグイン頼みにするのも、リクエスト数増えるし管理範囲も増えるし、あんまイイコトありません。 例えば、「ページのトップに戻る」みたいなボタンを押すと、そのページの最上部にスルスルっとスクロールする、みたいな挙動を実装したい場合、もちろん専用のプラグインなんかもありますが、コレなんかは特段のこだわり(加速感が欲しいとか)がないなら、今回ご紹介する方法のようにjQuery単体で完結させちゃいましょー! ページ最上部へのスムーズスクロールを実装するjQueryのスクリプト コレ、jQuery1.3以降は非推奨な「$.brouser」というのを
こんにちわ、毎日暑いですね、MacBookAirが加熱しすぎてキーボードを触っていると火傷しそうでビビってる @nihimoto です。 – 本日はjQueryMobileネタで一つ。 jQueryMobileはお手軽にスマートフォンサイトっぽくしてくれる便利なものですが、デザインのカスタマイズを高度に組み込んでると、強制的に適用してくるスタイルが邪魔になったりしませんか? しかもスタイルが適用されるクラス名とかがわからないので、解除するのもなかなか厄介なんですよね。 実はあのスタイルは、jQueryMobieのJavascriptをロードした際に、自動的に専用のクラス名を各要素に割り振り、そのクラス名に対してjQueryMobileがスタイルを適用しているので、普通にスタイルシートに書いただけだと、後からスタイル上書きされちゃうんですよね。 今回はこの問題に対処する方法を説明してみたいと
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
概要 jQuery Mobileページ移動時のajax機能を解除する方法を紹介。jQuery Mobile Alpha 4の場合について書きます。 ajax設定 ajaxで移動させなくする方法は、2種類ある。(jQuery Mobile Alpha 4の場合)。機能を解除した場合、自動でなされていた「Backボタンの付加・移動アニメーション・urlへの#の付加」などがなくなる。 ■ajax機能自体を切る方法 ajax機能自体を切る方法を紹介する。[ demo ](html5対応のブラウザのみ対応) <script src="/js/jquery-1.5.2.min.js"></script> <script> $(document).bind("mobileinit", function(){ $.extend( $.mobile , { ajaxEnabled: false, }); }
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
概要 † iPhoneアプリのような挙動が、ウェブブラウズで提供できるJavaScriptのライブラリです。 iPhone以外にもAndroidやWindows Mobileなどにも対応している模様です。どれだけ対応しているかは、公式サイトの「Platforms」に書いています。 jQueryのプラグインとして動作します。 公式: http://jquerymobile.com/ この記事を書いている時のjQuery Mobileのバージョンは、「jquery.mobile-1.0a1」です。 アルファ版なので今後の改変により変更される可能性はあります。 似たもので、jQTouch などがあります。 参考: jQTouchの使い方とclass指定による挙動のまとめ ↑ 使い方 † jQueryのプラグインなので、jQueryのライブラリと一緒に読み込めばOKです。 <link rel="s
今回は、jQuery Mobileを用いたアプリケーションについて解説します。jQuery Mobileを用いることで、非常に簡単にリッチなインターフェースを持つwebアプリケーションを作ることが出来ます。 対象読者 JavaScriptでの開発経験がある方 jQueryを使用したことがある方 jQuery Mobile jQuery Mobileは、jQueryを開発しているThe jQuery Projectによって開発されたスマートフォン向けのJavaScript UIフレームワークです。iOSやAndroid、Windows Phone、BlackBerry等の様々なモバイルプラットフォームとデバイスに対応していて、OSに依存しないUIを提供しています。 jQuery Mobileでは、独自に定義したHTML5のカスタムdata-*属性を指定することで、リストビューやナビゲーション
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く