タグ

2012年8月11日のブックマーク (6件)

  • Webアプリもオフライン実行? Indexed Databaseを使いこなそう - @IT

    連載目次 従来のWebアプリケーションでのデータ保存には、MySQLOracleSQL Serverなど各データベース製品を利用してサーバサイドでデータをやりとりするのが一般的であった(ActiveXを利用すればJavaScriptコードからデータベース製品を利用することも可能)。 重要なデータを保存する場合には、今後もこの流れは変わることはない。ただ、個人で利用するだけのデータや、インターネットに接続できないオフライン環境でのアプリケーション利用時であればどうだろう。このようなケースでは、(クライアント環境で)ブラウザごとにデータを保存できる仕組みがあれば、非常に有効だ。 そこで登場するのが、今回紹介する「Indexed Database API」(以下、IndexedDB)だ。IndexedDBは、JavaScriptを使用してデータを管理できるキー/バリュー型の簡易データベースで

    Webアプリもオフライン実行? Indexed Databaseを使いこなそう - @IT
  • ブラウザでストレージ? Web Storageを使いこなそう

    連載目次 ■Web Storageの概要と活用例 旧来(=HTML 4.1以前)のWebブラウザでは、eコマース・サイトのカート情報やログイン状態の管理情報などのデータをブラウザに保存する仕組みとして、大半のWebサイトではクッキーを利用していた。しかし、クッキーでは、保存容量が4KBytesまでであることや、すべてのリクエストに対してサーバにデータを自動で送信するため、容量制限やセキュリティ対策に悩まされることも多くあった。 HTML5では、クッキーに代わるデータ保存の仕組みとして、「Web Storage」と呼ばれる機能を利用できる。Web Storageは、ブラウザ側でKey-Value型でデータを保存する機能のことで、現在のインターネットを取り囲む環境に対応した「クッキーの後継技術」ともいえる。 Web Storageとクッキーの機能の差異は、以下の表のとおりだ。

    ブラウザでストレージ? Web Storageを使いこなそう
  • 無職のプログラミング HTML5 Audio オブジェクトを JavaScript で制御する方法

    HTML5 の Audio オブジェクトについて調べたことをまとめる。 なお、エントリでは Audioタグについては記述しない。 <注意>以下で示すソースコードは、Firefox3.6 と GoogleChrome7 でしか検証していません。 目次 1. HTMLAudioElement オブジェクトの作成 2. HTML5 Audio およびコーデックのサポートチェック 3. 再生する Audio ファイルの指定 4. Audio ファイルの再生、一時停止、停止 5. Audio ファイルの音量変更 6. サンプルプログラム 1. HTMLAudioElement オブジェクトの作成 参考ページ: audio 要素 - HTML5 タグリファレンス - HTML5.JP JavaScriptで制御するために、Audio要素のオブジェクトを作成する必用がある。 作成方法は以下の2通り /

  • Mac のキーボードショートカット一覧(すべてのmacOSで共通) - Macにスイッチしました

    頻繁に使われる Mac のショートカット ショートカットというのは、アプリケーションや OS の機能と関連付けられた複数キーの組み合わせ入力のことで、つまり「複数のキーを同時に押すことによって、マウスで行うことと同じことができる」ことです。 Mac にはかなりの数のキーボードショットカットがありますが、普通の用途ではほぼ使わないショートカットもたくさんあり、ここでは、日常的によく使うと思われるショートカットを掲載いたします。 複数のキーを押す場合の押し方としては「同時」で間違いはないですが、ショートカットは中心のキーがやや早めというのが普通で、Mac の場合は「コマンドキーなどが中心」となり、「コマンド→他のキー」という順番となります。 Sponsored link よく使うショートカット ショートカットキーに使うキーの中心となるのは、「コマンド」キーと「option」キーと「Shift」

  • sprouthead

    1. ホームページ制作、企画、運営、管理業務 2. ウェブアプリケーションの開発、運営、および、販売業務 3. ECサイトによる販売業務 4. ソフトウェアおよびコンピュータシステムの企画、設計、構築、制作、販売、 導入、運用、保守、および、コンサルティング PRIVACY POLICYプライバシーポリシー 合同会社スプラウトヘッド(以下「当社」といいます)は、個人情報の適切な保護を 当社の社会的責務と考え、当社では以下の基方針に従って取り扱い致します。 1. 当社は、個人情報を収集する場合、個人情報の収集目的を明確にし、サービスの提供に必要な範囲内で適法かつ公正に収集・利用致します。 2. 当社は、収集した個人情報を同意いただいた場合又は法令に基づく場合を除き、第三者への提供・開示は致しません。 3. 当社は、個人情報の紛失・破壊・改竄・漏洩・不正アクセス等が生じないように安全管理措置

  • html5-css3.jp

    インターネットの歴史技術革新 インターネットは、もともと情報を遠くへ届けるための技術として始まりました。複数の拠点をつなぐことで、情報のやり取りを止めない仕組みが模索されていた時代。そこに「ネットワーク」という発想が芽生え、やがてコンピュータ同士をつなげる技術へと進化していきます。 当初はごく限られた研究機関や技術者たちの間でのみ使われていましたが、徐々にその用途は広がっていきました。専門的だった技術が、少しずつ一般の人々にも届くようになり、やがて「インターネット」という言葉が社会に浸透していきます。 とくに大きな変化が訪れたのは、「情報を探せる」「誰でも発信できる」仕組みが登場した頃でした。ブラウザの存在、検索の利便性、画面の向こうに人がいる感覚。これらが私たちの日常にゆっくりと入り込み、知らないうちに当たり前のものとなっていったのです。 その後も、画像、動画、音声といったさまざまな形