ドゥアイネットのプログラマー、湯川が開発日記を綴ります。

CALENDAR
S M T W T F S
1234567
891011121314
15161718192021
22232425262728
293031    
<< December 2019 >>
ARCHIVES
CATEGORIES
<< PHPの文字コード設定 | main | Spreadsheet_Excel_Writerについて >>
スマートフォン対応
 先日リリースしたmixiアプリ「年号クイズ」のスマートフォン対応をはじめました。

最初はhtmlとjqueryで作成していたのですが、
慣れていないせいか、なかなかうまくいきませんでした。

検索してみると、スマートフォン開発用のjavascriptライブラリが
いくつかあることがわかりました。

jquery mobile
sencha touch
jqtouch

などです。

今回はデータの読み込み部分をjqueryで作成済みだったので
「jquery mobile」を使うことにしました。

使ってみると、便利で簡単にスマートフォンな感じを作成できます。
画像


画像

最初は右側の矢印アイコンが表示されませんでした。
どうも「jquery.mobile-1.0a3.min.css」をダウンロードして使うとダメみたいです。

×<link rel="stylesheet" href="./css/jquery.mobile-1.0a3.min.css" />
○<link rel="stylesheet"  href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />

動きも制御できていい感じです。早く対応完了できるようにしたいです。
| jquery mobile | 11:15 | comments(0) | - |
コメント
コメントする