エディタ 【 ありのごとくあつまりて 】

選択部分のソースを表示する機能 （Firefox，Sleipnir2 などにある機能）。 ちょっとした確認にも便利ですが、アクセスランキング など、スクリプトで貼り付けているものをこれで表示すると、（通常のページ全体の 「ソース表示」 では スクリプトのコードのまま表示されるものが） 生成されたHTMLソース で確認することが出来るし、何かと便利です。

メインブラウザには 『Sleipnir（スレイプニル）』 を使っている私ですが、「選択部分のソースを表示」 に関して言えば、Sleipnir は設定も大変だった上、実際のソース通りに表示してくれない という欠点があります。

クリックで画像を拡大します

クリックで画像を拡大します

タグの要素 が大文字に書き換えられていたり、細かく改行が加えられていたり．．．。 そのまま貼り付けて利用するには 「どうしても正確に表示したい！」 と思うようになりました。

で、『Firefox』 の 「選択した部分のソースを表示」 の出番。 こちらは、構造まで正確に表示してくれる優れものですね！ （それに Firebug も便利！）

クリックで画像を拡大します

という訳で、Sleipnir を使いつつ、Firefox も併用していく為の ちょっと便利な方法。 解説しているサイトを見つけたので．．． 忘れないように残しておきます。

スポンサーサイト

ブラウザのソース表示は お気に入りのエディタ （『K2Editor』） でというのが当たり前だと思っていた私。
ところが、Vista で Sleipnir2.8.4 の 「ソースの表示」 や 「選択範囲のソースを表示」 を任意のエディタ に変更するのは結構大変な作業でした。

ちなみに Vistaでも IE7 や 『unDonut』 のソース表示，選択部分のソース表示 ならば、『IE Trapper』 を使って（※）簡単に変更できるのに．．．。

Sleipnir の場合、ちょっとしたレジストリの変更だけでは、HTMLモードで読み込んでくれなかったり、「選択部分のソースを表示」 でエラーになってしまったり、本当に苦労しました。

でも、必死で調べて 何とか 「ソースの表示」 「選択範囲のソースを表示」 を 『K2Editor』 で、かつ HTMLモードの色分け で表示できるようになったので、私の行った方法をここにメモしておくことにします。

Sleipnir オンラインデータベース の内容とは若干異なります。 色々な情報を総合して自己流に行いました。 レジストリを弄りますので、慎重に．．．自己責任でお願いします。

Vista で Sleipnir の「ソースの表示」 「選択範囲のソースを表示」 を 任意のエディタ に変更する方法

エディタは 『K2Editor』 を使っていますが 『TeraPad』 など他のエディタでも同じ方法でOKかと思います。

【　続きを閉じる　】

1.　レジストリエディタを起動する。

レジストリエディタ は、スタートメニュー （すべてのプログラム） → アクセサリ → ファイル名を指定して実行 → regedit と入力すれば開きます。

2.　レジストリキーを作成する。（その1）

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\View Source Editor\Editor name

追加するキーは View Source Editor と その下に Editor name です。

Editor name の 規定（部分） をダブルクリックし、文字列の編集で 値のデータに エディタへの絶対パス を入力します。
C:\Program Files\k2e10508\K2Editor.exe → とりあえずエディタを指定しますが、後ほど IE Trapper を使うと自動で書き換えられる部分です。

クリックで画像を拡大します

これだけで、ページ全体のソース表示を 『K2Editor』 で表示できるようになりましたが．．． この段階では テキストモードの色分け になっていました。

3.　レジストリキーを作成する。（その2）

HKEY_CLASSES_ROOT\.htm\OpenWithList\K2Editor.exe

HKEY_CLASSES_ROOT\.html\OpenWithList\K2Editor.exe

追加するキーは K2Editor.exe （使用するエディタ） です。OpenWithList がない場合は、キーを追加してください。

クリックで画像を拡大します

4.　レジストリキーを作成する。（その3）

HKEY_CLASSES_ROOT\Applications\K2Editor.exe\shell\edit\command

追加するキーは K2Editor.exe と その下に shell と その下に edit と その下に command です。 ソフトの設定などにより 既に存在するキーもあるかと思うので、足りないキーを追加してください。

command の 規定（部分） をダブルクリックし、文字列の編集で 値のデータに エディタへのパス を次のように入力します。
"C:\Prg\k2e10508\K2Editor.exe" "%1"
（絶対パスが C:\Program Files\k2e10508\K2Editor.exe の場合です。Program Files → Prg となっているので注意！）

クリックで画像を拡大します

edit で右クリック 新規 → 文字列値 で 値の名前 に FriendlyAppName　値のデータに K2Editor　と入力します。

クリックで画像を拡大します

5.　レジストリエディタを終了する。

6.　Sleipnir を起動する。

Sleipnir の ツール → インターネットオプション → プログラム → HTMLエディタ で K2Editor を選び、OK とする。

この状態で 「選択部分のソースを表示」 を試し、エラーが出たり、エディタの色分け がテキストモードの場合は、以下 7.　8. を追加。

7.　『IE Trapper』 を準備しておく。

圧縮ファイルの解凍先 （IETrap.exe を含むフォルダ） は C:\Program Files\ などにしておいた方が扱いやすいかと思います。

8.　IE Trapper を 管理者として実行する。

IETrap.exe （IE Trapper のアプリケーション） を 右クリックして 「管理者として実行」 し IE Trapper を起動させます。 [ 詳細 ]
エディタに 『K2Editor』 を 選んで 適用 とすればOKです。

---

場合によっては 7. 8. は要らないかもしれませんが、私は 『IE Trapper』 を使うことによって、エラーも無くなり、ソース表示を HTMLモードの色分け で開けるようになりました。 （K2Editor での ソース表示 ScreenShot）

それにしても 『Firefox』 や 『unDonut』 ではすんなりできる 「選択部分のソース表示」、Sleipnir では何でこんなに面倒なんだろう。。。

[ 関連記事 ： Sleipnirでも、選択部分のソース表示はFirefox ]
[ 関連記事 ： フリーソフト集　1) みんなにオススメ 編 ] Sleipnir，unDonut
[ 関連記事 ： フリーソフト集　2) Webページ作成 編 ] K2Editor

ホームページ作成 や ブログ作成 に役立つ Windowsフリーソフトを紹介します。 私は今はブログなので、昔ほどソフトを必要としなくなりましたが、それでもあると重宝するものがあるので、そのようなソフトを中心に載せていきます。

『HTMLanguor 』

☆☆☆☆☆　タグ挿入型 HTMLエディタ
ScreenShot　XP 2000 98　（私はXP，Vistaで使用）

無制限アンドゥ （元に戻す），タグのカラー化，属性アシスト，置換，大文字・小文字変換...etc タグ編集派 必見のお薦めソフトです。 但し、utf-8 には未対応。。 タグ登録などを自分で行え、貼り付けた後の カーソルの位置 まで1つ1つ設定できます。

内部ブラウザ や 指定ブラウザでのプレビュー機能もあり、手軽に表示確認ができるところも便利です。

ブログになって出番が減ったものの、ちょっとした編集にはこれは本当に役立ちます。自分で設定したものが、トントン，トントン，... という風な感じで入れられ、中～上級者にお薦めのソフトです。

『K2Editor 』

☆☆☆☆☆　メモ帳代用テキストエディタ
ScreenShot　XP 2000 98　（私はXP，Vista，Win7で使用）

無制限アンドゥ （元に戻す），タグのカラー化，置換，画面分割...etc テキストエディタ としての機能が充実しているので、ブラウザ上でのHTMLソース表示 や メモ帳代用 として使っています。 ファイルタイプ別に 「関連付けの設定」 までできるので便利です！

[ 関連記事 ： Vistaで Sleipnirソース表示を K2Editorに ]

当初は定番の 『TeraPad』 を使っていた頃もありますが、開けないファイルがあったり、文字化けすることがあったので．．． HTMLソース，プログラムファイル、何でも開けて 文字化けもしない 『K2Editor』 がお気に入りです。

※Vista で、関連付けの設定 をする場合には、ソフト起動時 （関連付けを行う際のソフト起動時） に 「管理者として実行」 としておかないと設定が反映されない可能性があります。 [ 詳細 ]

『Link Checker 』

☆☆☆☆　デッドリンクの早期発見に！
ScreenShot　XP Me 2000 98　（私はXP，Vistaで使用）

ホームページのリンク管理に！ http:// で始まる外部リンク の、リンク先のページの状態 を高速でチェックできるソフトです。 ブログでも利用できるものは数少ないので重宝しています。

FC2ブログの場合、管理画面のツールで 「記事データのバックアップ」 を取り、その .txt をリンクチェックすればOKです。

文字コードが Shift＿JIS 以外 だと文字化けするので、（文字化けしても作業には問題ありませんが...） 気になるなら、その .txt を開いて 文字コードを Shift_JIS に変換しておけば文字化けも防げます。

膨大な数のリンクチェックが あっという間に終わり、本当に便利です！

『HiRuler』

☆☆☆☆☆　デスクトップ上で使える定規
ScreenShot　Vista XP 2000　（私はXP，Vista，Win7で使用）

ピクセル，ミリメートル，インチで計測ができる 使い勝手の良いものさしです。 Webページのレイアウトや装飾をする上での必須アイテム！

すごくシンプルなソフトですが、かなり頻繁に使っています。

『消費リソース零! キャプラ 』

☆☆☆☆　カーソルを含めたスクリーンショット
ScreenShot　XP Me 2000 98　（私はXP，Vistaで使用）

任意のマウスカーソル（アイコン） を後から追加することもできるキャプチャーソフトです。 タイマーキャプチャー や オートスクロール機能 の他、画像の切り抜き や 縮小，カラー変換 などちょっとした編集まで出来るところが便利です。 保存は BMP，PNG，JPEG，GIF から選択できます。

『マウスもキャプチャー』 という カーソルを正確にキャプチャーできるソフト も使っていますが、1度で上手くいかないことも多いので．．．気分で使い分けています。

[ 関連記事 ： 手のカーソルを含めたスクリーンショット ]

『すぽいと君』

☆☆☆☆　カーソル上の色を取得します
ScreenShot　Vista XP Me 2000 98　（私はXP，Vistaで使用）

最前面に表示され、簡単にカーソル上の色を取得 （カラーピック） することが出来る便利なソフトです。 スペースキーを押すことで その部分の色情報を固定表示させ、必要な情報をクリップボードにコピーすることができます。

非常シンプルながら 充実したオプション機能があるのもお薦めです。 ホームページの素材を作ったりする上での必須アイテム？

私の作った カラーチャート もよかったらどうぞ。
[ 関連記事 ： 自作Webカラーチャート　ColorChart349 ]