新しいfirefoxのweb extensionsがChromeExtentionとの互換性そのままだった - Screaming Loud
今回、firefox dev conferenceに参加してきました。 www.mozilla.jp そこで聞いてきた、webextensionsに関して試してみたので、ログっておきます。 firefoxはアドオンの機能に関して、Chromeの拡張機能と同じ仕様を搭載することを発表しています。dev.mozilla.jp 実際、どのようにして作るのか紹介します。 WebExtensionsに関しては、WebExtensions - MozillaWikiに書いてあります。 環境構築 以下からFirefox Developer Editionをダウンロードします。 Firefox のダウンロード — 自由な Web ブラウザ — Mozilla リンクのURLからしてバージョンが変わると見れなくなりそうなので、 リンクに飛べない場合は、「DeveloperEdition」で検索してダウンロー
FirefoxブラウザとWebの技術ですぐ作れる！ HTML5で手軽にFirefox OSアプリ開発
※1 Mozilla Corporation調べ、2014年12月現在 Firefox OSの特長 Firefox OSの構成 Firefox OSはMozillaが開発したオープンソースのスマートフォン、タブレット向けOSです。HTML、JavaScript、CSSなどのHTML5関連技術を用いてアプリを開発できるのが大きな特長であり、比較的軽量なOSとして設計されているため、低リソースのデバイスでも軽快に動作することも特長のひとつです。 Firefox OSの内部構造は主にGonk、Gecko、Gaiaという3つの層に分かれています。 一番上のアプリケーション／ユーザーインターフェース層はGaia（ガイア）と呼ばれています。Gonk（ゴンク）はデバイスとのインターフェースとなっているLinuxで、真ん中のGecko（ゲッコー）はHTML5アプリケーションのランタイムです。 アプリ開発者
Firefox を使ってみよう
Firefox ブラウザー Developer Edition ご愛用いただいているブラウザーが新しくなりました。自由なウェブを築くために必要とされる最新機能や高速パフォーマンス、開発ツールを、ぜひ入手してください。
FirefoxのJavaScriptエンジン「Spidermonkey」がChromeのV8よりも高速に
By Sparrow* MozillaのJavaScriptチームが運営する「AreWeFastYet?」の調査によると、FirefoxのJavaScriptエンジン「Spidermonkey」が、「Kraken」・「SunSpider」・Googleの「Octane」といったJavascriptベンチマークスコアにおいて、「Google V8 JavaScript Engine」や「JSC」を上回ったことが判明しました。 ARE WE FAST YET? http://arewefastyet.com/ Well, I'm Back: Are We Fast Yet? Yes We Are! http://robert.ocallahan.org/2014/10/are-we-fast-yet-yes-we-are.html 「ARE WE FAST YET?」はMozillaのJava
Firefoxのアドオン（拡張機能） 「ColorZilla」でweb上の色を取得｜Web Persons [ウェブパーソンズ]
ネットサーフィンしていると偶然見たサイトがすごく綺麗で配色を参考にする事があります。 そんなときここで使われているこのパーツの色は何色なんだろ？？ なんて思うことありませんか。 そんな時どうするかといえば、画面キャプチャーをとって画像処理ソフトで開いて色を取得してとか、ソースを開いて色の数値を探して・・・なんて方法もありますが、今回紹介するアドオンを使えば、ブラウザ上でマウスオーバーするだけで色が解っちゃいます。 今回紹介するアドオンは、「ColorZilla」です。 インストールが完了すると、ブラウザウィンドウの左下にスポイトのマークが表示されます。 アドオンを使用する時はこのスポイトマークをクリックします。すると、マウスポインタが十字マークになりますので、あとは知りたい色の上に合わせるだけ。 実際に合わせてみると、下の画像のようにRGB数値や、ポインタの座標、パーツの属性などを知らせて
Firebugだけじゃないぞ、Firefoxの開発ツール入門
上記の機能の中から、今回は代表的なもの4つを取り上げ、簡単にご紹介します。 ページインスペクタ 開発ツールで必要とされる機能といえば、まずDOMのインスペクタです。「インスペクタ」と書かれたタブをクリックすることで、表示できます。 DOMツリーの表示、適用されているCSSの表示、計算済みの値の一覧といった基本的なことはもちろんできます。ボックスの幅や高さ、マージンといったサイズに関する情報は「ボックスモデル」として確認できます。ボックスモデルは開発ツールの中で見ることもできます。また描画されたページにオーバレイする形でも表示されます（2014年5月の時点ではベータ版で利用可能）。 使用されているフォントや、色が実際に目で見て確認できるというのも、細かいことながら便利な機能です。色サンプルをクリックすることで、カラーピッカーが表示されます。カラーピッカーで選んだ色が、ページの描画結果へ動的に
進化するWebプラットフォーム！Chrome OSとFirefox OSが変えるWebの未来
近年、ネイティブのアプリをHTML5だけで開発できるOSが、注目を集めています。本記事では、2014年内に日本での製品発売が期待されるGoogleのChrome OSとMozillaのFirefox OSの概要を紹介します。 PCの利用時間の大半をWebに費やしている人や、Webブラウザ以外のアプリは使用しないという人は少なくありません。Chrome OSはこのように、WebのためにPCを利用するユーザーにとって、最適なブラウズ環境を提供することを目的として開発されたOSです。米NPDの調査によれば、Chrome OSを搭載したノートPCであるChromebookは、2013年内に米国で販売されたノートPCの21％を占め、着実にシェアを伸ばしています。 Chrome OSのアーキテクチャ Chrome OSは、Chromium OSというオープンソースのOSを、Chromebookに最適化
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
