月曜日, 11月 20, 2006

VBScript 外部ファイルのインクルード方法

VBScript †
↑
外部ファイルのインクルード方法 †
Execute ステートメントを使うことで外部ファイルを取り込むことが可能。
↑
サンプル †
Include.vbs
Const g_strA = "AAA"
Const g_strB = "BBB"ExecuteTest.vbs
Option Explicit
Main

Sub Main
Dim fso
Set fso = CreateObject("Scripting.FileSystemObject")

Dim f
Set f = fso.OpenTextFile( "d:\home\edu\VBScript\ExecuteTest\include.vbs", 1, False )
Dim strBuf
strBuf = f.ReadAll
WScript.Echo "＜内容確認＞"
WScript.Echo strBuf
Execute strBuf
WScript.Echo "＜Execute の実行結果＞"
WScript.Echo g_strA
WScript.Echo g_strB
End Sub実行結果
＜内容確認＞
Const g_strA = "AAA"
Const g_strB = "BBB"

＜Execute の実行結果＞
AAA
BBB

Windows Script Host の環境から実行時にロードする方式

[[$$toc]]
----
* はじめに

Lisp などではファイルを実行時にロードして解釈実行することが可能です。例えば Scheme の実装である Gauche では、[http://www.shiro.dreamhost.com/scheme/gauche/man/gauche-refj_106.html#SEC110 6.19.1 Schemeファイルのロード] で説明されています。この実行時にロードする枠組みが用意されていると何がうれしいかというと、ライブラリのようにいつも利用するスクリプトを外出しにすることができます。また実行時に読み込むプログラムをかえ動作をかえたいようなことも実現可能です。

ここでは、Windows Script Host の環境から実行時にロードする方式をまとめます。

* 方式

現在 Windows Script Host の環境から三つの方式で動的にファイルをロードすることが可能です。

** Windows Script File フォーマットを利用

Windows Script File (.wsf) フォーマットで記述されたファイルは、記述言語を複数選択できたり job という単位でスクリプトをグルーピングできたりいくつか拡張されています。このうち script 要素に src プロパティーを使って外部ファイルをロードすることが出来ます。

** Windows Script Component を利用

Windows Script Component (.wsc) として記述されたファイルは、ActiveX オブジェクトとして任意の ActiveX クライアントから使用できます。

** eval() グローバルメソッドを利用

スクリプトのトップレベル、つまり一番外のスコープで eval() グローバル
メソッドを実行すると、それはそこに書き出されているものを実行している
のと同じ効果が得られます。この特徴を利用してファイルの中身をロードして eval() に渡すという方式です。

* 関連ログ

WSH Lab. 掲示板への投稿を記録目的で残しておきます。

<<<
-- 別ファイルに記述された関数を呼ぶために

(2004/05/08 00:43:29 JST) 一部加筆修正を行った。((a-2) の追加。ただ (a) と記述していたところを (a-1) と訂正)
{{{
--------------------------------------------------------------------------------
いりやさん 2004年 01月 24日 18時 26分 14秒

owl さん、

> 余談ですが、WScript.ShellのRunメソッドはショートネームじゃないと
> ダメなんですね。

いえ、ロングネームでも大丈夫です。

ではなぜ owl さんの例で失敗するか、それは Windows Shell が引数のパース
処理に失敗しているからです。

パース処理において引数の区切り子 (Separator) の存在はご存知だと思います。
今回のケースは区切り子を含む引数を Windows Shell に与えるにはどうしたら
よいか? に該当します。こうした場合は区切り子をエスケープする指示を与え
てやらねばなりません。今回の場合は引数の両端をダブルクォーテーションで
括ってやりさえすればうまくいくでしょう。

一般的なエスケープのやるやり方については msdn を照会いただくとよいです。

--------------------------------------------------------------------------------
owl さん 2004年 01月 24日 18時 12分 32秒

To いりやさん、
Cc つちやさん、

とても親切な回答ありがとうございます。
Webに関して知識が乏しいため、wsfの意味が解っていませんでした。

> owl さんの投函を拝見すると、同一のプログラム言語で再利用性の
> 高いものをまとめて別ファイルに外だしすることを狙っているよう
> に見受けられました。実行時に動的に読み込むファイルがかわるケー
> スというのは少ないのではないでしょうか。であれば (a) が適当
> かとおもいます。

ご明察の通りです。

（a）の方法で、以下のようにSample1.vbs → Sample1.wsfとする
とうまくいきました。

ありがとうございました。

関数SampleをCallしてもDim args以下も実行されしまうんですね。
「インデックスが有効範囲にありません。」と怒られてしまいました。

*** Sample1.wsf ***************************

<script language="VBScript" src="Sample2.vbs">
Call Sample("外部引数")
</script>

*******************************************

> *** Sample2.vbs ***************************
> Dim args
> Set args = WScript.Arguments
> （以下、省略）
>
> Sub Sample(arg)
> MsgBox arg
> End Sub
> *******************************************

余談ですが、WScript.ShellのRunメソッドはショートネームじゃないと
ダメなんですね。

sh.Run "C:\Documents and Settings\owl\デスクトップ\Sample2.vbs"
↓
sh.Run "C:\Docume~1\owl\デスクトップ\Sample2.vbs"

--------------------------------------------------------------------------------
いりやさん 2004年 01月 24日 16時 35分 26秒

owl さん、つちやさん、

| もっとダイレクトに呼び出す事はできないものでしょうか？

整理しながらちょっと考えてみましょう。

別ファイルに書かれているものを、誰が取り込んでどう実行させる
か、という点でいくつか方式が考えられます。

AYA さんの解説は、(a-1) で、つちやさんの例は (b-1), (b-2) 、
owl さんの例は (c-1) に対応します。

「ダイレクトに」という言葉のニュアンスをきちんと理解している
か不安ですが、「あたかも同ファイルに書き込まれているが如く呼
び出したい」、というお話であれば (a-1) を方式として採用すれ
ばよいとおもいます。

ただし (a-1) には制限があります。

(a-1) は、Windows Script Host をスクリプトホストとして使えない
場合には適用できません。また (a-1) において、ファイル名は .wsf
ファイルに静的に記述します。これは実行時に変更できないことを
意味します。実行時にファイル名を変更してそのファイルを読み込
みたい、のであれば (b-1) の採用を検討すればよいでしょう。

(b-2) は、Component Object Model ですから、切り口をもつ任意
のプログラム言語から使用できます。例えば前回の投函で紹介した
UWSC はそういうプログラム言語の一つです。そのように使われる
ことを狙っているのであれば (b-2) を採用すればよいでしょう。

owl さんの投函を拝見すると、同一のプログラム言語で再利用性の
高いものをまとめて別ファイルに外だしすることを狙っているよう
に見受けられました。実行時に動的に読み込むファイルがかわるケー
スというのは少ないのではないでしょうか。であれば (a-1) が適当
かとおもいます。

(a) スクリプトホストが取り込むことに責任をもつ

(a-1) Windows Script Host (wscript.exe/cscript.exe) の .wsf
　　　ファイルの「インクルードステートメント」機能を利用する

　　　関数の読み出し方は通常と全くかわらず、あたかも同ファイ
　　　ルに書き込まれているが如く呼び出す。

　　　[ 参考 ]
　　　msdn, Windows スクリプトファイル (.wsf) を使用する
　　　http://www.microsoft.com/japan/msdn/library/default.asp?url=/japan/msdn/library/ja/script56/html/wsAdvantagesOfWs.asp

(a-2) Internet Explorer の SCRIPT タグを利用する

(b) プログラムが取り込むことに責任をもつ

(b-1) 文字列データをプログラムと見なして実行させる

　　　ファイルの内容をすべて読み出して、
　　　　　　　VBScript の execute() 関数
　　　　　　　JScript の eval() 関数
　　　などを利用して文字列データをあたかもプログラムと見做し
　　　て実行させる。

(b-2) Component Object Model の切り口を利用

　　　Windows Script Component を VBScript/JScript 言語など
　　　で作成して、
　　　　　　　VBScript の CREATEOBJECT() 関数
　　　　　　　JScript の new ActiveXObject() 関数
　　　などを利用して当該オブジェクトのメソッド呼び出しとして
　　　実行させる。

　　　[ 参考 ]
　　　msdn, スクリプトコンポーネントチュートリアル
　　　http://www.microsoft.com/japan/msdn/library/default.asp?url=/japan/msdn/library/ja/script56/html/lettitle.asp

(b-3) スクリプト・コントロール (つちやさんご紹介)

　　　・・・よく知りません (^^; ・・・

(c) 取り込むかわりにプログラムを別プロセスとして実行

(c-1) プログラムの引数を関数の引数にみたてて実行させる

　　　WScript.Shell>>run()、WScript.Shell>>exec() メソッドな
　　　どで VBScript/JScript のプログラムを別プロセスとして実
　　　行させる。その際にコマンドラインの引数を設定する。呼び
　　　出すプログラム側において、引数を受け取って関数の引数に
　　　渡して実行させる。
}}}

-- cpp の #include を模倣

(2004/05/08 00:43:29 JST) 一部記述誤りを訂正した。
{{{
--------------------------------------------------------------------------------
いりやさん 2003年 10月 12日 15時 04分 01秒

#include のように別ファイルを取り込む方法

昨晩ふっと思いついた方法です。WSH/JScript で有効です。(既出でしたらご
めんなさい)

[ 方式 ]

スクリプトのトップレベル、つまり一番外のスコープで eval() グローバル
メソッドを実行すると、それはそこに書き出されているものを実行している
のと同じ効果が得られる。

この特徴を利用します。

[ 制約 ]

eval() を実行する場所をトップレベル以外、たとえば関数定義部の中にする
と、その関数定義の中でしか利用できません。これは eval() の仕様が、

``The code passed to the eval method is executed in the same context
as the call to the eval method.'' (msdn eval() メソッドの解説より引用)

だからです。

関数を呼び出すときに用意された実行コンテクストは関数を抜けたときに捨
てられます。eval() を通じて実行コンテクストに登録された束縛対 (名前と
関数の本体など) は運命を実行コンテクストとともにします。そのため、関
数を抜けると使用できなくなります。

トップレベルはスクリプトの実行が完了するまでずっと存在していますので、
そこで eval() メソッドを実行するわけです。

[ 方法 ]

トップレベルで、

eval(contentsOfFile(<ファイルパス>);

と書きます。それ以降、<ファイルパス> で定義された関数をあたかも定義済
みがごとく呼び出し可能です。

<ファイルパス> は、例えば '.\\stdio.js' のように設定します。

雰囲気は、C 言語の

#include

っぽいでしょ。:-)

[ 実行例 ]

・main.js (後述する contentsOfFile() などは省略しています)

eval(contentsOfFile('.\\mylib.js'));

WScript.echo(globalVar1);
WScript.echo(globalVar2);
func1();
func2();

・mylib.js

var globalVar1 = 'mylib.js';
var globalVar2 = 2;

function func1() {
　　　　WScript.echo('func1 is defined by mylib.js.');
}

function func2() {
　　　　WScript.echo('func2 is defined by mylib.js.');
}

・実行結果 (出力結果をまとめられるので cscript で実行)

D:\Program Files\uwsc\scripts\load stuff>cscript //nologo main.js
mylib.js
2
func1 is defined by mylib.js.
func2 is defined by mylib.js.

D:\Program Files\uwsc\scripts\load stuff>

[ ソースコード ]

※あらかじめ全角スペースを半角スペースに変換して取り除いておいてくだ
さい。

function contentsOfFile(scriptfile) {
　　　　var readStream = file→readStream(filepath→file(scriptfile));
　　　　var returnValue = '';
　　　　try {
　　　　　　　　returnValue = readStream.readAll();
　　　　} finally {
　　　　　　　　readStream.close();
　　　　}
　　　　return returnValue;
}

function filepath→file(filepath) {
　　　　var aFileSystemObject = new ActiveXObject('Scripting.FileSystemObject');
　　　　if (!aFileSystemObject.fileExists(filepath))
　　　　　　　　aFileSystemObject.createTextFile(filepath, true); // 2nd arg : overwrite
　　　　return aFileSystemObject.getFile(filepath);
}

function file→readStream(file) {
　　　　var ForReading = 1;
　　　　var TristateUseDefault = -2;
　　　　return file.openAsTextStream(ForReading, TristateUseDefault);
}
}}}

>>>

日曜日, 10月 15, 2006

世界時計

久しぶり、世界時計がウェブ画面で見えるサイトを発見しましたので、ここにリンクを貼り付けます。

世界時計

元々はいつも読んでいるサイト(トルコリラとアイスランドクローナで年間１０００万円運用生活)に乗せてあるので、あちらの方々に感謝します。

水曜日, 10月 11, 2006

A little about the differences between IE and its counterparts

A Greasemonkey's Guide to Turnabout by Adam Hindman

There are some points about differences between IE7 and its enemies. Here I copy some contents here for myself.

Events

The resize Event Fire Multiple Times

In Firefox, resizing the browser window fires the resize event exactly one time, after the user has "let go" of the window. However, in Internet Explorer, the resize event will fire continuosly, every time the window size changes at all. This can make a huge difference if your script does something like increment a variable every time the window is resized.

Internet Explorer Supports onmouseenter and onmouseleave

You may already be familiar with the handy onmousever and mouseout events, which are fired by the mouse moving on top of or away from the element that calls it, but also any elements that it bubbles up to. This means that if a DIV has a button nested inside, and both these elements have onmouseoverDIV that contains it.

onmouseenter and onmouseleave get around this potential problem. They work in a similar manner, activating when the mouse touches an element, or moves away from it, respectively. The difference is that these events do not bubble up the document tree. Mousing to the button in the previous example would not fire the DIV's event if both were using onmouseenter.

Internet Explorer has the advantage here, since it supports both sets of events.

Example script: The Difference Between onmouseout and onmouseleave

The following examples illustrate the different behaviors you can produce by choosing between onmouseout and onmouseleave. What you should see is two sets of boxes. Each set of boxes is composed of one large box containing one small box. If you move your mouse into one of the larger boxes and then out again, it should report the color of the box you just left. However, if you mouse into one of the interior boxes and then back out again, you should notice a different between the set of boxes on the left, and the set of boxes on the right. This difference is should illustrate the ways in which onmouseleave treats the element hierarchy of a document differently than onmouseout.

Move your mouse in and then out of the following sets of boxes:

`onmouseleave`	`onmouseout`

Internet Explorer Does Not Support addEventListener()

Sadly, the standards-compliant method of event registration suggested in the W3C DOM Level 2 document is not supported by Internet Explorer. Using

element.addEventListener ('click',doSomething,false)

to assign a function to an event will not produce any result whatsoever. It goes without saying that related event registration methods (such as removeEventListener and dispatchEvent) do not work either.

The scripter is left with 2 cross-browser options, and 1 option that is proprietary to IE5.5+.

Internet Explorer's Options for Event Registration

addEventListener()

The Deprecated but Still-Used Way:
<A HREF="somewhere.html" onClick="doSomething()">
The Non-Standard but Preferred Way:
element.onclick = doSomething
The Internet Explorer Only Way:
element.attachEvent ('onclick',doSomething)

木曜日, 10月 05, 2006

css-discuss Wiki

css-discuss Wiki

The css-discuss Wiki is a companion to the CssDiscussList mailing list. Among other things the wiki serves as a collective long-term memory for the list participants.

火曜日, 10月 03, 2006

Mozilla Firefox用RSSリーダーSage(セージ)の検索窓にRSS検索エンジンを追加する方法まとめ

随分と間が空いたが、2006年度の初記事としてRSSリーダーSageのカスタマイズに関する記事を書きたい。

人力検索はてなで下記のような質問を見かけた。

はてな最強RSSリーダーをさがせ！？何種類かRSSリーダーを使用してみたところ、Sageが使いやすくて気に入ってました。でもひとつ気に入らないのは、Sageでは・・

内容に対する回答は既に書いたとおりで、以前書いた記事１と記事２を見れば大体のやり方はわかると思うが、まとめの意味で書いておく。

XULアプリケーション開発へのいざないによると、拡張機能のファイルに含まれている「.jar」という拡張子のファイルは単なるzipファイルである。解凍すれば簡単に中身のファイルを見ることができる。したがって、zip圧縮に対応しているアーカイバーがあれば、カスタマイズしたファイル群を圧縮する事で「.jar」という拡張子のファイルを作成する事ができる。

今回のカスタマイズに必要なもの

Mozilla Firefox
導入済みのSage
zipファイルに対応しているアーカイバ（当方ではLhaplusを利用）
テキストエディタ（Sift-JISでの文字コード保存に対応しているものを使用する。Windowsならメモ帳でも可。当方ではEmEditor Freeを利用）
アイコン作成ソフト（当方では@icon変換を利用）

追加するRSS検索エンジン等

準備作業(アイコン作成)

RSS検索エンジンの各サイトからfavicon.icoをダウンロードして保存する。
- 今回の追加カスタマイズで必要なRSS検索エンジンのfavicon.icoは次の6つ。
- favicon.icoについてはfavicon.icoの解説と注意やfavicon.ico の使い方、マイクロソフトの公式な解説（[IE5] お気に入りに表示されるアイコンをカスタマイズする）などを参照のこと。
ダウンロードしたfavicon.icoを@icon変換のウィンドウにドラックアンドドロップで移動する。
@icon変換のウィンドウに表示されたファイルを選択し、16x16ピクセルのpngファイルとして保存する。半角英数で各検索エンジンの名前をつけて保存すること。

カスタマイズの作業内容

導入済みのSageが入っているフォルダを探す。
- Sage.jarが入っているフォルダをファイル検索機能を使って探す。（WindowsならC:\Documents and Settingsのどこか）
Sage.jarが見つかったら、ファイルをデスクトップにコピーする。
拡張子をzipに書き換え、zipに対応したアーカイバを使ってSage.zipを解凍する。（jarファイルに対応しているアーカイバならそのまま解凍可）
解凍して現れたフォルダのうち、contentフォルダ内にあるsearchフォルダを開く。
追加したい検索エンジン用のアイコンファイル(pngファイル)をsearchフォルダ内に保存。
searchフォルダ内にあるsearchEngine.rdfをエディタで開く。
searchEngine.rdfに追加したい検索エンジンを追記して保存。
- 追加したい検索エンジンのURLの中に含まれる「＆」は「＆ａｍｐ；」に置き換えて記述する必要がある（「」内の文字は半角英数字で記入すること）。
- 検索エンジンのアイコンを指定する際、既に保存してあるpngファイルにつけたファイル名と一致させる事。
- 具体的な記述内容に関しては編集し直したsearchEngine.rdfのテキストファイルを参照のこと。丸ごと流用も可。
contentフォルダ、localeフォルダ、skinフォルダをまとめてzip計式で圧縮。
圧縮して保存したzipファイルの名前と拡張子をSage.jarに変更する。
Firefoxが起動していない状態の時に、変更したSage.jarを元々のSage.jarが入っていたフォルダにコピーする。
Firefoxを起動してSageの検索窓に各RSS検索エンジンが追加されていて、正常に動作すればOK。

作業内容は以上である。やってみると結構簡単であることに気が付くので、おためしあれ。

追記：Firefoxの拡張機能開発についてはFirefoxの改造テクニック!―カスタマイズ&拡張機能開発ガイドが詳しい。拡張機能を作成したい向きの人は読んでみると良いかもしれない。

Firefoxの改造テクニック!―カスタマイズ&拡張機能開発ガイド

posted with amazlet on 06.02.15

大浦淳
毎日コミュニケーションズ (2005/09)
売り上げランキング: 8,968

おすすめ度の平均:

順を追ってカスタマイズ方法を理解できる本です

Amazon.co.jp で詳細を見る

2006年3月15日追記

Yahoo!ブログ検索が公開された事を受けて、searchEngine.rdfのテキストファイルをYahoo!ブログ検索対応版に差し替え。

2006年5月21日追記

searchEngine.rdfのテキストファイルを改定。Yahoo!知恵袋、BlogPeople、教えて！goo、人力検索はてな、Feedster.jp(β版)を追加、はてなブックマークとblogWatcher2.0を削除。

2006年6月7日追記

searchEngine.rdfのテキストファイルにblogWatcher 3.0b、Bloglinesを追加。

投稿者 Kazabana 時刻 23:34 ソフトウェア, パソコン・インターネット, ブラウザ | 固定リンク

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/8680075

この記事へのトラックバック一覧です： Mozilla Firefox用RSSリーダーSage(セージ)の検索窓にRSS検索エンジンを追加する方法まとめ:

» Firefoxのネタトラックバックネタ蔵
Firefoxのネタを追いかけるヨ！ [続きを読む]

受信： 2006/02/16 3:25:51

» 最強RSSリーダーをさがせリターンズトラックバックラクガキ黒板
RSSリーダーをいろいろ試して、Firefoxの拡張機能であるSageを使用することになったということを以前に書いた。で、１つ課題であったのは、キーワード登録。一部のRSSリーダーでは、キーワードを登録すると、そのキーワードでひっかかったサイトを拾ってくれる。Sageでもできるが、そのとき１回だけである。RSSバーとかgooRSSリーダーなどは、キーワードを１回登録すると、その後はずっと常に引っかかったサイトを拾ってくれる。 Sageでそれができないかな、と思っていた。 freshfeedというサー... [続きを読む]

受信： 2006/02/16 23:56:02

» Mozilla Firefox 用 Yahoo!ブログ検索プラグイン＋RSSリーダーSage用カスタマイズトラックバックデータバックアップメモ - extended -
Yahoo!Japanからブログ検索としてYahoo!ブログ検索のベータ版がリリースされた。というわけで、Mozilla Firefoxの検索プラグイン（検索プラグインという言い方でよいのだろうか？）を作成してみた。 Yahoo!ブログ検索プラグインをワンクリックで追加（※JavaScriptを有効にした状態でページを読み込んでからクリックすること。) ※ワンクリックでのインストールがうまくいかない方は手動で以下のファイルを￥Mozilla firefox以下にあるsearchpluginフォ... [続きを読む]

受信： 2006/03/15 1:14:48

» [Web]Firefoxメモ: RSSフィーダーSageに関する備忘録トラックバック ixtlanの日記
本家サイト: Sage: a feed reader for Firefox FirefoxまとめサイトのSageセクション: http://firefox.geckodev.org/index.php?Sage 現行バージョン:1.3.6 (Firefox 1.5.0.3対応) 日本語化: 済カスタマイズ: RSSフィードをコンテンツエリアに読み込む際のユーザーCSSの変更... [続きを読む]

受信： 2006/05/31 23:59:06

こんばんは。はてなでお世話になっていますnaodayと申します。今回の質問はありがとうございました。
さて、あの後、なんとか書いていただいたとおりやってみて、なんとかできました。私のレベルでは決してスムーズにはできませんが、なんとか目標は達成しました。これからSagegがますます便利になりそうで、楽しみです。

それでは、お礼とご報告まで。

投稿 naoday | 2006/02/17 0:07:01

naodayさんコメントありがとうございます。私のまとめは過去の奮闘を忘れない為に書いているようなものなので、さほどレベルが高いわけではないです（笑）。

Sageは割とシンプルなソフトなので、私のレベルでもそれなりに使いこなせているというのが実態です。

お互いに上手く使いこなしていきましょう（笑）。それでは。

投稿 Kazabana | 2006/02/21 0:03:05

こちらの通りカスタマイズしてみたのですが、上書き後の起動で変なバーが出てきたり、Sageのアイコンが出なかったりと、が正しく起動してくれませんでした。
また、xpiに固めて試したのですが、"インストールスクリプトが見つかりません"というエラーでだめでした。

zipに圧縮するときに何か問題でもあるような気がしたのですが、なにか方法はないでしょうか？

投稿 sippu | 2006/03/15 12:40:05

sippuさんこんにちは。

当ブログで公開しているカスタマイズ版のsearchEngine.rdfのテキストファイルですが、ファイル名から拡張子の.txtを外して拡張子を.rdfに変更しておく必要があります。この点は大丈夫でしょうか？

もし上記の内容が該当するようでしたら、お手数ですが拡張子の部分についての作業をやり直してみてください。

※ココログはアップロードできるファイルの種別が制限されている関係上、拡張子が.rdfのものをアップロードする事ができません。そのため、 searchEngine.rdfもテキストファイルとしてアップロードしております（ファイル名がsearchEngine.rdf.txtになっています。）

投稿 Kazabana | 2006/03/16 23:56:07

報告と御礼です、なんとかうまくいきました。
原因は、sage.jarに固めるときに、contentフォルダ、localeフォルダ、skinフォルダをまとめてzip形式にしなかった（その上にあたるsageフォルダごとzipに固めてしまった）ためだったようです。

結局その通りにやらなかったところでした。説明文をよく読んでなかったようですorz
お騒がせしました＾＾；

投稿 sippu | 2006/03/17 11:37:22

Sageのスタイルシートをいじる

Firefox用のRSSリーダの拡張であるSageのデフォルトのフォントサイズ設定では文字が小さ過ぎるし，Tapestryによる漫画の表示の問題があるので1コラムでアイテムを並べたいためスタイルシートをいじってみる．いちいち細かい設定する余裕がないので，元のスタイルを叩き台にフォントサイズだけいじる．以下手順：

まずSageのインストールページからxpiファイルをいただく．"click here to install"のリンクを右クリックし，[Save Link As...]を選んでダウンロードする．xpiファイルの実体はzipファイルなので，unzipして中に出てくる sage.jar を取り出す．
さらにjarファイルも実体はzipファイルなのでsage.jarをunzipすると，content/res/sage.css というファイルがあるので，これを取り出していじる．
いじったファイルは適当な場所に置き，Firefoxのメニューから[Tools]→ [Extensions]で拡張のリストを開いてSageのオプション設定の画面を開いてFeed RenderingのUse custom style sheetにチェックしてファイルのパスを指定する．

私がいじった場合のdiffはこんな感じ：

% diff -u sage.css.orig sage.css
--- sage.css.orig       Sat Sep 11 02:57:00 2004
+++ sage.css    Mon Jan 24 16:09:32 2005
@@ -11,6 +11,7 @@
   margin: 0px;
   color: #222;
   font-family: verdana;
+   font-size: medium;
}

a:link   { text-decoration: none; color: #436976; font-weight: bold; }
@@ -28,21 +29,21 @@
}

#rss-title {
-   font-size: large;
+   font-size: larger;
   line-height: 1;
   margin: 0px;
   padding: 0px;
}

#rss-desc {
-   font-size: small;
+   font-size: inherit;
   margin: 0px;
   padding: 5px 0px 0px 20px;
}

div.item {
   border: 1px solid #8cacbb;
-   width: 47%;
+   width: 96%;
   min-width: 14em;
   margin: 0px 0px 8px 2%;
   padding: 0px;
@@ -51,7 +52,7 @@

h2.item-title {
   background-color: #dee7ec;
-   font-size: x-small;
+   font-size: inherit;
   font-weight: normal;
   line-height: 1.1;
   margin: 0px;
@@ -64,13 +65,13 @@

div.item-desc {
   min-height: 6em;
-   font-size: x-small;
+   font-size: inherit;
   margin: 0px;
   padding: 8px 10px;
}

div.item-pubDate {
-   font-size: x-small;
+   font-size: smaller;
   margin: 0px;
   padding: 8px 10px;
   width: 80%;

IE7について

Be aware that the HTML element has a default border of 1.
Windows Internet Explorer 7 and greater: Fixed positioning is available through strict mode.

Internet Explorer 6 and greater: It is recommended that your !DOCTYPE be set to strict mode to enable rendering compliance with the W3C specification for Cascading Style Sheets, Level 2.1 (CSS2.1) .
Fixed Positioning

Beginning in Internet Explorer 7, web developers can use fixed positioning, a subcategory of absolute positioning. Similar to the containing boxes of absolute positioning, fixed position elements are independent. When applied, they are not relative to preexisting parent or child elements. The distinction involves element placement. Rather than localization on the body of a page (as with absolute positioning), the contents of a fixed positioned element flow within the given dimensions of the browser window (also known as the viewport).

By default, a positioned element always has a higher z-coordinate than its parent element so that it will always be on top of its parent element.

金曜日, 9月 22, 2006

The Box Model Problem

This is the site that deals with various hacks to different web browsers. It is a series of web letters mainly talking about IE box model.

The Box Model Problem: Support Links

The Tantek Box Model Hack:
Tantek Çelik
( http://www.tantek.com/CSS/Examples/boxmodelhack.html )
The Tan Hack, also known as the Modified Simplified Box Model Hack:
Edwardson Tan
( http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html )
The Commented Backslash Hack, v2:
Sam Foster
( http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html )
James Craig
( http://www.cookiecrook.com/sitemap.php )

Box model comparison graphic courtesy of Big John. ( http://www.positioniseverything.net/ )

火曜日, 9月 19, 2006

Web site design

It seems that in the near future, wet site composing and designing is still the coming work for all of us.
A List Apart is a good place for us to read and learn something about web designing and web problem solving .

getBrowserWidth

Resolution dependent layout


function getBrowserWidth()
{
 if (window.innerWidth)
 {
  return window.innerWidth;
 }
 else if (document.documentElement && document.documentElement.clientWidth != 0)
 {
  return document.documentElement.clientWidth;
 }
 else if (document.body)
 {
  return document.body.clientWidth;
 }
 
 return 0;
};

Text-Resize Detection

I wonder that how to detect IE font change in my Javascript professionals. Today, to my surprise, that this guy give a good example at

Text-Resize Detection

by Lawrence Carvalho, Christian Heilmann

水曜日, 9月 06, 2006

Bluetoothについて

Bluetoothに関連するリンク
いぬちゃん

月曜日, 9月 04, 2006

Position Is Everything

Here are some great contents related to bugs of various web site browsers . I quote the first sentence here:

Position Is Everything
A compendium of CSS positioning bugs

金曜日, 9月 01, 2006

Creating A Windows XP CD With Service Pack 2 Slipstreamed

Creating A Windows XP CD With Service Pack 2 Slipstreamed

Some information from about pc annex

Slipstreaming Windows XP with Service Pack 2 (SP2)

木曜日, 8月 31, 2006

IEBlog:Why Does IE Resize My Dialogs?

I saw a good article about the sizing of the IE dialog. It is very hard to hear from someone about the datails of IE and something related. Maybe it is called life. You must use your brain to think , to hear , to learn something that you currently don't know.

Why Does IE Resize My Dialogs?

IEBlog

水曜日, 8月 30, 2006

About Camera

Recent years, I spend most of my time to read something about cameras from various manufactures, and at the same time , I have bought a lot of cameras.
The goal is one, the only one, that I like to take good pictures everyday, in my spare time. Maybe it is a long-term plan or it is something that just is a want I currently have .
Anyway, I like to take good photoes everyday in my life.

登録: 投稿 (Atom)