IndexedDB に画像とファイルを格納する
原文: Storing images and files in IndexedDB (on February 23, 2012 by Robert Nyman) 以前、私たちは localStrage に画像とファイルを保存 する方法について書きましたが、それは、今日でも利用できる実用的な方法でした。しかし、この方法には localStrage と密接に関わるパフォーマンスの問題 (このブログの後半で扱います) がいくつもあるため、IndexedDB を活用することが将来のアプローチ方法として望まれます。ここでは、IndexedDB に画像とファイルを格納し、ObjectURL を通して提供する方法をお教えします。 一般的なアプローチ はじめに、手順について話しましょう。IndexedDB データベースを作成し、ファイルをそのデータベースに保存し、そのデータをページに読み出して提供します:
モジラ、互換Flashプレイヤーの「Shumway」をJavaScriptで開発中
モジララボは現在、SWF形式ファイルを再生できる互換Flashプレイヤー「Shumway」を開発中だそうです。 モジラジャパンの浅井氏のツイートで知りました。 JS実装FlashプレイヤーShumwayの動作サンプル bit.ly/LvmcNO と解説 bit.ly/LvmdRU PDF.jsに続いてFlashもJSによるプレイヤーを同梱する日が来るかもね — dynamis (でゅなみす)さん (@dynamitter) 6月 19, 2012 GithubのShumwayのページには以下のような説明があります。 Shumway is an HTML5 technology experiment that explores building a faithful and efficient renderer for the SWF file format without native c
Firefox 10 の後方互換性に関わる修正
Firefox 10 は 01/31 のリリースに向けて開発が進められています。可能な限り互換性を維持するよう開発されていますが、他のブラウザとの相互運用性や最新 Web 標準仕様への準拠のため、後方互換性に関わる修正も含まれます。そのような修正点をまとめましたので、動作検証時などにご参照ください。 ここでは後方互換性に影響し得る修正のみ解説します。その他の新機能や変更点については次のページをご覧ください: ユーザ向けも含めた新機能: Firefox 10 の主な新機能を紹介します 開発者向けの新機能や変更点: Firefox 10 for developers UserAgent 文字列のバージョン番号が 2 桁になります Firefox 10 は初めてメジャーバージョン番号が 2 桁になる Firefox です。UserAgent 文字列でブラウザ判別を行っており、そのスクリプトのバー
FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン
Firefoxの新JavaScriptエンジン、ChromeとSafariのレベルへ到達 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable MozillaはFirefoxのJavaScript実行処理性能を引き上げる開発に取り組んでいる。従来のTraceMonkeyの改善に加え、新しいJITエンジンとしてJaegerMonkeyを導入。2つの異なる側面を有するJITエンジンを組み合わせることで、さらに高速化を実現することを狙っている。 SpiderMonkey - FirefoxのコアJavaScriptインタプリタ TraceMonkey - 特定パスを一気に高速化するJIT JaegerMonkey - 浅く広く高速化を実現するJIT Chrome開発版とSafari開発版(Webkit開発版)のJavaScriptエンジンとの性能比較がARE WE FAST YET?で随時アップデートされて表示されているが、
Firebugの意外と知られていない機能紹介（プログラマ向け） - KAYAC Engineers' Blog
羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
CSS による履歴の漏えいを防ぐ取り組み « Mozilla Developer Street (modest)
これは、Mozilla Security Blog の記事 Plugging the CSS History Leak (英文) の抄訳です。Web 開発者の方は Mozilla Hacks の記事抄訳 CSS の :visited に行われるプライバシー対策 も参照してください。 プライバシーの保護は必ずしも簡単なことではありません Mozilla では近く、以前からブラウザ各社が取り組んでいる個人情報漏えい問題の対策を Firefox の開発ツリーに追加します。私たちはこの改善を非常に楽しみにしており、他のブラウザも後に続いてくれることを期待しています。しかし、これは解決が難しい問題であるため、Mozilla がなぜこのようなアプローチを取ることにしたのか説明しておきたいと思います。 履歴の取得 Web ページ上のリンクは、ユーザがそのリンク先を訪れたことがあるかどうかによって見た目が
Firefox 3.6 での XPath による要素取得: Days on the Moon
Firefox 3.6 にしたら、動的に生成した文書からの XPath による要素取得ができなくなったという報告が挙がっています。 Firefox3.6でdirect_bookmark.jsとdirect_hb.jsのはてブのタグを取得できていない問題(未解決→解決) - ヴィンペラートル・オクタウィアヌス - vimperatorグループ subscldr.jsが動かなくなったのを直してみた - mountain_dewの日記 この原因は、Firefox 3.6 で HTML 要素の名前空間の扱いが変わったことにあります。Firefox 3.6 (Gecko 1.9.2) では、HTML5 に従い、HTML 要素が (XML 文書中でなくても) XHTML の名前空間 (HTML5 でいうところの「HTML の名前空間」) http://www.w3.org/1999/xhtml に属す
Firefox + HTML5でオフラインに対応させる3つの方法 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable offline web applications at hacks.mozilla.orgにおいてFirefoxおよびHTML5を使ってWebアプリケーションをオフライン対応にする方法がまとめられている。オフラインを実現するための3つのポイントと、動作を紹介する簡潔なサンプルが掲載されており参考になる。紹介されている3つのポイントは次のとおり。 データをローカルストレージを保持する FirefoxではFirefox 2からDOM storageが導入され、ブラウザセッションを越えて、またはタブやウィンドウを越えてのデータ共有が可能になっている。ストレージグローバルオブジェクトにはページを表示している間やリロードを越えて保持される「sessionStorage」と、ブラウザが起動
Firefox 拡張を jQuery で書く！ Jetpack を使ってみた。 - IT戦記
はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る！ というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで 少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を「Jetpack Feature」といいます。 これは、以下の 2 つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル 公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe
[JS]Firefox 2/3, Safariも判別する1行のスクリプト | コリス
昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。
FastladderでLDRのクローラを使うGreasemonkey - 素人がプログラミングを勉強していたブログ
追記:console.logとかが残ってたので、gistのほうは直しておいた。 からインストール。 LDRの画面が狭くて嫌でFastladderに乗り換えようとしたけど、LDRと比較してクローラの巡回が遅くて困っていた僕のために。 // ==UserScript== // @name FastLDR // @namespace http://d.hatena.ne.jp/javascripter/ // @include http://fastladder.com/reader/ // ==/UserScript== var native_post = unsafeWindow.API.prototype.post; var api_key = null; GM_xmlhttpRequest({ method: "GET", url: "http://reader.livedoor.com
Firebugについてまとめ - monjudoh’s diary
随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');」みたいにできる。今まで、「console.log($$('table#tab td')[0]);」を実行してconsoleタブに表示させた後、そこをクリックみたいにやっていた
Firefox 3.1のHTML 5対応を検証--Canvas Text APIとCanvas Shadow API - builder by ZDNet Japan
Canvas上のテキストの垂直／水平位置を設定する Canvas Text APIで追加されるプロパティのうち、残る2つのプロパティであるtextBaselineとtextAlignは、それぞれテキストの垂直および水平位置を決定するために使用される。 まずtextBaselineプロパティでは、top、hanging、middle、alphabetic、ideographic、bottomのいずれかを使用してテキストのベースラインを指定できる。デフォルトはalphabeticになっている。HTML 5のドラフトでは、それぞれ図1の位置を表すとしている。 リスト1は、textBaselineプロパティの値をデフォルト（alphabetic）、top、middleと指定し、それぞれ色を変えて描画した例である。 これをFirefox 3.1 Alpha 1で表示すると図2のようになり、垂直位置が
JavaScript実行が高速化する「Firefox 3.1」--ウェブ開発者のIE離れ加速か - builder by ZDNet Japan
「Firefox」は、現時点でも十分に高速である。ある調査テストでは、わずかに「Safari」よりも遅いとの結果が出たものの、ここで意味する「わずかに（Safariより）遅い」とは、「猛烈に速い」ことを意味してもいる。 Mozillaが革新的に開発を進める「TraceMonkey」によって、さらにFirefoxは速くなろうとしている。パフォーマンスの大幅な改善を考えてみてほしい。 CNETのStephen Shanklandが、すでに詳細を伝えているため、ここで筆者が論ずるまでもないが、これはとりわけFirefoxにとって、ブラウザパフォーマンスの目ざましいブレークスルーとなることは確実だろう。Mozillaでエンジニアリング担当の暫定バイスプレジデントを務めるMike Shaver氏は、次のように語っている。 TraceMonkeyプロジェクトが目指すところは、まだ現時点では初期段階に過
モジラ、「Firefox 3.1」でJavaScript実行を大幅に高速化:ニュース - CNET Japan
UPDATE Mozillaは米国時間8月22日、「Firefox」の次期バージョン「Firefox 3.1」について、JavaScriptで書かれたプログラムの実行速度を大幅に高める「TraceMonkey」と呼ばれる機能を統合することで、「Gmail」などさまざまなウェブベースのアプリケーションをより高速に実行できるようになると述べた。 JavaScriptは、ウェブページに見栄えのする効果や柔軟性を加える目的で長年にわたり非常に広く使われてきたが、近年ではリッチインターネットアプリケーションにとって配管の役割も担うようになってきた。だが、JavaScriptはパフォーマンスの低さが足かせになっていたため、ウェブベースのアプリケーションがPC上で直接動く「ネイティブな」ソフトウェアと同程度に敏感に動作するのは困難な場合が多かった。そのため、Webアプリケーションを作るプログラマーたちは
FirefoxのtrunkにSelectors APIが搭載された！ - 素人がプログラミングを勉強していたブログ
function _$$(selector) $A(document.querySelectorAll(selector)); function $A(obj) Array.slice(obj); _$$('a[href]'); こんな感じに動く。すごい。返り値がNodeListだからdocument.evaluateより使いやすいかもしれない。 関数名を$$ではなく_$$にしているのは、Firebug上で実行したときにFirebugにもとからあった関数をうまく上書きできないため。 Selectors APIについては IE8 で実装された Selectors API とは何か？ - IT戦記に詳しく載っている。 あと、Firefoxのほうは、:visitedも取得できるみたい。 _$$(':visited')
はてなブラックスター - ぼくはまちちゃん！
はてなブラックスターつくってみました！ (追記) 2009年修正版があります！ → はてなブラックスター (2009年修正版) ★ これはなに？ ★ はてなブックマークのコメントに、黒い星をつけられます！ かわいいですね！ ★ どうやって使うの？ ★ (Firefoxでつかう) Greasemonkeyをインストール！ hatena_black_star.user.jsをインストール！ (Firefoxバージョン3.0とかそれ以前の人は → ) hatena_black_star_f3.user.jsをインストール！ (Sleipnirでつかう) SeaHorseをインストール！ Sleipnir オプション → クライアント → 全般 → 「スクリプトによるクライアントの操作を許可する」 にチェック！ hatena_black_star.user.js を右クリック保存！ 保存したファイ
XMLHttpRequestでRefererをセットする - FAX
JavaScript 追記Firefox 3.0で確認したところエラーになった。 Firefox 2.0.0.13で確認しました。 var url = 'http://localhost:8080/index.html'; var referrer = 'http://www.hatena.ne.jp/'; var req = new XMLHttpRequest(); req.open('GET', url, true); req.onreadystatechange = function(){ // 1: 読み込み中 if(req.readyState == 1) req.setRequestHeader('Referer', referrer); // 4: 準備完了 if(req.readyState != 4) return; console.log(req.responseTe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mozillaの研究者ら、HTML5とJavaScriptでPDFレンダリングに成功 ネイティブプラグインは不要に？