[B! JavaScript][html5] tyamamotoのブックマーク

Application Cacheの話(2)

昨日の話の一部に、どうも間違った記述があったようです。詳しいことはそちらに追記しておきましたが、結局なにが原因でどういう挙動をしているのかよく分かりません。ちなみに問題が発生したのはChromeの方で、Firefoxはキャッシュが効きまくっています。今回はそのFirefoxで発生したバグの話。 Application Cacheはページを開いた直後から読み込みを開始するのですが、その間数種類のイベントが発生します。 applicationCache.addEventHandlerでイベントハンドラを記述できるので、そこで読み込み状態を取得して、プログレスバーを表示できたりするのです。こんな感じです。 applicationCache.addEventLisnerの第一引数に指定できるイベントは8種類あります。 checking: キャッシュマニフェストの更新を調べる段階で発生するイ

tyamamoto 2017/03/21

リンク

HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］

Webの表現力は、文字の大きさや色を中心に修飾していた時代から美しいグラフィックやアニメーションの活用へと進み、いまでは大きな動画も積極的に取り入れた、豊かな表現力と情報量を備えるWebが数多く見られるようになりました。最近では広告や解説動画といった例だけでなく、背景いっぱいに動画を使うといった例もあります。モバイルでもゲームやソーシャルメディアなどを中心に積極的に動画を用いた表現が増えています。 GIFやH.264に足りないものこうした動画表現を実現する技術には複数の選択肢がありますが、モバイルとWebサイトの両方での対応を考えると、GIFアニメーションかH.264のいずれかを選択するのが一般的でしょう。しかしGIFアニメーションは色数が256色と限られ圧縮率も低いため、小さなサイズで数秒程度といった最小限の動画再生にしか向きませんし、音声との同期も困難です。一方、H.264は高精細

tyamamoto 2015/03/13

リンク

HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG

ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。ゲームエンジンは多数存在しますが、今回は特に2Dをサポートしたソフトウェアを紹介します。mBaaSお役立ちブログトップ> ブログ> Tips> HTML5でゲーム開発。JavaScript ゲームフレームワークまとめゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。ゲームエンジンは多数

tyamamoto 2014/09/10

リンク

オフラインでも使えるJavaScriptベースの全文検索エンジン·Fullproof MOONGIFT

FullproofはJavaScriptベースの全文検索エンジンです。高速に動作します。 Webサイトのコンテンツが充実してきたら欲しくなるのが検索機能です。Google検索を使っても良いですが、ここではFullproofを紹介します。何とJavaScriptベースの全文検索エンジンです。色検索エンジン。動作は高速です。動物検索エンジン。ゲーム検索エンジン。スコアが表示されています。スコアの高いデータが上に出ます。 FullproofはHTML5のローカルストレージに対応し、WebSQLやIndexedDBにも対応します。Unicodeをフルサポートしています。スコアによって順位が決定します。発音記号に対応しますが、現在は英語とフランス語のみとなっています。JavaScriptだけとあって動作は高速です。 FullproofはHTML5/JavaScript製のオープンソース・ソ