本サイトからスピンオフした姉妹サイトです。Mobileの基本機能を目的別リファレンスの形式でまとめる連載。Mobileの基本機能を目的別リファレンスの形式でまとめる連載スタート。Mobileページの基本構造を説明する。Mobileで基本的なページを定義するには?基本的なページを作成する方法を解説。要素のid値を振る際の注意点と、1つのファイルで複数ページを管理する方法についても説明。Mobileのテーマを設定(&ThemeRollerによる自作テーマ作成)するには?サイトデザインを管理できる「テーマ」と「スウォッチ」の基本的な利用法を解説。Mobileページでヘッダー/フッターの表示をカスタマイズするには?ヘッダー/フッターを作成する方法を解説。ヘッダー/フッターの位置を固定したり、タップで非表示にしたりする方法なども紹介。Mobileにおけるリンクの挙動を解説。ページ遷移時のエフェクトやプリフェッチ機能についても説明する。Mobileで、ページ読み込みに際してローディングアイコンを表示する方法と、ローディング表示を制御する基本的なテクニックを解説。Mobileページでボタンを設置するには、<button>/<a>/<input>要素などを利用するのが一般的。これらを使ってさまざまなレイアウトを実現する方法を説明。Mobileページでボタンを設置する方法について説明。今回は、アイコン付きのボタンをレイアウトする方法を解説する。MobileのNavbarウィジェットで手軽に作成する方法を解説する。MobileのTabsウィジェットで手軽に作成する方法を解説。MobileのPanelウィジェットで手軽に作成する方法を解説する。MobileのPopupウィジェットで手軽に作成する方法を解説する。MobileのPopupウィジェットで作成する方法を解説する。MobileのTableウィジェットで作成する方法を解説する。MobileのTableウィジェットで作成する方法を解説する。2014年4月17日(木曜日)Collapsibleウィジェットで開閉可能なパネルを作成するには?タイトル領域をクリックすることでコンテンツ本体の表示/非表示を切り替えられる「開閉可能パネル」を、Collapsibleウィジェットで簡単に作成する方法を解説する。2014年4月24日(木曜日)Collapsiblesetウィジェットで開閉可能なパネルを作成するには?コンテンツ本体の表示/非表示を切り替える「開閉可能パネル」を束ねた「アコーディオンパネル」を、Collapsiblesetウィジェットで作成する方法を解説する。Mobileページで複数列からなるグリッドレイアウトを作成するには?標準機能を使ってグリッドレイアウトを作成する方法を解説。複数行にまたがるレイアウトや、レスポンシブレイアウトへの対応も説明する。2014年5月15日(木曜日)Checkboxradioでラジオボタン/チェックボックスを作成するには?標準のラジオボタン/チェックボックスをリッチな選択ボタンに整形できるCheckboxradioウィジェットの基本的な使い方を解説する。2014年5月22日(木曜日)Flipswitchウィジェットでオン/オフ選択のためのフリップスイッチを作成するには?オン/オフに特化した選択ボタンを設置するには、CheckboxradioウィジェットよりもFlipswitchウィジェットが便利。その基本的な使い方を解説する。2014年5月29日(木曜日)Selectmenuウィジェットで選択メニューを作成するには?複数の選択肢から1つもしくは複数をページ閲覧者に選択させたいときに、通常の「ラジオボタン/チェックボックス」ではなく、タップして初めて選択オプションが表示される「選択メニュー」を使いたい場合がある。これを手軽に作成する方法を説明する。Mobileらしいフォームを実装するために知っておきたいポイントと特性方法を説明する。Mobileでテキスト入力ボックスを設置するのは通常のフォームの場合と変わらない。それだけで角丸やシャドウ効果の効いた、ネイティブアプリ・ライクなテキストボックスへと整形してくれる。2014年6月19日(木曜日)ListViewウィジェットで、ネイティブアプリ・ライクなリストビューを作成するには?<ul>/<li>要素や<ol>/<li>要素をネイティブアプリで見かけるようなリッチなリストに整形できるListViewウィジェットの基本的な使い方を解説。2014年6月26日(木曜日)ListViewウィジェットで階層型リストを作成するには?初期状態では最上位の項目だけを表示して、そこから下位階層の項目にドリルダウンできる、階層化リストを作成するには、NestedListプラグインを使う。2014年7月3日(木曜日)ListViewウィジェットで作成したリストに区切り線を追加するには?リスト項目をある固まりごとに区分けして視認性を高めたい場合にはデバイダー(=区切り線)を使用する。その追加方法を説明する。2014年7月10日(木曜日)ListViewウィジェットで、アイコン付き、カウントバブル付きのリストビューを生成するには?ListViewウィジェットを使って作成したリストに対して、サムネイル/アイコン画像やカウントバブル、見出し/補足情報を追加する方法を説明する。2014年7月17日(木曜日)Filterableウィジェットでリスト/テーブルなどに検索機能を付与するには?リストやテーブル、ボタングループ/選択ボックスなど、任意の要素グループに対して検索機能を付与できるFilterableウィジェットの基本的な使い方を解説。2014年7月24日(木曜日)Filterableウィジェットによる検索ルールをカスタマイズするには?リスト/テーブルなどに検索機能を不要できるFilterableウィジェット。その検索機能をカスタマイズする方法を解説する。2014年7月31日(木曜日)Sliderウィジェットで、スライダーを作成するには?つまみをスライドして値を簡単に選択できるスライダーを作成するためのSliderウィジェットの基本的な使い方を説明する。Mobileやウィジェットの動作を変更できる「動作パラメーター」の基本的な使い方を解説する。2014年8月21日(木)$.mobile.pathオブジェクトでパス/URLの情報を取得/操作するには?パスやURLを取得/操作するには、$.mobile.path.xxxxxメソッドが利用できる。各メソッドの基本的な使い方を解説する。Mobile固有の注意点もある。その注意点を解説する。Mobileのページ遷移ではchangeメソッドやloadメソッドを利用する。その基本的な使い方を説明する。2014年9月11日(木)ページのロード/切り替え時に初期化/後処理を実行するには?ページを表示/切り替えするタイミングで発生するイベントにはどのようなものがあるのか。ページイベントの基本的な利用方法を説明する。2014年9月18日(木)ページレイアウトが変更したときに処理を実行するには?ウィジェットのレイアウト状態が変化したとき(例えば開閉パネルが開いた/閉じたときなどに)、処理を実行する方法を説明する。Mobileでパフォーマンスを改善する方法を解説。ウィジェットの動作パラメーターをデフォルト設定して解釈処理をスキップする方法と、文書ツリーの一部を手書きして自動生成をスキップする方法について紹介する。2014年10月2日(木)スクロール時に追加的にコンテンツを読み込むには?スクロールの開始/終了のタイミングで発生するscrollstart/scrollstopイベントの基本的な使い方を説明。画面を縦方向にスクロールするためのsilentScrollメソッドについても紹介する。2014年10月9日(木)モバイル端末を縦横回転させたときにレイアウトを調整するには?端末の回転を検知できるorientationchangeイベントを説明して、端末が縦置きの場合は縦並びに、横置きの場合は横並びに表示する方法を説明する。機械学習エンジニアを目指す人~初中級者のための技術情報サイトです。「機械学習&AI」「クラウド&ビッグデータ」「IoTデバイス」のネット記事情報を共有中。開発者のためのSlackチーム、作りました:「機械学習&AI」「クラウド&ビッグデータ」「IoTデバイス」のネット記事情報を共有中。2020最適なビューへの切り替えを推奨します:スマートフォン用表示に。