スマートフォン向けのWebサイトでは、「動き」を付けることがよくあります。たとえば、折り畳んでいたパネルをゆっくりと展開したり、ページ全体を左右にスライドさせて切り替えたりと、表示される途中の過程をあえて見せることで、ユーザーに気持ちのいい操作感を与えられます。こうした動きは、JavaScriptを使って実現できます。 今回から数回にわたって、JavaScriptを使った動きの演出方法を紹介します。 jQueryを使う JavaScript開発でいまや欠かせないのがJavaScriptフレームワークです。中でも「jQuery」は非常に人気があり、多くの開発者に利用されています。iPhone/Androidでも利用できますので、本連載でもjQueryを使って動きを表現してみましょう。 まず、jQueryの最新版のファイルをダウンロードします。 ダウンロードしたファイルを適当なフォルダ(ここで
![jQueryでiPhone風スライドパネルを作ろう (1/5)](https://cdn-ak-scissors.b.st-hatena.com/image/square/37d0c6b0b12240bd526864691abea77a917e904c/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2010%2F07%2F28%2F272191%2Fl%2F490f9df46341acab.jpg)