初めまして。4月からアシアルに入社した志田と申します。 大学院時代は、グループウェアと呼ばれる複数人で知識共有するシステムをメインに研究・開発を行ってきました。 みなさん、どうぞよろしくお願いいたします。 さて、今回はjQuery Mobileを使って簡単なブログページを作ってみたいと思います。 今回は、手元にAndroid端末であるIS03があるので、IS03の標準ブラウザで表示しながら説明していきます。 ブログ記入画面 まず、ブログ記入画面を作ってみます。 ここがトップで、リストをクリックすると ページ内の各ページにジャンプします。 このトップページから各ページは、実は1つのHTMLファイルの中にすべて書かれています。 別ページのように見えていますが、ページ内リンクで実現しています。 各ページを表しているのが、divタグにつけられた data-role="page" というクラスです。
![jQuery Mobileを試してみました](https://cdn-ak-scissors.b.st-hatena.com/image/square/39e482c008d605a5b5f9180e98756d084baf2b67/height=288;version=1;width=512/https%3A%2F%2Fblog.asial.co.jp%2Fogp-logo.jpg)