*

jQueryMobileカテゴリーで出てくる用語集

公開日: : 最終更新日:2016/04/17 jQueryMobile ,

jQueryMobileの記事で登場する用語を下記の表にまとめました。学習するときの助けになるかも。

出てくる用語
英単語 用語 意味
widget ウィジェット 画面上に配置するパーツのことで、ウィンドウ(window)上で動作する小物(gadget)という意味の造語らしい。
page ページ 画面全体を表示するヘッダ、コンテンツ、フッタで構成されるウェジェットのこと。
header ヘッダ ページ上端部分で、ウェブサイトの名前、メニュー等を表示する場所。
content コンテンツ そのページのメイン情報を表示する部分のこと。
footer フッタ ページの下端部分で、ウェブサイトの名前やメニューなどを表示する部分のこと
dialog ダイアログ ページの上に重ねて警告などを表示するウィジェットのこと
popup ポップアップ 文字列、画像、フレーム(<iframe>)などのコンテンツをページ上に重ねて表示するウェジェットのこと
theme テーマ 別々のウィジェットが同じ画面に表示された時に、画面に統一感を与えるようにする設定のこと。
cache キャッシュ 一時的にデータを記憶しておく場所のこと。あるいはその場所にデータを記憶させること。
HTMLタグに追加する属性一覧
属性名、属性値 説明
data-role=”page” ページ
data-role=”header” ヘッダ
data-role=”content” コンテンツ
data-role=”footer” フッタ
data-role=”dialog” ダイアログ
data-role=”popup” ポップアップ

スポンサードリンク

関連記事

no image

移動しないヘッダ、フッタにIDを設定する

MozillaやWebkitベースのブラウザでは、リンクにdata-transition="slid

記事を読む

no image

data-属性によるウィジェットの設定

テーマの他にもウィジェットにdata-属性を追加して、色々な事ができます。 ウィジェ

記事を読む

no image

ポップアップを表示する

ポップアップ(popup)とは、pageの上に付加情報や画像などのコンテンツを重ねて表示するウィジェ

記事を読む

no image

アイコンとサムネイルを表示する

各項目のレイアウトを設定する <li>の中には、色々なレイアウトを設定できます。いずれ

記事を読む

no image

ボタン内にアイコンを表示したり、デザインを変更する

ボタン内にアイコンを表示するには、リンクと同じように、data-icon属性、data-iconpo

記事を読む

no image

値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだけを選択するウィジェット ラジ

記事を読む

no image

ヘッダ内、フッタ内にボタンを表示する

ヘッダ内にボタンを表示してみる ヘッダ内にリンクであるaタグを作成すると、それがボタンとして表示さ

記事を読む

no image

折りたたみを設定する

おりたたみ(collapse)は、予め概要を示す文字列が表示されている領域をクリックかタップすると、

記事を読む

no image

ページ(page)とは

jQueryMobileでは、スマートフォンの画面に表示するページ(page)というウィジェットで構

記事を読む

no image

項目リストを設定する

項目リスト(listview)は、ふくすうの項目を列挙するためのウィジェットで、項目には文字列や、画

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑