Web Storageによるテキストデータの保存(1/6):JavaScriptによるHTML5プログラミング入門 - libro
HTML5の目玉機能といえば、Canvasと並んで「ローカルボリュームへのデータ保存」があげられるでしょう。「HTMLからローカルデータベースが使えるらしい」という話は耳にしたことがあるはずです。これは大変便利ですが、「データベースまで大げさなものは必要ないんだけどな］という人が実は大半かも知れません。 こうした人のために、実はデータベースよりもっと手軽で便利なものがあるのです。それが「Webストレージ」と呼ばれる機能です。 Webストレージは、文字通り「Webのストレージ（外部記憶装置）」です。Webページで使用するデータをブラウザ外（ローカルボリューム）に保存する機能です。これには２つの種類があります。 セッションストレージ セッションにデータを保管します。セッションというのは、クライアントとサーバー間の連続した接続のことです。Webブラウザからサーバにアクセスしたとき、そのページを開
HTML5でiPhone用Webアプリをオフライン対応に
HTML5でiPhone用Webアプリをオフライン対応に：iPhoneで動かす業務用Webアプリ開発入門（5）（1/2 ページ） モバイルWebアプリはオフライン対応が必須！ いよいよ最終回の今回は、「Application Cache（アプリケーションキャッシュ）」を使います。 HTML5で導入されたアプリケーションキャッシュを使うと、WebアプリをWebブラウザのキャッシュに載せてオフラインで利用できるようになります。特に、前回の「HTML5のlocalStorageでiPhone用Webアプリを高速化」で紹介したHTML5の「localStorage」と組み合わせると、一度ダウンロードしたデータについては完全にオフラインでアプリが動作するようになります。 オフラインでの利用に対応して、3G回線など接続が安定しない環境でも業務用Webアプリが快適に使えるようにしてみましょう。 「キャッ
HTML5のフォームを実際に使ってみた。 | colori
HTML5では、制作者が実装するのに大変なフォーム処理を簡単にしてくれるしくみが備わっています。 では、実際にどのようなものになっているのか、サンプルコードを作ってみたので動かしてみたいと思います。 HTML5のFormのコード例 今回作成したHTML5のコードは以下の通り。 <!DOCTYPE html> <head> <meta charset="utf-8" /> <title>HTML5のフォームテスト</title> </head> <body> <form action="" method=post> <p><label><input type=email name=meru required>メールアドレス</label></p> <p><label><input type=url name=homepage required>ホームページ</label></p> <p><l
HTML5、JavaScript、Android を勉強しよう IPHONEサイトの作り方
HTMLのAPIの前に、IPHONEサイトについて勉強してみました。 ここでいうIPHONEサイトの定義は、IPHONE向けにカスタマイズされたWebサイトとします。 そして、例のごとく、グーグル先生にいろいろ聞いてみたところ、このサイトが一番わかりやすかったので、こちらを主に参考にしました。 IPHONEのブラウザは、MOBILE SAFARI。 なので、サンプルもSAFARIで行います。 まず、IPHONEの表示領域のことをviewportと呼びます。 IPHONE 縦のモード･･･portlaitと呼び、幅320px IPHONE 横のモード･･･landscapeと呼び、幅480px このviewportは、HTMLのmetaタグで指定します。 Mobile Safariのデフォルトは、 width=980(幅) initial-scale=1.0(初期倍率) user-scala
デザイナは要注目！ 明日から語れるHTML5＆CSS3
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（4/4 ページ） Webブラウザさえあれば何でもできる？ いままでにはなかった、さまざまな表現が可能となるHTML5＋CSS3。今後ますます注目されていくことは間違いないでしょう。現時点ではまだ仕様が決まっていなかったり、そもそも対応しているWebブラウザが少なかったりしてなかなか実務で使っていくには難しい時期です。しかし、それも近い将来なくなることでしょう。 いまでも、グーグルが提供しているGoogle Docsなどでは、WebブラウザさえあればMicrosoft Officeの各アプリケーションに対応したファイルを作成・編集できます。 しかし、よりパワフルになったHTML5＋CSS3を使えば、より豊かなユーザーインターフェイスの実装や、アニメーションによる操作性の向上、さらにはレスポンスの早い、まる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5によるちょっと先の入力フォームの作り方 | FreeWebDev.jp