jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部） 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
サーバー不要で保存できる「Web Storage」の使い方 (3/5)
ローカルストレージへの保存と読み出し HTMLフォームに入力されたデータをローカルストレージに保存してみます。ローカルストレージに保存するにはsetItem()メソッドを使います。setItem()の第1引数にはキーの名前を、第2引数には保存したい内容を指定します。 ・書式 window.localStorage.setItem(キー名, 内容) 保存したデータはgetItem()メソッドで読み出します。setItem()で指定したキーの名前をgetItem()の引数に指定します。 ・書式 window.localStorage.getItem(キー名) ローカルストレージは上記のようにメソッドを使う方法以外にも、配列形式でのアクセスや、プロパティとしてもアクセスできます。たとえばキー名が「ascii」で保存内容が"連載データ"であれば以下の方法でアクセスできます。 window.loca
サーバー不要で保存できる「Web Storage」の使い方 (2/5)
ローカルストレージの対応を調べる ローカルストレージを使う前に、ブラウザーの対応状況を確認しておきましょう。ローカルストレージは以下のブラウザーでサポートされています。多くのユーザーが利用しているInternet Explorer 8（IE8)以降も対応しているので、すでに十分使える技術だと言えます。 Internet Explorer 8以降 Safari 4以降 Firefox 3.5以降 Google Chrome 3以降 Opera 10.5以降 ブラウザーがローカルストレージに対応しているかどうか、スクリプトで調べてみましょう。ローカルストレージはwindowオブジェクトのlocalStorageプロパティにアクセスして使用します。このため、localStorageの存在を調べればローカルストレージが利用可能か判断できます。スクリプトは以下のようにいたって簡単です。 ●サンプル1
ASCII.jp：HTML5のCanvasで作る、Flash不要のお絵かきツール｜古籏一浩のJavaScriptラボ
HTML5 Canvasで作った「シンプルペイント」。ペンの色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） HTML5の新機能で特に注目を集めているのが、Flashなどのプラグインを使わずにWebブラウザー上でグラフィックを描画できる「Canvas」です。Canvasは、すでにInternet Explorer（IE）をのぞく、ほとんどのブラウザーに実装されていますし、マイクロソフトは現在開発を進めている「IE9」でHTML5を積極的にサポートするとしていますから、IE9にCanvasが実装される可能性は高そうです（ただし、現在公開されているPlatform Preview版ではCanvasは実装されていません）。すべての主要ブラウザーでCanvasが利用できるようになれば、画像処理を伴うWebア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
