【JavaScript】jQuery Mobileの紹介 - 株式会社アンフィニ 技術ブログ
こんにちは。うら@infiniです。 今回はjQuery MobileというjQueryベースのモバイルフレームワークを紹介します。 jQuery Mobile jQuery Mobileは、AndroidやiPhoneなどのWebkitベースのスマートフォン向けのページ作成ができます。 HTMLの要素に属性やクラスを指定するだけで、きれいなUIを作ることができます。 jQuery Mobileを使用するには、jQuery MobileとjQueryをダウンロードします。 使ってみる まずはHTMLファイルを作成し、そのファイルにjQuery Mobileを読み込ませてみましょう。 <html> <head> <title>Sample</title> </head> <body> <div> <div> <h1>ヘッダ</h1> </div> <div> <ul> <li>リスト01</
Download | jQuery Mobile
Download Download Builder We recommend using our tool to build a custom bundle that contains only the components you need. The builder generates a custom JavaScript file, as well as full and structure-only stylesheets for production use. Download Builder Latest stable version 1.4.5 ZIP file If you want to host the files yourself you can download a zip of all the files: Zip File: jquery.mobile-1.4.
Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
様々なモバイルユーザーインターフェイスが確認出来る「MobileTuxedo」が熱い
発見して記事書き始めて、もしや他でも紹介されているのかと思ったらコリスさんとかでも紹介されてた。なので書くの一度やめてたのですが、やっぱりこのサイトは、もっと広く知られるべきかと思ってご紹介。 なんというか、きっちり絞ってまとめるっていうのはそれだけで価値があるんだなと感じさせられるWebサイトでもありますよね。 素材、デザインなんでもあり 特に注力したいのがインターフェイスデザインの豊富さ。 UI Patterns | Mobile Tuxedo とにかく豊富なリソース。 モバイルインターフェイスの中でもカテゴリがたくさんあります。 ナビゲーション コメントインターフェイス ログインインターフェイス 写真ギャラリーインターフェイス この他、マップやサインアップインターフェイス、設定画面、電卓など色々ありますので、モバイル開発者なら一度は目を通しておくといいかもしれませんね。 またインター
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
クロスプラットフォーム対応モバイルサイトを構築するために必要なファイルをまとめた -Mobile Boilerplate
HTML, CSS, JavaScriptをはじめ、sitemap.xml, .htaccessやアクセス解析など、モバイルサイトを構築するファイルをまとめた「Mobile Boilerplate」を紹介します。 「Mobile Boilerplate」はjQuery MobileやSencha Touchなどと相性がばっちりだそうです。 Mobile Boilerplate [ad#ad-2] Mobile Boilerplateの特徴 クロスプラットフォーム対応（Android, iOS, Blackberry, Symbian） CSSはIE Mobile 7をターゲット ホームスクリーンアイコン（Android, iOS, Symbian） ビューポートの最適化（Opera Mobile, Android, iOS, IE, Nokia, Blackberry） ビューポートのスケ
livedoor Techブログ : Titanium最前線
こんにちは！こんにちは！もしかしてこんばんは！ 開発部のあぶいです。 今回は、Appcelerator社が提供しているTitanium Mobileについて最近の事情も踏まえてお話させていただきます。 Titanium MobileとはTitanium MobileとはJavascriptによってiOSもしくはAndroidのアプリを作ることができる開発環境のことです。触れ込みとしては一つのソースでiOS・Androidの両方で動かすことができるとありますが、実際は片方でしか使えないメソッドがあったりするので内部で分岐させながらクロスプラットフォーム対応させているのが現実のようです。 よく比較される製品としてPhoneGapがありますが、見た目に関わる部分をHTML5+CSS3で作ることを前提にしているPhoneGapと比べてTitanium Mobileではレイアウト・ロジックを含め全て
[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> <
[ASCII.jp] 実例で学ぶjQuery MobileのCSSカスタマイズ
[ASCII.jp] 実例で学ぶjQuery MobileのCSSカスタマイズ jQuery Mobileデザイン入門の第8回「実例で学ぶjQuery MobileのCSSカスタマイズ 」が公開されました。 今回からは実践編ということで、より一般のサイトに近いデザインをjQuery Mobileに適用していっております。 CSS3に関してはかなりテクニカルなTIPSも利用しておりますので、jQuery Mobileに興味がない方もCSS3の箇所ではお楽しみいただけるのではと思っておりますので、興味がある方はぜひご覧になってください。 関連エントリー [ASCII.jp] サンプルで学ぶjQuery Mobileまとめ（後編） [ASCII.jp] サンプルで学ぶjQuery Mobileまとめ（中編） [ASCII.jp] サンプルで学ぶjQuery Mobileまとめ（前編） [ASCI
![[ASCII.jp] 実例で学ぶjQuery MobileのCSSカスタマイズ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
ke-tai.org > Blog Archive > 年代／男女別の人気サイトTop10がわかるケータイサイト番付（2011年3月版）
年代／男女別の人気サイトTop10がわかるケータイサイト番付（2011年3月版） Tweet 2011/6/8 水曜日 matsui Posted in 記事紹介・リンク | No Comments » 久々にケータイWatchで連載されている、年代／男女別の人気サイトTop10がわかるケータイサイト番付をご紹介しようと思います。 集計の関係からか、出し惜しみなのか、現時点で全ての年代のデータが揃っているのは2011年3月版です。 → ケータイWatch ケータイサイト番付・15歳～19歳 [k-tai.impress.co.jp] → ケータイWatch ケータイサイト番付・20代 [k-tai.impress.co.jp] → ケータイWatch ケータイサイト番付・30代 [k-tai.impress.co.jp] → ケータイWatch ケータイサイト番付・40代/50歳～ [k-
SwapSkills Free Event「jQuery Mobileで簡単！ スマートフォンサイト作成」レポート | gihyo.jp
"SwapSkills" Information & Report SwapSkills Free Event「jQuery Mobileで簡単！ スマートフォンサイト作成」レポート allWebクリエイター塾（東京都）主催のマンスリー勉強会 SwapSkillsが、2011年2月9日（水）にアップルストア銀座で無料イベントとして初開催されました。210名様という多くの方にご参加いただき、アップルストアのシアタールームは溢れんばかりのにぎわいで終止盛り上がりを見せていました。 SwapSkillsは、低価格で行われているWebプロフェッショナル向けの勉強会で、月の一度のペースで都内で開催されています。今後は隔月で無料イベントも開催予定しています。 Free Eventとして初回となる今回は、スマートフォン向けサイト制作に便利なjQuery Mobileを取り上げ開催いたしました。 jQue
モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ
モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープンソースで提供されています。 「マークアップドリブン」をコンセプトとし、HTMLを記述していくことで、あらかじめ用意されているボタン、メニュー、ダイアログボックス、などのモバイル対応のタッチユーザーインターフェイスを備えたアプリケーションを開発できます。 クロスプラットフォームに対応し、iOS、Android、WebOS、Windows Phone、Symbianなど多数のデバイスでそのまま動作
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-01 >
携帯サイト・モバイルサイトの制作・構築 BIGLOBEモバ造 | BIGLOBEビジネスサービス
携帯サイト制作／モバイルサイト・スマートフォンサイト構築 シンプルな携帯サイトから大規模サイトまで。スマートフォンにも対応 BIGLOBE モバ造 （モバゾウ） BIGLOBE モバ造はモバイルサイト構築・リサーチ・ＣＲＭ・キャリア公式サイト・課金ビジネス等に対応した 「クラウド型モバイルサイト構築・運用サービス」です。 BIGLOBE モバ造は、携帯電話を活用したキャンペーンや各種プロモーションに必要な機能をあらかじめ実装している携帯サイト制作・構築ASPサービスです。企業のモバイルマーケティング担当者、コンテンツプロバイダ、広告代理店、プロダクションの方などの、さまざまな携帯サイト制作・構築ニーズを強力に支援します。 スマートフォン（iPhone、Android搭載端末）向けアプリ開発をお考えのお客様 [スマートフォン向けアプリ開発サービス] 携帯サイト・モバイルサイトへのニーズにこた
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
7 Useful Tools for Mobile Website Testing
Tools 7 Useful Tools for Mobile Website Testing Henry JonesNovember 19, 201014 Comments06.6k It seems like everybody has a smart phone these days. This means that more and more people are turning to these mobile devices to do things that they would normally do on their desktop or laptop, like checking and sending email and viewing web content. That’s why it’s almost a must now to pay more attentio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PicSTAR
Sphinn Japan
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！
MOObileFrames