[Fx57] Firefox Quantum

弊社メインブラウザー Mozilla Firefox が「Firefox Quantum」ことバージョン 57 にアップデート。

Mac、PC、Linux 向け新高速ブラウザー | Firefox

このアップデートで大きく仕様が変更され、Firefox を使い続ける動機であった多様な機能拡張の“ほとんど”が使えなくなりました。FireGestures も Search Box Sync も SearchWP も Add to Search Bar も DOM Inspector も。わしこのほか 10 個アドオン入れてましたが使えたのは 2 個。
さらに機能拡張から UI への干渉が NG となったようで、Stylish で実現していた UI 微調整が強制初期化。ブックマークメニューやコンテキストメニューにいらん項目があるわ、ステータスバーは見にくいわ、ページ内検索バーを上に持って行けないわ。ああもう。あああぁあぁもおおおおぉおおぉ。

もうずっと前からそうなるよとは言われてたらしいですがそんな Firefox 情報追ってなかったしねー。自動更新 off にするとか、本来企業用のサポート延長版にするとか、Pale Moon に乗り換えるとか手はあったんだけど。

特にマウスジェスチャー機能を提供してくれてた FireGestures が使えなくなったのがキツかった。ジェスチャー機能自体は既に新仕様対応版のものがいくつかリリースされてますが、わしユーザースクリプトを多数入れて色々やってたので。たとえばいま開いてるページのタイトルと URI を <a> タグで囲んでクリップボードに入れる。← これがあるとないとではブログ執筆時間に大きな差が! とりあえずユーザースクリプトが使える Foxy Gestures に乗り換え。

Firefox 57(Quantum)で動かなくなった「FireGestures」の代替に選ばれたのは、「Foxy Gestures」と往年の名ソフトでした。 | texst.net

こちらのページを参考にカスタマイズ。Ctrl 押してると URI だけ。

var ctrl = mouseDown.ctrlKey,
promise = executeInBackground((ctrl) => {
  return getActiveTab(tab => {
    if(ctrl){
      return tab.url;
    }else{
      return '<a href="' + tab.url + '">' + tab.title + '</a>';
    }
  });
}, [ ctrl ]);

promise.then(str => {
    var textarea = document.createElement("textarea");
    document.body.appendChild(textarea);
    textarea.value = str;
    textarea.select();
    textarea.focus();
    document.execCommand("copy");
    textarea.parentNode.removeChild(textarea);
});

よく判らないけど ―― 裏の見えないところにテキストエリア作って get した文字列を出力してそれを選択してコピーして見えないテキストエリアを消してるんですね。
これだけでもずいぶん楽になります。ありがたく使わせて戴きます。

検索フォームから検索バーに登録してくれる Add to Search Bar については、自作検索プラグインを XML で作りそれをプロファイルの searchplugin フォルダに入れておけば Firefox が自動的に search.json.mozlz4 にマージしてくれるとのことでそのように。
ここに弊社ブログとかエオルゼアデーターベースを追加しております。

UI の調整に絶対必要な DOM インスペクター。

Firefox57 で DOM インスペクタ(ブラウザツールボックス)を使う方法

こちらを参考にして使えるように。いちいちアラートが出てうざったい。

その UI 。機能拡張からの変更が NG になっただけで、userChrome.css / userContent.css を使うヤリカタはまだ有効とのこと。何年かぶりに chrome フォルダ作って Stylish で書いてた CSS を全移行。

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.statuspanel-label {
background: -moz-linear-gradient(slategray, #355) !important;
border: none !important;
color: #FFFFFF !important;
}

たとえばこんなん。ステータスバーが見やすくなります。
元々配布されてたやつを調整しただけですが。

唯一ロケーションバーや検索バーのプレースホルダー(空欄時に表示される文字列)の italic をキャンセルできず。いくら探しても判らない。どう指定すれば良いのか。

結局これの対応で 1 日潰れました。
体調悪いっていうのに。

[Fx][PC] 感染

ちょっと前の話。
Firefox で自分のブログ(つまりここ)見たらそれはもうデカデカと広告が!

141004_01

スクリーンショット撮り忘れたのが悔やまれますがこんな感じ。

弊社ブログはさくらのレンタルサーバー + WordPress で運営されております。無料ブログサービスのお世話にはなってないのでこうしたバナー広告とはこれまでも、そしてこれからも無縁のハズです。……いやいくら無料だからってここまでウザいのはなかなか無いと思われますが。
当然、大家さんであるさくらたんが強制的に表示させたわけではないし、管理者つまりわしがゼニ目当てで貼ったわけでもありません。だいたい弊社ブログは Google 先生に「お前んとこ著作権違反画像あるんで広告出さない」言われて AdSense の申請却下されたくらいです。貼れるもんならとっくに貼ってるわバカチンが!

じゃあ一体なぜ広告が? それも突然。1H 前はこんなの無かったし。
……時ここに至り、「これは相当マズイ」とようやく悟るわし。

まず考えたのは「ブログを乗っ取られたのではないか」。
こんな場末のドラクエブログ乗っ取ってどうすんだよって話だけど、畑に関してのみちょっとだけ有用ではないかと思われるデータを公開しております。このことを利用し、例えば「必ず超レア花が咲く水やり方法が判った! 100 万 G で教えます!」的な事を書いて悩めるアストル農家を詐欺ろうとしたのかもしれません! もしくは「今後アメジストローズが値上がります今のうちに大量に買っとくべき!」等嘘っぱちな予想で花相場を乱し利益を得ようとしたのかも! 怖い!

しかしながら WordPress には普通にログイン出来ました。
乗っ取りでは無いようです。

で、そこで気付いたんですが、ログインした WordPress の管理ページにも同じような広告が出てるのです。一般的にブログに表示させるバナー広告は、ブログの読者に見てもら(いあわよくばクリックしてもら)うためのものなので、管理ページに出す必要はないわけです。
ここで、この広告は Firefox が、厳密にはインストールした機能拡張のどれかが悪さして出してるんだと判りました。自分のブログは Adblock Plus (※各種ウェブ広告を非表示にする機能拡張)の対象外にしてるので、これらの広告が表示されていた、と。
さっそく機能拡張 off ったところ、バナー消滅。ヤレヤレ。

そこで改めて機能拡張の一覧を見てみると、ひとつ見覚えのないものが。曰く「CooolSaleCoupon」。え、なにこれ……。こんな、いかにも怪しい名前の機能拡張などインストールした覚えはありません。そんで日付は数日前。Firefox は機能拡張のインストール時に報告もしくは警告をするはずで、それが数日の間であれば覚えてるはずです。
つまり、“こっそりと”入れられた。
……どう見ても挙動がマルウェアじゃないですかーやだー!

いやまさかこのわしがマルウェアの侵入を許すとは。
ガッチガチの守備サッカー大好きのこのわしが!
不覚であります。不覚。
こうなった場合、取るべき手段はひとつ。即クリーンインストールです。
ま、最近調子悪かったことだし。ちょうどいいや。

クリーンインストールすることは決定しましたが、どんなマルウェアなのかちょいと Google 先生に問い合わせてみたところ ―― その除去方法を解説する怪しい日本語ページがわらわら出てきました。
これはおそらく、こっそり入れる → 目立つバナー広告で自身をわざと発見させる → 解決策を検索させる → 「このソフトを入れると除去できますよ」等、そこで真打ちのマルウェアをインストールさせるやつではなかろうか。真偽は不明。

とまあ長々書きましたが、「この日はそのクリーンインストールをしていました。のでドラクエやってません」という報告になります。ご清聴ありがとうございました。

[DQX][Fx] RAC#17当せん者発表

第 17 回読者プレゼント企画、当せん者発表のコーナー。

おめでとうございまーす。
あ。今気付いたら「こんんちは」になってる。

応募数は動画の通り、6 通でした。
DQX プレイヤーさんのアクセス数はそれなりにあったので ―― 毒の沼地てのがアレだったか、「メールアドレスが必要」ってことで敬遠されたか。だって Amazon で買えるの毒沼だけだったし……! で次は応募方法もっとお手軽にしようと思います。

© 2012-2015 ARMOR PROJECT/BIRD STUDIO/SQUARE ENIX All Rights Reserved.

Firefox 29 が正式リリース、メニューや UI 刷新でカスタマイズ・同期が簡単に - GIGAZINE

ノート PC 上で愛用してるウェブブラウザー、Firefox の ver.29 がリリースされました。

140430_02

140430_01

見た目変わりすぎ……!
タブバー + ナビゲーションバーぶっとくなりすぎ……!
表示領域明らかに狭まってる……!
これでもメニューバーを細くしてウェブ表示領域広げた方です。

/* ::::: メニューバーをできるだけ細くする ::::: */
#toolbar-menubar {
margin-bottom: -12px !important;}

続いてブックマークポップアップ内のいらないものを消しましょう。

/* ::::: ブックマークサイドバーの表示 ::::: */
#BMB_viewBookmarksSidebar,
#BMB_bookmarksPopup > menuseparator:nth-child(2)
/* ::::: このページを購読 ::::: */
,#BMB_subscribeToPageMenuitem,
#BMB_subscribeToPageMenupopup,
#BMB_bookmarksPopup > menuseparator:nth-child(5)
/* ::::: ブックマークツールバー ::::: */
,#BMB_bookmarksToolbar,
#BMB_bookmarksPopup > menuseparator:nth-child(8)
/* ::::: 全てのブックマークを表示 ::::: */
,#BMB_bookmarksShowAll
{visibility:collapse !important;}

タブの幅を最大 150px にしましょう。

/* ::::: タブの幅を最大 150px に ::::: */
.tabbrowser-tab:not([pinned]) {
max-width: 150px !important;}
italic

↑この斜めってる字がやっぱりヤなので普通の字にしましょう。

/* ::::: プレースホルダーをしゃんと立たせる ::::: */
@media (-moz-windows-default-theme) {
textbox html|*.textbox-input::-moz-placeholder {
font-style: normal !important;
}}

というような事やってて 1 日潰れたのでありました。
もう Chrome でいいんじゃないか、と言うような気も若干しております。