なんか、正体などと書くと、いかがわしいもののようですが、結論を書けば、Chrome の Web SQL は SQLite でした、ということです。 データベースファイル自体の所在は、[cci]~/Library/Application\ Support/Google/Chrome/Default/databases/[/cci] 以下に、URL っぽいフォルダがあって、その中に収まっています。 うちの Mac (Mac OS X 10.6.8) に最初からはいっている SQLite (sqlite3) は、version 3.6.12 でしたが、これで問題なく、閲覧などはできました。 今までは、いちいち AppleScript を併用して、[cci]do shell script[/cci] していたのですが、Chrome なら、直接 SQLite のデータベースファイルができるので、その
カメラロールの画像はテキスト化できるのです。 iOS6のSafariでサポートされるHTML5の機能 ｜ Developers.IO 2012年09月30日以前、HTML5でカメラやGPSなどスマートフォンならではの機能がどこまで使えるのか調べました。最近、iPhone5を買ったので今度はiOS6のSafariでサポートされたHTM... 参考にしたのはこのサイト。Javascriptで画像を読み込むスクリプトがあります。これをDraftPadのアシストにしてみようと。そんないつもの展開で始まります。 draftpad://self/web?source=<meta name=viewport content=initial-scale=1><title>dataURL</title><img id=image width=300><br><textarea id=info style=w
以前、HTML5でカメラやGPSなどスマートフォンならではの機能がどこまで使えるのか調べました。 最近、iPhone5を買ったので今度はiOS6のSafariでサポートされたHTML5の機能を試して見ようと思います。 試したのは以下の5つです。iPhoneで確認できるようにサンプルを作ったので試してみて下さい。 ファイルアクセス(File API)とカメラ(HTML Media Capture) 音声処理・合成(Web Audio API) アニメーション(Animation Timing API) CSS Filter Effects Remote Debugger ■ファイルアクセス(File API)とカメラ(HTML Media Capture) ファイルアクセスとカメラ連携のサンプルです。iOS6ではFile APIの書き方でカメラも使えました。 [ファイルを選択]ボタンを押すと
この記事は、HTML5 Advent Calendar 2012向けに書いたものです。 自分の担当は12/19となります。 スマフォの普及とともに写真を共有するサービスが沢山提供されてきました。 スマフォでカメラアプリを作る場合は、基本的にNativeアプリとして作るのが一般的だと思いますが、HTML5の対応が進むに連れてその状況は今後変わってくるのかもしれないと思い始めています。 カメラアプリの基本機能として 写真を撮る 写真を加工する 写真を投稿する 写真を閲覧する コメントなどのやり取りをする あたりが実装されているかと思います。 （５はソーシャル的な要素なので無くてもいいですが） Webで作るにあたって、４，５に関しては今までも問題なく作成することができましたが、１〜３が理由でNativeで作ることを選ぶのが多いのではないかと。 しかし、iOS6の登場でSafariのHTML5対応
Thank you for being patient. We are doing some work on the site and will be back shortly.
1月16 iphoneのブラウザからカメラを起動させる。WEBアプリに。 カテゴリ:HTML5iphone/ipadサイト Tweet iPhoneのカメラを起動させて撮影させるアプリをつくるには、ローカルアプリを作るしかないのかな？WEBアプリでできないのかな？ と調べてみたら、iOS6からはiPhoneのsafariでできるようになったみたいですね。 HTML5の関連仕様である、HTML Media Captureにsafariが対応したようです。 HTML Media Captureとは、HTMLのフォームから、デバイスのカメラや動画や音声を取り込む機能にアクセスするためのもの。 カメラにアクセスするには以下のように書く。 <input type="file" accept="image/*"> 実際に画面から「ファイルを選択」をタップすると以下のようになる。 ここで、「写真を撮る」
第20回 RIAコンソーシアム・ビジネスセミナー「Flash」はその役割を終えたのか～今後のRIA開発を考える～ http://www.riac.jp/2012/01/bflash-ria.html でつかった資料Read less
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは！」と思った作品をピックアップして紹介したいと思います。（コンテストの審査とは関係ないですよ！） CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい！：forked: CSSで必殺技！ - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技！第2弾！ - jsdo.it - share JavaScript, HTML5 a
HTML 5では、ドラッグ&ドロップを直接サポートするためのAPIが整備された。以前はmousedown、mousemove、mouseupを利用してドラッグ&ドロップを実現していたが、ブラウザによるネイティブサポートが実現した事で、他のアプリケーションともデータをやり取りできるようになり、コーディングも簡略化された。 HTML 5でドラッグ&ドロップを実現するための最小限の手順は以下の通りだ。 ドラッグ対象となる要素に「draggable="true"」という属性値をセットする。これにより、対象の要素がドラッグ可能となる。ちなみに、img要素やa要素(hrefの指定が必要)はデフォルトでドラッグ可能である ドラッグ&ドロップ関連のイベントを処理するようコードを記述する。以下のようなイベントが存在する イベント名イベントの通知先説明 dragstartドラッグ対象の要素ドラッグが開始さ
HTML5から、ウィンドウ(フレーム)間でメッセージの送受信を行うための仕組みが用意された。この仕組みを用いると、対象となるウィンドウのインスタンスさえ手に入れば、同じオリジン(プロトコル+ドメイン + ポート番号)のWebページはもちろん、違うオリジンのWebページとも通信を行うことが可能だ。 まず、他のウィンドウから送られてきたメッセージを受信するには、windowオブジェクトのmessageイベントを監視する必要がある。 // messageイベントの監視 window.addEventListener("message", function() {...}, false); 他のウィンドウに対してメッセージを送信する場合は、window.postMessage()メソッドを使用する。 postMessage(data, "targetOrigin"); postMessage()
Webアプリケーションをオフラインでも動作させるようにするには、Webアプリケーションの構成要素であるすべてのリソース(HTML/CSS/JavaScript)をローカルにキャッシュしておき、ネットワークに接続していない状態でもそれらのキャッシュを利用してアプリケーションを実行できるようにする必要がある。そのための仕組みがアプリケーションキャッシュだ。 アプリケーションキャッシュは、「キャッシュマニフェスト」というファイルで管理される。キャッシュマニフェストは、キャッシュするリソースを列挙することが主目的の、単純なテキストファイルだ。マニフェストファイルをブラウザに読み込ませるためには、html要素が持つ「manifest」属性にマニフェストファイルのURLを指定する。 たとえば、hello.htmlとhello.jsという2つのファイルをキャッシュするには、まず以下のようなマニフェスト
Web Storage/Web Databaseとは、クライアントサイドにデータを永続化するための仕組みで、オフラインWebアプリケーションを作成する上で非常に重要なテクノロジーだ。Web Storageはキー/バリュー型の単純なストレージ、Web Databaseは本格的なリレーショナルデータベースでありSQLを用いてストレージ操作を行うことができる。 Web Storageで取り扱うことのできる、キー/バリュー型のストレージには、以下の2種類がある。 sessionStorage … ウィンドウごと(セッションごと)に異なるストレージとなる。ウィンドウが閉じられると、データも消失する localStorage … オリジン(プロトコル + ドメイン + ポート)ごとに異なるストレージとなる。複数のウィンドウをまたいでストレージは共通。ウィンドウが閉じられてもデータは消失しない これ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
あるWeb系セミナーイベントのおまけで作ったcanvasを使ったゲームです。 と言っても点数が出るわけでもなく、戦闘機を動かして、クリックしたら弾が出て敵のタコキャラを消していくって一連の流れを追って作っていきましょう。 まずcanvasですが、お決まりのパターンとして憶えておきます。 //HTML内 1200pxの横幅、800pxの高さのcanvasタグを書きます。 これをJavaScriptで読みにいきます。 これで、このあとはJavaScriptで変数「ctx」にドットシンタックス（ドット「.」で命令をつないでいく文法、JavaScriptやActionScriptでは定番）で書いていくことになります。 で、四角を描く方法は以下の通りです。（ソースをコピペしてcanvas対応ブラウザで見てください） canvas四角 ctxというキャンバスのスクリプトが書ける場所に「fil
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
