*

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

ポップアップを表示する

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

記事を読む

no image

<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するかで、ラジオボタンかチェックボッ

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

バルーンを表示、項目を分割、折り畳みやポップ内にlistviewを作成する。

バルーンとは、円形の囲みのことで、jQueryMobileでは、その内部に文字列を表示するために、実

記事を読む

no image

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

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグループ化が有効です。グループ化され

記事を読む

no image

data-属性により、ヘッダとフッタを常時表示する

前回の記事の続きです。 ヘッダとフッタを常時表示 ページのヘッダとフッタにdata-posi

記事を読む

no image

class属性によりレイアウトとテーマを設定する

ウィジェットが画面に表示されるとき、HTMLタグには様々なclass属性が追加されます。これらはCS

記事を読む

no image

ナビゲーションバーを表示

ナビゲーションバーは、ヘッダ、フッタ内の複数のリンクをボタンのようにして表示するウィジェットです、よ

記事を読む

スポンサードリンク

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 ↑