簡単スマホサイト作成ツール 1.5

各項目を入力するだけでjQueryMobileスマホサイトが簡単に作れるツールです。
「ページ」「ヘッダー」「コンテンツ」「フッター」とその他各項目を入力し、「作成」ボタンを押してください。
「作成」ボタン押した後の入力結果ページでは「スマホで見た時の画面」「ソースコードと画像素材」が表示されます。
各項目をいろいろ入力して独自のスマホサイトを作ってください。

※一応、推奨環境(ブラウザ)は「Mozilla FireFox」「Google Chrome」です。
※右の「sample >」は作成例のご紹介ページです。

お知らせ
  • 2013.05.31
    バージョン1.5をアップしました。
機能詳細
  • jQuery/jQueryMobileバージョン固定
  • ヘッダー・フッターバー有無
  • 各部分のテーマ選択
  • 各部分のテキスト挿入
  • ページ・コンテンツ背景画像
  • コンポーネント一括スタイル変更
  • 下層ページ追加
  • ヘッダーボタンアイコン選択
  • ダイアログメニュー&切替効果
  • サイドパネル有無
  • スライドショー/画像の選択・有無
  • 画像サイズ選択
  • スライドショー各オプション選択
  • リストビュー・サムネイル・検索フィルター有無
  • 折り畳みボタン有無
  • 単体ボタン挿入
  • フッターナビゲーションバー有無
■ jQuery / jQueryMobileバージョン
jQuery 1.10.0
jQueryMobile 1.3.1
■ スライドショー / メイン画像
スライドショー・画像
を使用
はい いいえ
※「いいえ」を選択した場合、下記の「スライドショー・画像」に関する項目すべて入力不要。
スライドショー・画像
のサイズ
デフォルトのまま 大きめ
スライドショー・画像
の選択
スライドショー 画像
※「スライドショー」を選択した場合のみ下記項目の「オプション」を入力、また「画像」を選択した場合のみ「メイン画像」を入力してください。
オプション
(1)アニメーション
slide fade
(2)コントロールナビ設置
はい いいえ
(3)コントロールナビカラー
black(default) red orange
green blue
(4)境界線
あり なし
(5)オートスライドスピード
メイン画像
clear white black silver
■ ページ・コンテンツ背景画像
背景画像を使用 はい いいえ
※「いいえ」を選択した場合は下記の「画像選択」の入力不要。
画像選択
背景1 背景2 背景3
背景4 背景5 背景6
■ コンポーネント一括スタイル変更
一括スタイル変更 デフォルトのまま
クールな感じに変更する
※「クールな感じに変更する」を選択した場合は「ダイアログメニューリスト・リストビュー・サムネイル画像・折り畳みボタン・単体ボタン」のサイズがクールな感じに細くなります。
■ 下層ページ追加
■ ページ
■ ヘッダー
タイトル
ヘッダーバー表示 はい いいえ
※「いいえ」を選択した場合は下記の「テーマ」「ダイアログメニュー」「サイドパネル」の入力不要。
テーマ
a b c d e
ダイアログメニュー
(1)ヘッダーボタンアイコン
info grid gear star
bars
(2)メニュータイトル
(3)メニュー数
(4)各メニュー名
メニュー1:
メニュー2:
メニュー3:
メニュー4:
メニュー5:
(5)切替効果
pop flip fade turn
flow slideup slidedown
サイドパネルを使用
はい いいえ
※「いいえ」を選択した場合は下記の「サイドパネル内容」項目の入力不要。
サイドパネル内容
(1)テーマ
a b c d e
(2)ヘッダーボタンアイコン
info grid gear star
bars
(3)パネル内タイトル
(4)パネル内テキスト
■ コンテンツ
テーマ a b c d e
リストビュー表示 はい いいえ
※「いいえ」を選択した場合は下記の「リストビュー」項目の入力不要。
リストビュー
(1)丸角リスト
はい いいえ
(2)リストタイトル
(3)リストタイトルテーマ
a b c d e
(4)リスト数
(5)各リスト名
リスト1:
リスト2:
リスト3:
リスト4:
リスト5:
リスト6:
リスト7:
リスト8:
(6)サムネイル画像挿入
はい いいえ
(7)検索フィルター設置
はい いいえ
折り畳みボタン表示 はい いいえ
※「いいえ」を選択した場合は下記の「折り畳みボタン」項目の入力不要。
折り畳みボタン
(1)ボタン数
(2)各ボタンタイトル
ボタン1:
ボタン2:
ボタン3:
(3)各ボタン内テキスト
・ボタン1

・ボタン2

・ボタン3

※各ボタン内テキストは100文字以内でお願いします。
テキスト挿入
(1)テキスト内容
(2)挿入位置
コンテンツ上部 コンテンツ下部
※テキスト内容は300文字以内でお願いします。
単体ボタン挿入 はい いいえ
※「いいえ」の場合はボタン文字の入力不要です
ボタン文字
■ フッター
タイトル
フッターバー表示 はい いいえ
※「いいえ」の場合は下記の「テーマ」「ナビゲーションバー」項目の入力不要です。
テーマ
a b c d e
ナビゲーションバー
(1)ナビゲーションバー表示
はい いいえ
(2)ナビ数
(3)各ナビ名
メニュー1:
メニュー2:
メニュー3: