Ubuntu + Firefox Quantum スクロールで画面がちらつく

Ubuntu (Ubuntu MATE 17.10) 環境下の Firefox Quantum (57.0.4) において、スクロール時に画面がちらつく現象が発生している。水平方向にチラチラと画面が乱れるのである。

色々設定を試行錯誤した結果、唯一効果があったのが、設定の・・・

□ スムーズスクロール機能を使用する

のチェックを外すことである。

範囲を選択_001.jpg

Windows環境下では問題はなかったので、Ubuntu Firefox Quantum の問題であると推察している。

スクロールがスムーズではなくなるが、チラチラするよりはマシである。

admin
カテゴリ:ブラウザ
タグ:Linux Firefox
2018/01/21 18:19 | コメント (0)

YouTube の収益が絶たれた

YouTubeで騒ぎになっている「自殺の名所として知られる青木ヶ原の樹海で撮影した遺体の動画を撮影・投稿した人気YouTuberのローガン・ポール氏(22)との提携を解除すると発表」の件に関して、YouTube (Google) は、YouTube、広告プログラムの参加基準を厳格化 - CNET Japan を発表した。

筆者もYouTubeに広告を掲載しているが、本日以下のメールを頂戴した。

範囲を選択_003.jpg

範囲を選択_004.jpg

つまり、あたなは基準を満たしていないので、今後YouTubeで広告収入を得ることはできないよ! と云うことである。ただ、もともと収益は殆ど0に近いワケであり影響は全くない。それでも、影響を受けるユーザーはかなりいるのでは?と推察できる。神Googleには絶対服従ではあるが・・・。

admin
カテゴリ:トピックス
タグ:youtube
2018/01/20 16:53 | コメント (0)

Ubuntu MATE 17.10 導入メモ

しばらく、Windows 10 を使用していたが、再び「Ubuntu MATE」を常用することにした。前回 (Ubuntu MATE 17.04 導入メモ: Jkun Blog) は ”17,04” であったが、今回は ”17.10” である。”17.04” では不具合が散見されたが、今回はまったく問題なしで非常に安定している。

Ubuntu MATE | For a retrospective future

ワークスペース 1_002.jpg

以下、導入に関してカスタマイズした項目を、備忘録としてメモしておく。

まずはアップデート

sudo apt-get update
sudo apt-get upgrade

リリース後更新されているのは常なので、必ず最新になるようにアップデートする。

Dropbox (クラウドストレージ)

sudo apt-get install nautilus-dropbox

設定を復元するための様々な情報は、Dropboxに保管しているので、先立ってインストールする。

Fcitx-mozc (日本語変換環境)

デフォルトでインストールされている。Dropboxにバックアップしたユーザー辞書のインポート。

パネルのレイアウト

下のパネルを削除して、上のパネルに情報を集約する。

Firefox (常用ブラウザ)

デフォルトでインストールされている。Dropboxにバックアップしたプロファイル (zip圧縮) を解凍して復元する。

※Flashの有効化 → [sudo apt-get install browser-plugin-freshplayer-pepperflash]

Redshift (ブルーライトカット・輝度調整)

デフォルトでインストールされている。

↓ 設定ファイルを用意する。保存場所 → ”~/.config/redshift.conf”

; Global settings
[redshift]
temp-day=4000
temp-night=4000
transition=0
brightness=0.8
gamma=1.0:1.0:1.0
location-provider=manual
adjustment-method=randr
 
; The location provider and adjustment method settings are in their own sections.
[manual]
lat=35.82
lon=139.38

項目の意味は、Linux - redshift 導入方法: Jkun Blog を参照されたし。

メニューからRedshiftを起動して、インジケーターに現れたアイコンをクリックして「Autostart」にチェックを入れる。

Glipper (クリップボード管理)

sudo apt-get install glipper
glipper

インジケーターにアイコンが現れる。次回システム起動時に自動起動される。必要に応じてアイコンをクリックして設定を行う。

Shutter (画面キャプチャ&編集)

sudo apt-get install shutter

自動起動・初回起動時の挙動、スクリーンショット撮影時の保存ファイル名、などは設定画面で設定する。

ショートカットを設定するなら、[システム] → [コントロールセンター] → [キーボードショートカット]
範囲の選択 → shutter -s
ウィンドウの選択 → shutter -w
デスクトップ全体 → shutter -f
アクティブウィンドウ → shutter -a

ファイアウォール設定

sudo ufw enable
sudo ufw default DENY
sudo ufw status

[システム] → [コントロールセンター] からでも設定は可能。

システム → コントロールセンター で諸々設定 と その他

  • 電源管理、スクリーンセーバー。
  • デスクトップのアイコン削除、デスクトップの背景変更。
  • プロプライエタリドライバのチェック。
  • 新しいウインドウを真ん中に表示。
  • システム起動時に自動でFirefoxのプロファイルをバックアップしてFirefoxを起動する。
  • ※Synapticパッケージマネージャのインストール。 → [sudo apt-get install synaptic]
  • ※FTPクライアントが必要ならgFTPをインストール。 → [sudo apt-get install gftp]
  • ※17.04 では問題のあった ”TeamViewer” も正常に動作する。

筆者固有の設定も多々あるが、備忘録として書いているのでご容赦頂きたい。

”17.04” は、安定感は抜群である。使い勝手も非常によい。サクサク動作で満足である。

admin
タグ:Linux
2018/01/20 16:33 | コメント (0)

Ubuntu + Firefox Quantum [Ver.57] のタイトルバーを非表示にする方法

Ubuntu系ディストリビューション + Firefox Quantum [Ver.57] のタイトルバーを非表示にする方法を探ってみた。

しかしながら、最終的には以下の方法しか対策が見つからなかった。その対策とは、Firefox Quantum を [Ver.59] にすることである。これにより、Windows環境と同様にタイトルバーの ”表示/非表示” がカスタマイズで対応できるようになる。

範囲を選択_001.jpg

[Ver.59] は、現状では ”Nightly” が対象となる。インストールは、端末から以下のコマンドを叩けばOKである。

sudo add-apt-repository ppa:ubuntu-mozilla-daily/ppa
sudo apt-get update
sudo apt-get install firefox-trunk

なお、プロファイルは正式版 [Ver.57] とは異なるディレクトリに作成されるので、同時起動も可能である。正式版が [Ver.59] になるまで試してみてはどうだろうか?

admin
カテゴリ:ブラウザ
タグ:Linux Firefox
2018/01/20 09:19 | コメント (0)

Firefox Quantum テーマのカスタマイズ タブバーの”位置と色変更”

Firefox Quantum (57.0.4) のテーマのカスタマイズについての覚書。特にタブ回りに特化して対応してみた。

2018-01-19_10h09_25.jpg

今回は、標準テーマの「Light」を適用した上でカスタマイズした。なお、タブバーの位置は3段目に移動している。

C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\s7wgszc0.default\chrome\userChrome.css

テーマのカスタマイズは、プロファイルフォルダにある[chrome\userChrome.css] にcssを書き込めばよい。ファイルが存在しない場合は、新規で作成する。通常、何もしなければ存在しないので、新規で作成する必要がある。

[s7wgszc0.default]:プロファイルフォルダは、[ヘルプ] → [トラブルシューティング情報] → [プロファイルフォルダー] で確認できる。或いは、[Win] + [R] で [ファイル名を指定して実行] と云うウィンドウを出し、そこに「%APPDATA%\Mozilla\Firefox\Profiles\」と打ち込むと、[s7wgszc0.default] と云うようなフォルダが表示される。

/* userChrome.css */

/* toolbar */
#nav-bar {
	-moz-box-ordinal-group: 1 !important;
	border-top-width: 0 !important;
}

/* bookmarkbar */
#PersonalToolbar {
	-moz-box-ordinal-group: 2 !important;
}

/* tabbar */
#TabsToolbar {
	-moz-box-ordinal-group: 3 !important;
}

/* normal tabs text color /  background color */
tab:not([selected="true"]) {
	background-color:#EDD !important; 
	color:#000 !important; 
}

/* active tabs text color */
.tabbrowser-tab[visuallyselected=true] {
	 color: #FFF !important;
}

/* active tabs background color */
.tab-background[selected=true] {
	background-color: #808 !important;
	background-image: none !important;
}

/* active tabs top line color */
.tab-line[selected=true] {
	background-color: #F0F !important;
}

/* inactive tabs background color (hover) */
tab:hover {
	color: #FFF !important;
	background-color: #088 !important;
}

/* inactive tabs top line color (hover) */
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
	background-color: #00FA9A !important;
}

今回は、タブバーを3段目にして操作性を向上させた関係で、タブ回りの色をカスタマイズしたと云う経緯がある。単なる覚書ではあるが、参考になれば幸いである。

※[userChrome.css] の反映にはFirefoxの再起動が必要になる。

admin
カテゴリ:ブラウザ
タグ:Firefox
2018/01/19 10:52 | コメント (0)

プログレスバー Firefox Quantum アドオン「Load Progress Bar」

ロード中の進捗がわかる Firefox Quantum アドオン「Load Progress Bar」の紹介。

Load Progress Bar – Firefox 向けアドオン

↓ オプション画面

2018-01-18_16h02_29.jpg

バーの色、バーの幅 (太さ)、バーの表示位置 (上 / 下) の指定が可能となっている。

ロードに時間のかかるサイトでは、視覚的に進捗がわかるのでGood!である。

admin
タグ:Firefox
2018/01/18 16:14 | コメント (0)

Firefoxで「モバイルのブックマーク」が2個あるので削除してみた

Firefoxで「モバイルのブックマーク」が2個あるので削除してみた。(Firefox 57.0.4 )

スマホ側でFirefoxのインストールを何度もやった影響かもしれないが、パソコン側のブックマークに「モバイルのブックマーク」が2個あることに気づいた。このブックマークフォルダは削除不可なので、削除する方法を探ってみた。

↓ 「モバイルのブックマーク」が2個ある。

2018-01-13_21h14_10.jpg

まず、[Win] + [R] で”ファイル名を指定して実行”と云うウィンドウを出す。そこに、「%APPDATA%\Mozilla\Firefox\Profiles\」と打ち込むと、”woy8ukin.default”と云うようなフォルダが表示される。このフォルダがFirefoxのプロファイルのフォルダになる。

このフォルダを開くと、”places.sqlite”と云うファイルがあるので、これを削除する。このとき、Firefoxは終了させておく。Firefoxを起動すれば、「モバイルのブックマーク」は消えて、しばらくすると1個だけ出現する。

↓ 「モバイルのブックマーク」が1個になった。

2018-01-13_21h17_11.jpg

もし、気になる方は、お試しください。

admin
カテゴリ:ブラウザ
タグ:Firefox
2018/01/13 21:35 | コメント (0)

YouTubeの再生タブが非アクティブになると動画を停止するChrome拡張機能「YouTubeトレードマーク(TM) auto Pause and Resume」

YouTubeの再生タブが非アクティブになると動画を停止するChrome拡張機能「YouTubeトレードマーク(TM) auto Pause and Resume」の紹介。

YouTubeトレードマーク(TM) auto Pause and Resume - Chrome ウェブストア

YouTube再生タブが非アクティブ (カレントタブでなくなる) になると動画を停止する。再びアクティブになると、続きから再生する。

2018-01-10_21h13_27.jpg

機能の ON/OFF は、ツールバーのアイコンをクリックするだけ。なるほど納得のアドオンと感心する筆者。

admin
タグ:youtube chrome
2018/01/10 21:22 | コメント (0)

設定した条件でタブを自動でピン留め (固定) するChrome拡張機能「Pin Tab」

設定した条件でタブを自動でピン留め (固定) するChrome拡張機能「Pin Tab」の紹介。

2018-01-10_16h40_42.jpg

Pin Tab - Chrome ウェブストア

オプション画面に関する機械翻訳は以下の通り。

URLに基​​づいて正規表現で自動的に固定するタブを指定することができます。 正規表現が何であるかわからない場合は、自動的に固定したいURLを入力してください。 プラグインにキーボードショートカット(Alt-Pなど)を割り当てるには、拡張マネージャで[コマンドの設定]をクリックして、固定状態を簡単に切り替えます。 同じ規則でhttpとhttpsを指定するには、正規表現の数量子を使用します。
例:^ http [s] {0,1}://www.facebook.com/$

ここでは、固定するURLを定義します。 これらのルールには、正規表現とルール名の2つのコンポーネントがあります。 正規表現はフィルタリングされるコンテンツを定義し、ルール名は単にフィルタリングされたコンテンツに一致するルールを識別するラベルです。 デフォルトでは、一致する投稿の通知にルール名が表示されます。 オプションの[Tab Index]フィールドでは、左側からこのタブを配置するタブの数を指定できます。 たとえば、0の値を指定すると、タブが左端に配置されます(左から0個のタブが表示されるため)。 2の値は、タブを左から3番目のタブとして配置します。 無効にするチェックボックスをオンにすると、ルールは無効になります。 したがって、このルールの正規表現に一致するタブは、このルールでは固定されません。 ただし、タブがこの正規表現と正規表現に一致する場合、そのタブは固定されている可能性があります。

手動で ”ピン留め” をよく利用するユーザーは、是非利用されたし。

admin
タグ:chrome
2018/01/10 16:53 | コメント (0)

Windowsにおけるブラウザで文字をキレイに表示する方法

Windows環境のブラウザでは、文字が汚い!と云うのが当たり前であった。昨今では、Windows 10 に関しては、昔に比べれば・・・と云うレベルまでにはなった。しかしながら、Linux環境と比較すると、差は歴然であることには変わりない。

そこで今回は、自分の好きなフォント (見栄えの良いと感じるフォント) をWindows環境にインストールして、そのフォントでブラウザ上の文字を表示することにした。

ここでは、Windows 10 環境、使用するブラウザはChrome系ブラウザかFirefox系ブラウザ (ユーザースタイルシートを設定するのに拡張機能を使用すると云う意味なので、当然ながら Internet Explorer でも設定で対応可能 [後述]、Edgeでも拡張機能が提供されている) 、そしてインストールするフォントは、「Noto Sans CJK JP」とした。

まずは見てみよう (スクリーンショットはChrome)、筆者のサイトをWindows環境で閲覧すると、本来「メイリオ」で表示されるが、今回の方策を講じると、「Noto Sans CJK JP」で表示 ↓ される。他のサイトでも同様に対応できる。

2018-01-08_18h12_08.png

どうですか?見栄えもよく、視認性に優れていると思いませんか?

では、実際の手順である。まずは、Google Noto Fonts からフォントをダウンロードして、ダウンロードしたファイルを解凍、出来上がったフォントファイルを [C:\Windows\Fonts] にコピーする。 (右クリック → インストール でも可能)

次に、ユーザースタイルシートの設定である。定番のブラウザ拡張機能である「Stylish」で設定すればよい。

2018-01-09_09h49_55.jpg

/* フォント置き換え */
@font-face { font-family: "メイリオ"; src: local("Noto Sans CJK JP"); }
@font-face { font-family: "Meiryo"; src: local("Noto Sans CJK JP"); }
@font-face { font-family: "Meiryo UI"; src: local("Noto Sans CJK JP"); }
@font-face { font-family: "MS PGothic"; src: local("Noto Sans CJK JP"); }
@font-face { font-family: "MS Pゴシック"; src: local("Noto Sans CJK JP"); }
@font-face { font-family: "MS Gothic"; src: local('Noto Sans CJK JP'); }
@font-face { font-family: "MS ゴシック"; src: local('Noto Sans CJK JP'); }
@font-face { font-family: "MS UI Gothic"; src: local("Noto Sans CJK JP"); }
@font-face { font-family: "Yu Gothic"; src: local("Noto Sans CJK JP"); }
@font-face { font-family: "游ゴシック"; src: local("Noto Sans CJK JP"); }
@font-face { font-family: "Yu Gothic UI"; src: local("Noto Sans CJK JP"); }

意味はこうだ。各々のフォントで描画する際には、ローカル側 (インストールした) の「Noto Sans CJK JP」に置き換えて表示しろ!である。つまり、フォントが汚いと思ったら、使われているフォントで同様に記述すればよいのである。この場合に役立つ拡張機能は、Chromeなら ウェブサイトのフォント情報を表示するChrome拡張機能「WhatFont」: Jkun Blog である。実際にレンダリングに使用されているフォント名が簡単に分かる。

今回の対策で ”Windows環境でのブラウザの文字が・・・” は解決するだろう。

ただ、他にも方策は様々ある。手っ取り早い方法としては・・・Chromeなら、MacTypeと同じ効果Chrome拡張機能「Font Rendering Enhancer」: Jkun Blog、Firefoxなら、Firefoxで文字をきれいに表示する方法: Jkun Blog でも効果抜群である。簡単に対応できるので、どうぞお試しください。

※Internet Explorer でも、ユーザースタイルシートを設定すれば同じことである。mactypeを使わずに綺麗なフォントで表示する その3: Jkun Blog

※フォント関連の記事は、フォント: Jkun Blog こちらからどうぞ・・・。

admin
カテゴリ:ブラウザ
2018/01/08 19:29 | コメント (0)

カテゴリ
タグクラウド
最近のコメント
過去ログ
このブログについて
jkun-400x400.jpg インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。
筆者プロフィール