Home > blog > Web 関連

使用中の Firefox アドオンまとめ

Firefox で現在使用しているアドオンをまとめてみました。
不要なものを整理していて思い立った自分用のまとめヽ（ゝω・）ノ

アドオン

All-in-One Gestures
マウスジェスチャー機能を追加する。
ColorZilla
Web ページの任意の場所から色情報を取得するカラーピッカー。
Gmail Notifier
Gmail の新着メッセージを通知する。
Html Validator
リアルタイムに HTML の文法をチェックする。
Link Widgets
link 要素のナビゲーションリンク があるページの、prev / next / top などのリンクを辿れる。
Make Link　push!!
閲覧中のページのタイトルや URL を、リンク用 HTML としてクリップボードにコピーする。
Organize Status Bar
拡張機能によって追加されたステータスバーのアイコンを並べ替える。
Parent Folder
上のディレクトリに移動するためのツールボタンを設置。
pastego　push!!
クリップボードにコピーした URL を、ボタンをワンクリックするだけで開ける。
RefControl　NEW
サイトごとにリファラを設定する。 RSS リーダー で画像が表示されない場合などに役立ちます。
removetabs
タブをまとめて閉じるためのメニューとボタンを追加する。
Screengrab!
Web ページをキャプチャする。
Tab Mix Plus
タブ機能を拡張する。
はてなブックマークカウンタ
Web ページの はてなブックマーク 数とコメントを表示する。

Greasemonkey

Greasemonkey
公開されているさまざまなスクリプトを使用して、Web ページの見た目や機能をカスタマイズ出来る。
AutoPagerize　push!!
Google の検索結果や対応したサイトでページをスクロールした際に、自動的に次のページを読み込み下にどんどん表示していってくれる。

どんどんカユいところがなくなっていくのが快感でたまりませんね！
あとは 『 クリップボードにコピーした URL を一発で開く 』 系があれば最強なのだけれど。
ご紹介いただいた 『 pastego 』 で解決しました！ ありがとうございました！

Date
2009-01-09 23:03
Category

WordPress のクイックタグ追加プラグインで楽々実体参照

『 HTML 実体参照変換ツールで楽々実体参照 』 に頂いた 「 WordPress に実体参照変換プラグインが欲しい 」 というコメントを見て、そういえば応用出来そうなものがあったようなと eclucifer bookmark » WordPress を探してみましたら、ありました！

本来はタグ補完用に使うものですけれど、クイック的な意味でいろいろな用途に応用出来そうです。

使い方

  1. 『 AddQuicktag 』 プラグインをダウンロード
  2. 解凍したフォルダをまるごと wp-content/plugins にアップロード
  3. プラグイン管理画面にある 『 AddQuicktag 』 を ［ 使用する ］ で有効化
クイックタグの追加と削除
  1. 『 AddQuicktag 』 プラグインの設定画面を開きます。
  2. ［ ラベル名 ］ には自分が判りやすいものを入力します。
    例では ［ < ］ ［ > ］ 補完のクイックタグを作成するため、［ <> ］ としました。
  3. ［ 開始タグ ］ には ［ &lt; ］ と、
    ［ 終了タグ ］ には ［ &gt; ］ と入力します。
  4. ［ 更新 ］ ボタンを押して設定完了です。
クイックタグが追加されました
新規投稿作成画面にクイックタグが追加されました。
開始タグを入力した状態
作成した ［ <> ］ タグをクリックすると、本文に ［ &lt; ］ と入力され、［ <> ］ タグの表示が ［ /<> ］ に変わります。
終了タグを入力した状態
もう一度 ［ /<> ］ をクリックすると、本文に ［ &gt; ］ と入力され、タグの表示が ［ <> ］ に戻ります。

変換するものが多い場合は 『 蓄々 HTML 実体参照変換ツール 』 にコピペした方が楽かもしれませんが、少ない場合や外部サイトを開く手間が面倒な場合に活躍しそうです。

関連エントリー

Date
2009-01-05 00:24
Category

HTML 実体参照変換ツールで楽々実体参照

HTML 内で ［ & ］ や ［ < ］ ［ > ］ などの記号を記述したい場合、［ &amp; ］ ［ &lt; ］ ［ &gt; ］ といったように文字実体参照へ変換する必要がありますが、code を書くときにいちいち一つ一つ手作業で変換していくのは面倒です。 IME の辞書ツールに単語登録をして、なんとか負担を軽減しようとしていた時期もありました。

えぇい！ もっと楽に一発で変換出来るようなものはないのか！
── そんなあなたにオススメなのがこちら。

入力された文字列内の & 、" 、< 、> を実体参照に変換します。

変換したい文字列をテキストエリアに入力して、

<ul>
    <li>丸</li>
    <li>三角</li>
    <li>四角</li>
</ul>

［ 変換 ］ ボタンを押すと、

&lt;ul&gt;
    &lt;li&gt;丸&lt;/li&gt;
    &lt;li&gt;三角&lt;/li&gt;
    &lt;li&gt;四角&lt;/li&gt;
&lt;/ul&gt;

一発ですべて実体参照に変換してくれます。

一昨年からずっと愛用しています。
久しぶりの Web 関連 ネタ 『 WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。 』 を書いていて、改めて便利だなぁと痛感したので記事にしてみました。

関連エントリー

Date
2009-01-03 13:12
Category

WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。

akiyan.com の 『 ブログを MT（3.32） から WordPress に移行しました 』 を読んで気になる点があったので、久しぶりの WordPress ネタ。

どうやら WordPress は 「 投稿記事中にコメントタグがあると、表示時にデザインが崩れる 」 ようです。 例えば以下のようなデータが本文にあると、表示時にタグがぐちゃぐちゃになり、結果、デザインが崩れます。

<!--
<img src="atode-hyouji-suru.jpg" alt="atode-kaku" />
-->

どうやらコメントタグは WordPress では特殊な用途で使われているらしく、レンダリングに致命的な影響を与えるようです。 記事中にコメントタグがある場合は、事前でも事後でもいいので削除する必要があります。

わたしも WordPress にした当初に ヽ（`д´）ﾉ となった点でした。 一つ一つ記事を修正していかねばならなかった苦労が懐かしい ･･････ コメントアウトは使えないのかと焦りました。

コメントアウト tips

<!--
コメント
-->

前述の例のようにコメントが複数行に渡る場合はもちろんのこと、

<!--リストここから-->
<ul>
    <li>丸</li>
    <li>三角</li>
    <li>四角</li>
</ul>
<!--リストここまで-->

コメントだけの行の場合も、

<!--リストここから--><ul>
    <li>丸</li>
    <li>三角</li>
    <li>四角</li>
</ul>

コメントが先頭の場合でも、

<p><!--コメント--></p>

このように P 要素が自動挿入され、結果、意図しない表示になってしまいます。
これでは一見コメントアウト出来ないように思えますが、

<ul><!--リストここから-->
    <li>丸</li>
    <li>三角</li>
    <li>四角</li>
</ul><!--リストここまで-->

開始タグもしくは終了タグのすぐ後ろに挿入すれば回避出来ます。

その他の方法

そもそも 意図しない P 要素自体を挿入させない

wp-includes/default-filters.php の108行目 （ ver.2.5.1 ） にある

add_filter('the_content', 'wpautop');

を以下のようにコメントアウトすると、P 要素が自動挿入されなくなります。

// add_filter('the_content', 'wpautop');
P 要素の自動挿入を無効化するプラグイン 『 Disable wpautop 』
プラグインの 『 Disable wpautop 』 を使用して、自動挿入される P 要素を無効化する方法もあります。 詳しい解説は TechGaga の 『 WordPress の p タグ自動追加をオフにするプラグイン: Disable wpautop 』 をご覧ください。

関連エントリー

Date
2009-01-03 03:11
Category

drawr に関するまとめ

drawr で 「 お絵描き楽しす！」 を満喫している今日この頃なのですが、drawr に関する情報が散在していてまとめているサイトを見つけられなかったので、取り敢えず自分用と初心者さん向けにまとめてみました。

お役立ち

スレッド

2008年10月16日に、レスの上限数が50件に制限されました。

関連エントリー

Date
2008-12-19 00:50
Category
Page 2 / 5«12345»