本記事のアップデートについて ※ Chrome 60以降、Firefox 55以降では、暗号化の手順に変更が生じます。詳細は、[改訂版] Web Pushでブラウザにプッシュ通知を送ってみるを参照してください。 2022-05-03: 今後メンテナンスを行わない見通しであることから、Javaで動作するデモの公開を終了いたします。長らくありがとうございました。なお、GitHubリポジトリはそのまま残しますので、古いコードでよろしければ参考になれば幸いです。 はじめに 先に「ChromeでW3C Push APIを使ってみた」や「Firefox (Developer Edition)でW3C Push APIを使ってみる」で書きましたように、ブラウザでのプッシュ通知の対応が徐々に形になってきています。 ChromeやFirefoxでプッシュ通知を通知だけではなくデータ(ペイロード)付きで送れる
[この記事は、米国 Mozilla Blog に掲載された "Firefox Can Now Get Push Notifications From Your Favorite Sites" の抄訳です] Windows 版、Mac 版、そして Linux 版の Firefox では、Webサイトからのプッシュ通知を受け取れるようになりました。これは Web notifications と同様、タブに表示されていなくても Web サイトからの通知を受信できるようになる機能です。これはメールや天気予報、SNS 、ショッピングサイトのようなWeb サイトにとって、とても利用する価値の高い機能です。サイトからの通知を受け取ることで、より頻繁にサイトの更新を確認するようになるかもしれません。なお受信されるのは、ユーザによって許可されたサイトからの通知のみとなっています。 Firefox のコントロ
現在、Firefox Aurora としてリリースされている、Firefox 31 の開発ツールに新しいカラーピッカー機能 「Eyedropper」 が実装されました。 閲覧中の Web ページから、色情報をピックアップできますが、1px 単位で選択できるため、細かいグラデーションなどの一部でもピックアップしやすくなっていて便利です。 Eyedropper - 開発ツール ： MDN 開発ツールの設定に、「Grab a color from the page」 （ページから色を取得） という設定項目がありますので、チェックを入れて有効にします。 すると、開発ルールにカラーピッカーのアイコンが表示されます。このとき、インスペクタのカラー設定 （Default color unit） で選択されている形式で色情報が取得されますので、お好みで設定しておくといいでしょう。 カラーピッカーのアイコン
これまで Firefox 拡張機能のテストをどうやって書くのがいいかずっと悩んでいたのですが (悩みつつも QUnit を使ってテストを書いていました)、このあいだ MozMill というのを見つけて、使ってみたらなかなか良かったので紹介します。 MozMill とは MozMill は Mozilla 製品 (Firefox や Thunderbird などの Gecko ベースのアプリケーション) の自動テストを書くためのテスティングフレームワークです。 MDN のドキュメントには拡張機能としてインストールすることも、コマンドラインツールとしてインストールすることもできると書かれていますが、拡張機能は Mozilla Add-ons から削除されてしまっているようでした。 MozMill は Firefox 自体のテストにも使われているということですが、Firefox 拡張機能のテスト
(require 'moz) (defun moz-browser-reload () (interactive) (comint-send-string (inferior-moz-process) "BrowserReload();")) Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
1年ぶりにレイバンのサングラスが半額に!在庫切れになる前にゲットしておこう #Amazonブラックフライデー
ブラウザはずっとChromeを使っていたのですが、 Mountain Lionにしてからクラッシュで使い物にならなくなりました。 何のブラウザが使いやすいかな・・と思って色々試してみましたが、結局Firefoxに戻りました。 しかし、重いですね。。。 これを解決するためのTipsを探したのでシェアします。 どなたかの参考になれば幸いです。 1.about:configをいじる Firefoxのアドレスバーに「about:config」と打ち込んでEnterを押すと、 設定画面に切り替わります。 設定画面から以下のように設定を変更してください。 network.http.proxy.pipelining→「true」 browser.cache.memory.enable→「true」 network.http.pipelining.maxrequests→「8」 network.http.
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ（Responsive）は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 ２．「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
普段ブラウザのタブをいくつ開いていますか？ 20個以上のタブを開いてマルチタスクを気取っていたりしませんか？ 大量にタブを開いていたとしても、実際のところは全然使いこなせていないものです。そればかりか、ブラウザに余計な負荷をかけていることもしばしば。そこで今回は、ChromeとFirefoxで使える素晴らしいタブマネジメント・ツールをご紹介します。 ■ChromeとFirefoxに標準搭載のタブマネージャを使う Chrome 開いているタブの同期 Chromeの最大の利点は、Googleアカウントと統合されている所。タブを含むあらゆる情報をアカウントに保存できます。タブの同期機能を有効にするには、Chromeのアドレスバーに「chrome://flags/」と入力し、「開いているタブの同期を有効にする」の項目を有効にします。これで、開いているすべてのタブをほかのコンピュータと同期することが
Amazonのアソシエイト用リンクを通常のリンクに置換するFirefox用アドオン「I Dislike Amazon Affiliate!」
「2chまとめサイトなどに特に多いAmazonアソシエイトの広告。その広告のリンクを踏んで商品を買うと、紹介料として報酬が広告を置いてる人に入ります。このアドオンは、ページ内のAmazonアソシエイト用リンクを通常のリンクに置換します。これでわざわざ検索して商品を買う手間を省くことができます！」という目的と機能を持ったFirefox用アドオンがこの「I Dislike Amazon Affiliate!」です。 I Dislike Amazon Affiliate! | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト https://addons.mozilla.jp/firefox/details/293780 Firefoxで上記サイトにアクセスし、「インストール」をクリック 「許可」をクリック 「今すぐインストール」をクリック 「今すぐ再起動」をク
今日会社でひさしぶりにMacBookAirの13を触ったんですが、断固としてぼくは11派です。こんばんは。 MacBook Airに乗り換えるにあたり、まず4GBしか無いメモリを有効活用するため、ブラウザをGoogle ChromeからFirefoxのベータ版に乗り換えました。現在ver８ですかね。基本的に最大10個くらいしかタブを開かないので、メモリ利用が1GB行くことはなくなりました。 次に、TweetDeckが使えなくなったのでhootsuiteを使っていたのですが、今日Crowyというクライアントを見つけて乗り換えました。hootsuiteの不具合直しました版という感じでとても良いです。 Crowy - Social Communication Dashboard そして、１ヶ月ほど使って定番化したのでこれを紹介します。 MacBook Air 11'使い向けFirefox厳選アド
Firefox使いづらいって奴は取り敢えず俺の設定パクッてみろ Tweet カテゴリ☆☆☆ 1：以下、名無しにかわりましてVIPがお送りします：2011/07/25(月) 20:22:36.36ID:Lx2L/mMp0 Firefoxについて文句言ってる奴は、だいたい的外れな批判ばっかり ググれば解決するような問題ばっかり そういう奴は一生IE使ってろって言いたいところだが、俺の超使いやすいFirefoxの設定を全部言ってくから、取り敢えず真似してみてくれ 一応書きためてる。質問には適当に答えられるときだけ答えてく 今回扱うのはFirefox5について 始める前に、取り敢えず、「Add-on Compatibility Reporter」というアドオンで、アドオン互換性チェックを切ってくれ じゃないと話が進まないから 目的：機能性・有用性・省スペース化を心がける その上で、遊び心を忘れない
FF html5notificationsはFirefoxが未対応のHTML5によるデスクトップ通知を使えるようにするFirefoxアドオン。 FF html5notificationsはFirefox用のオープンソース・ソフトウェア。HTML5の新機能の一つがデスクトップ通知だ。Gmailで実装されており、Google ChromeでGmailを開いておけばメールが来た時にデスクトップ上に通知が表示される。通知は色々なソフトウェアで使われているので、Webアプリケーションでも使えるのは便利だ。 Mac OSXの場合はGrowlを経由 HTML5の実装状況はWebブラウザによって異なる。Google Chromeでは使えるこの通知機能も、Firefoxでは利用できない。それを克服するアドオンがFF html5notificationsだ。 FF html5notificationsはFir
Firefox：いまだ、根強いファンの多いFirefoxですが、メモリに関しては課題アリ。タブを開きすぎたり、長いあいだ開いたままにしておくとノロノロ遅くなるのが難点です。 そんなときのイライラを解消してくれるのが、アドオン「Memory Restart」です。 Memory Restartは、アドオンバーでFirefoxのメモリ使用を表示。また、メモリが一定の使用量を超えると、Firefoxを自動で再起動できます。 もちろん「いきなりシャットダウンされては困る！」というユーザーさんは、一定の使用量を超えるとボタンの色の変化で警告してくれる機能を利用し、手動で再起動することも可能。許容できるメモリ使用量の上限や、再起動の自動・手動などは「Memory Restart」の設定画面で自由に変更できます。 ちなみにMemory Restartは、メモリ使用量の検知に、Firefoxの「about
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン
本日はFirefox3と4を共存させて同時起動できる方法を調べたのでやり方をシェア。 Firefox 3 はインストール済みの状態から始めてます。 Windowsの設定方法 Macの設定方法 Windowsの設定方法 Firefox4をインストールする Windowsでの設定方法です。 まずはFirefoxの公式サイトから最新版をダウンロードしてインストールを開始します。 ↑インストール時にカスタムインストールを選択します。 ↑インストール先をC:\Program Files\Mozilla Firefox 4にします。 あとは普通にインストールしてOKです。 ただし、まだ起動してはいけません。 Firefox4起動用のショートカットを作成 ↑C:\Program Files\Mozilla Firefox 4\firefox.exe のショートカットを作成します。 ↑ショートカットを右ク
Firefoxのプロファイルの使い分け(普段用/開発用)と別バージョン(2.0と3.1)の同時起動がしたかったのでちょっと設定してみた。 プロファイルの作成 まずは使い分けるためのプロファイルを作成する。今回作成したのは以下の3つ。 Firefox3.1 Firefox3.1_development Firefox2.0 プロファイルの作成の仕方はTerminalから-Pオプションを付けて、Firefoxを起動させればいい。 $ /Applications/Firefox.app/Contents/MacOS/firefox -P プロファイルマネージャーが開くのでそこで「新しいプロファイルを作成」を選び、わかりやすいように名前をつける。 起動コマンドの作成 プロファイルを指定して起動させるには-P "プロファイル名"のオプションを付ける必要がある。毎回Terminalで指定して起動させる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
