+RECOMMEND
+RECOMMEND
+Ad
+OTHERS

無料ブログ作成サービス JUGEM

paperboy&co.
RSS 1.0
ATOM  0.3
<< February 2018 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 >>
<< オンラインで請求書が制作できるサービス「請求書.jp」 | main | 【平沢進】ミュージシャン平沢進氏による独立メディアのための無料音楽素材 >>
【jQuery Mobile】オンラインでスマートフォンページが作れる「mobjectify」
20110607.jpg

スマートフォン向けのサイト作りに非常に便利なのが「jQuery Mobile」です。その「jQuery Mobile」を使ってオンライン上でhtmlの制作が行えるサービスの紹介です。



20110607_1.jpg

サイトはこちら

■ mobjectify
http://www.mobjectify.com/

このmobjectifyではオンライン上で、わりと簡単にスマートフォン向けのhtmlが組めます。


20110607_2.jpg
こちらが編集画面。

左のパネルからページの追加やボタン、リンクの追加、フォーム、リストの追加などが行えます。
中央はそれぞれのページや、ヘッダー、フッター、コンテンツなどの編集を行うところで、メインでいじるのはここになります。
右のほうでプレビュー。


20110607_3.jpg
上部メニューの「theme」からサイトにあったデザインを選択。


20110607_4.jpg
あらかじめ用意された「Standard」から選んで使うもよし、「Custom」でオリジナルのデザインを制作するもよしです。


20011.jpg
テーマはここで適応できます。
全体的な適応はもとより、各要素別にテーマの設定が行えるので、Footerだけ違うテーマのものを組み合わせたりといったこともできるようになっています。

出来上がったサイトは「Export」ボタンでzip圧縮されたhtmlとcssデータをダウンロードすることができます。jQueryのjsデータはフルパスで指定されており、こちらを細かくいじることはできませんが、内容の入れ替えやなどは簡単にできそうです。

ひととおり触ってみておもったのは、とにかくjQueryMobileを使った構築が簡単に行えるということ。サイトの全体的な構築に利用して、中身はじっくり後から入れ込む。といった使い方もありかな、と思います。

現在このサービスはベータ版のようなので、今後更なる進化に期待したいところです。
| スクリプト/プログラム | 16:18 | comments(0) | trackbacks(0) | - | - |はてなブックマーク - 【jQuery Mobile】オンラインでスマートフォンページが作れる「mobjectify」 | このエントリーをはてなブックマークに追加









http://blog.tug.lomo.jp/trackback/990273