このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 jQuery Mobileとは？ (02:27) 無料公開中
- jQuery Mobileとはなにか？
- 開発環境(safari)の設定について。
-
#02 jQuery Mobileを使う準備をする (02:27) 無料公開中
- HTMLの準備。
- ライブラリの呼び出しについて。
-
#03 簡単なページを作る (02:08) 無料公開中
- data-role=pageについて。
- data-role=headerについて。
- data-role=contentについて。
- data-role=footerについて。
-
#04 複数のページを作る (02:09) 無料公開中
- data-role=pageにidをつける。
- 他のページへリンクを張る。
-
#05 リンクの種類について (02:59) 無料公開中
- 同じファイル内の別ページへ飛ぶ。
- 外部サイトへ飛ぶ。
- 別ファイルのページへAjax経由で飛ぶ。
- 別ファイルのページへAjaxなしで飛ぶ。
-
#06 トランジションを操作する (01:26)
- data-transitionでトランジションを指定する。
-
#07 ボタンを作ってみよう (02:29)
- シンプルなボタンを設置する。
- アイコン付きボタンを設置する。
- ボタングループを設定する。
-
#08 テーマを変えてみよう (01:29)
- data-themeで見た目を変える。
-
#09 ヘッダーを作りこんでみよう (02:39)
- ヘッダーのボタンを配置する。
- 戻るボタンを自動で配置する。
-
#10 フッターを作りこんでみよう (01:59)
- フッターに操作ボタンを設置する。
-
#11 ナビゲーションバーを作ってみよう (01:54)
- ナビゲーションバーを設置する。
-
#12 ヘッダーとフッターを固定してみよう (01:15)
- data-position=fixedでヘッダーやフッターを固定する。
-
#13 フォームの基本 (02:12)
- フォームを設置する。
- テキスト入力エリアを設置する。
- 送信ボタンを設置する。
-
#14 検索フィールドを表示する (01:01)
- input type=searchで検索フィールドを設置する。
-
#15 スライダーを表示する (01:19)
- input type=rangeでスライダーを設置する。
-
#16 チェックボックスを表示する (02:32)
- input type=checkboxでチェックボックスを設置する。
-
#17 ラジオボタンを表示する (02:31)
- input type=radioでラジオボタンを設置する。
-
#18 複数の選択肢を表示する (02:46)
- selectタグでリストボックスを表示する。
- data-native-menu=falseでスタイリッシュなリストボックスを表示する。
- 選択肢を複数選択可能にする。
-
#19 リストビューを作ってみよう (02:06)
- data-role=listviewでリストビューを実装する。
-
#20 リストビューをカスタマイズする (01:48)
- data-role=list-dividerでリストに区切りを実装する。
- data-filter=trueでリストにフィルターをつける。
-
#21 画像付きリストビューを作ってみよう (01:38)
- リスト要素内に画像を設置していきます。
