サイドバーにタブを表示するFirefoxアドオン16選

Firefoxでも縦タブ、サイドバーにタブを表示させたい皆さん、アドオンは何を使っていますか?多くの人は「ツリー型タブ (Tree Style Tab)」一択だと思いますが、ほかにもいろいろな機能を持ったアドオンがあるのでざっくり試してみました。

「サイドバーにタブを表示するFirefoxアドオン16選」の続きを読む

Firefox 64のmy設定【userChrome.cssその2】

ブラウザの端にマウスを持っていくとサイドバーがぬるっと表示されるようにするためのuserChrome.cssです。

前提

  • サイドバーはあらかじめ表示しておく
  • Firefox本体(サイドバーヘッダーの項目横の下向き矢印から)の設定でサイドバーを右に表示
  • 上の動画ではタブをサイドバーに置くのにTab Center Reduxを利用しています

「Firefox 64のmy設定【userChrome.cssその2】」の続きを読む

Firefox 64のmy設定【userChrome.cssその1】

Fx64usercss.png

userChrome.cssはFirefox本体のUIをカスタムするためのファイルです。プロファイルフォルダにchromeという名前のフォルダを作りそこに置いてください。

プロファイルフォルダはURLバーに「about:support」と入力し開いたページの「プロファイルフォルダー」欄にある「フォルダーを開く」というボタンから開けます。

昔はがっつり書き換えてたんですがここ最近はデフォルトのデザインも嫌いじゃないので割とシンプルです。65でまたいろいろ変わりそうな雰囲気ではあるんですけども…。

前提

  • テーマは「デフォルト(規定)」
  • ツールバーのUI密度は「コンパクト」
  • user.js(あるいはオプションの設定)で検索バー表示
  • ブックマークツールバー表示→ツールバーのカスタマイズで検索バーの隣に移動

userChrome.cssの先頭の行にはデフォルト名前空間をXULにする@namespace規則を。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

以下大まかに表示場所ごとに分けたスタイルを記載します。

「Firefox 64のmy設定【userChrome.cssその1】」の続きを読む

Firefox 64のmy設定【user.js】

Fx64userjs.png

愛用アドオンが使えなくなるのが嫌でずいぶん保留していたFirefoxの更新をしました。ついでにいろいろと見直したのでメモ。

使用ビルド

非公式ビルドを使う理由はプロファイルフォルダが任意の場所におけること・自動更新でないことです。軽さや速さを重視するためという人もいると思いますが自分は違いがよくわかりません。

このエントリではuser.jsについて書いています。user.jsはプロファイルフォルダに置いてください。

「新規タブを現在のタブの直後に開く」「ブラウザ終了時にブクマをHTML出力」設定について追記しました。

「Firefox 64のmy設定【user.js】」の続きを読む

freo設置ディレクトリをルートURLで表示させる

以下の内容は2012年に書いたものをサルベージしそのまま転記しています。

例えば、サイト URL が http://example.com/ の時に、freo スクリプト一式を「freo」というディレクトリにアップしたとします。

そのままだと freo で作ったトップページには「http://example.com/freo/」でないと表示できませんが、これを「http://example.com/」で表示させるようにする方法の説明です。

準備

まずは「URLの簡略化(mod_rewrite)について」に従って設定をしてください(コメントでのご指摘ありがとうございました)。

使うものは .htaccess

すでに「/freo/」ディレクトリでのセットアップが完了した後の作業になります。

RewriteEngine on
RewriteBase /
RewriteRule ^$ freo/ [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+)$ freo/$1 [L]

最後改行しておいてください(必要かどうか未確認ですが一応)。これを「http://example.com/」直下に置きます。

「http://example.com/」にアクセスして freo で構築したトップページが表示できることを確認したら(この時表示が崩れているかもしれません)、「/freo/config.php」の29・30行目を、

//設置URL
define('FREO_HTTP_URL', 'http://example.com/');

のようにルート URL に修正し上書きアップしてください。

freo(tinymce)でシンタックスハイライト

特定層以外に需要のなさそうなカスタマイズ話。ソースコードをきれいに色分けして見やすく表示(シンタックスハイライト)したい!というカスタマイズです。以前の当サイトでは

なんかを利用していました。ただ前者は使っていた当時、体感的に少し重いような気がしたのと現在は更新停止して数年経過しており、後者は使うときに割と煩雑な手順が必要だったイメージもあり(今調べてみると「google-code-prettify」のほうは今も更新が続けられていて導入もかなり簡単になっているようです)、ほかに何か新しいものはないかなぁと調べてみました。

そこで見つけたのが「prism.js」です。

「freo(tinymce)でシンタックスハイライト」の続きを読む

WAF有効でも403エラーを回避する

レンタルサーバーにfreoを設置して管理画面でファイルの書き換えをしようとすると、403エラーになってしまい書き換えができなかったりします。これは、freoに限らずwordpressなどのCMSでも起こる現象のようです。原因の一つとして「WAFが有効であること」が挙げられます。対処法をググると「WAFを無効にする」が沢山ヒットし、そうか…と思って私も無効にしていたんですが。

WAFとは

そもそもWAFとはウェブアプリケーションファイアウォールの略であり、Webアプリケーションのやり取りを把握・管理することによって不正侵入を防御することのできるファイアウォール…つまりサイトのセキュリティを守るシステムなのです。そんなほいほいと無効にしてもいいのか?とふと思ったんですね。そこで初めて自分のサイトの状況を確認してみました。

「WAF有効でも403エラーを回避する」の続きを読む

お久しぶりです

Photo by ガーリードロップ

当サイトが閲覧不可状態になって早数年、皆さんお元気でしたでしょうか。長い間実質閉鎖状態となっておりましたが去年久々にfreoがアップデートしたことをきっかけにようやっとこちらも復旧させようと動き出しました。

と言ってもお休みしていた間に自PCの不調によるクリーンインストール・とうとう完全にダメになって買い替えなどを経て元のサイトデータを誤って吹っ飛ばしてしまい…外部メディアに保存していたような気もしますがそれ自体もどこにあるかわからずというどーしよもないことになってます。つらい。webアーカイブで拾えてかつ今も有用そうなコンテンツはそこから、あとは一から出直しになります。よろしければ気長にお付き合いください。

<!doctype html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

サイト動作環境

Recent Entries

2019-01-10
サイドバーにタブを表示するFirefoxアドオン16選
2019-01-06
Firefox 64のmy設定【userChrome.cssその2】
2019-01-05
Firefox 64のmy設定【userChrome.cssその1】
2019-01-04
Firefox 64のmy設定【user.js】
2018-01-18
freo設置ディレクトリをルートURLで表示させる

Categories

Tags

Archives

2019年
01月
2018年
01月

Recent Images

  • サイドバーにタブを表示するFirefoxアドオン16選
  • Firefox 64のmy設定【userChrome.cssその1】
  • Firefox 64のmy設定【user.js】
  • WAF有効でも403エラーを回避する
  • Photo by ガーリードロップ

Utility Link

Page Top