チャレンジ月日：２００２年９月２４日（日記風）
修正月日:２００２年１１月１７日（ある程度確信がついてきたので、講習風）

お題：ひな形メールのひな形を作る！

去年（２００１年春）初心者向けのＩＴ講習会でも、ちらほら、質問されたりして・・・
「絵が動いたり文字に色が付いていたり・・・・そういうメールは、どうやったら送れるの？」
という事ですが、

基本的に私は、テキスト形式のメールしか出さないので（用が果たせればいいので、こだわらないし
相手のメーラーを知りもしないで、勝手にｈｔｍｌ形式で送ってくる人には、腹立たしく思っている。^^;
昔の時代の人間って事でしょうかねー。ｈｔｍｌ形式など存在しなかった時代の・・・だいたいむかーーしは、
添付で画像すら送れないのが当たり前だったのだ！おいおい・・パソ通時代の話だ・・・それも初期）
詳しくはないのですが、

と、今回のチャレンジは『ひな形メールのひな形作成』です。
（使い方は、他のＨＰを見てね。検索で、『メール』『ひな形』とか入れれば、いっぱい出てきますので）

ところで、「ひな形」？「ひな型」？どっちが正しいの？？？？(^^ゞ

その上記初心者向けのＩＴ講習会で、
アシスタントについてくれた若い女の子が（さすがに若いだけあって、最近の流行は使いこなしている(^.^)）
ひな形メールにはまっているらしく、彼女の談では
「ＨＰって難しいから、なかなか作れないじゃん？だから、ＨＰは作れないけど、でも、ちょっと作ってみたい。
もう少し簡単に作れるってのが、『ひな形』だと思うんだよねえ〜」って事ですが、

まぁ反論もあるでしょうが、（最近は、動くひな形とかで、JavaScriptを使ったりするしね）
一理もあるかな・・・・。

という事で、ＨＰを作れる人は、ＨＰと同じように作ればいい訳だ・・・・
うーーーん、本当に、ｈｔｍｌファイル＝ひな形なのかなー。
何か、ワナはないだろうか？？？
と個人的には疑問が残りますが、まず作ってみよう。

私は、ＨＰ作成は、昔は、メモ帳でタグ記入でしたが、
最近のＨＰ作成ソフトは使いやすいので、ホームページビルダーＶ6.5。
またまた最近では、Dreamweverバージョン４も使ったらり
この三つのどれかで作ります。

今回は、JavaScriptが簡単に作れるホームページビルダーで・・・・
（Dreamweverも作れるのかな？まだDeamweverは使いこなしていないので、パス）

以上で、ひな形完成。

ファイルは、htmlファイルと、その中で使っている背景画像、JavaScriptで動かしている星の画像二種類、そしてＢＧＭに使うｍｉｄファイルです。

このファイルを、一つのフォルダに収め（まぁ、収めなくてもいいだろうけど、収めた方が後から、メンテナンスしやすいと思うので）
C:\Program Files\Common Files\Microsoft Shared\Stationery
の中に入れれば、使う事ができます。

上記の Stationeryフォルダの位地が、どのＯＳでも、同じなのかどうか
それが、ちょっと不安なのですが
（後から調べます）
他の人の作ったひな形ファイルの圧縮形式をダウンロードして 解凍すると、
そこに入れるように指示されているので、いいのかなぁ〜・・・
ちなみに、Ｗｉｎｄｏｗｓ２０００は、ＯＫ。あと、ＸＰ、Ｍｅ、９８あたりを調べてみます。

次にっ！
へへへ・・・・みんながやっているように、自分のＨＰにアップして
そこから自己解凍ファイルをダウンロードしてもらって、 実行すれば、
もう使える！みたいに、したいんだぁ〜(^.^)

自己解凍の圧縮ファイルにする！って言うのは、前にやってみたくて、
その時に、フリーソフトをダウンロードしました。

いろんな人が作って『Vector』とか『窓の杜』 のサイトのアップされているので
好きなの使ってください。上記の文字を検索のキーワードに入れればサイトは、見つかります。
（って、いつのまにか、ひな形の作り方講習・・・みたいになっちゃったよ。^^;）

私が当時ダウンロードしたのは、
『Easy圧縮 Ver 1.1 (デラックス版)』 です。
昔ダウンロードしたので対応が「Windows95/98/NT4.0上で動作します。 」となっていますねぇ・・・
バージョンアップされているかな？
ま、Ｗｉｎ２０００でもＯＫみたいなんで、これ使います。

複数のファイルをまとめて、圧縮したいので、そういうソフトを選びます。
（いまどきは、みんなそう？前は、単体の圧縮しか出来ないものあったんだ）

このソフトで、自己解凍の圧縮ファイルを作ることができるんだけど、
さて、ユーザーがダブルクリックしたら、どこのフォルダに解凍させるか・・・
それを、人が作ったひな形から
C:\Program Files\Common Files\Microsoft Shared\Stationery
だと、踏んだわけですが、

一応Win98,Win2000,WinME,WinXPのＯＳはテストしました。

全然心配には及びませんでした。
（というか、常識？？？^^;）
2000とかだと、My Documentのフォルダの位置が違って、インストールに困った事があるので、
つい心配しちゃいましたが、同じ場所ですね。

ただ、ＷｉｎＸＰですが、我が家は、（Professonal Edition←これは関係ないと思うが）
主人がAdminiで、家族は、userなんです。
私のログインで入ると、 C:\Program Files\Common Files\Microsoft Shared\Stationery
のフォルダに書き込みが出来ないので、『ひな形』のファイルを入れる事が出来ません。

そのフォルダの『読み込みのみ』というプロパティを変更したいのですが、
当然（？）私のログイン画面からも、主人のAdmini画面からも出来ないんです。

これって、Adminiしか『ひな形』いれられない？？？？
まぁ、別のフォルダに保存して、そこから、『ひな形』使用すれば、いいと言えばいいのですが。

【結果】WinXPは、アドミニ権限の人は、Stationeryフォルダに書き込めるので
ＯＫですが、アドミニじゃない人は、書き込めるの権限が無いのでエラーになります。
この場合は、違う場所に解凍して、そこからひな形を開いてメールを書く。
と言う事になりますね。

C:\Program Files\Common Files\Microsoft Shared\Stationeryに解凍させるのですが、
ユーザーは、いろんな人のひな形をダウンロードしたり するので、ファイルがバラバラと
Stationeryフォルダに散らばらないように、
例えば
C:\Program Files\Common Files\Microsoft Shared\Stationery\Misty\otiba\
↑このように、私のひな形は、私のフォルダにまとめますよ〜。その中の○○に、
このひな形は、まとめて入れますよ〜。
と解凍先ディレクトリを作って解凍させると、いいと思います。

前に、また別の受講者からの質問で、彼はやはり、『動くひな形』を使ってメールをしたいらしい・・・
で、サイトで、ひな形を探している訳ですが、
一般のＨＰでチラチラ動く絵があるのを見つけて
「これをひな形にもってくるには？？？」
と聞いてきました。

その時は、「うーーん、これは、ひな形用では無くて、この人がＨＰとして、これを作っているだけですねー」
と答えたのですが、
後から、いろんな人のひな形サイトを見ると、

私が上記で作ったような、自己解凍ファイルで、自動的に Stationeryフォルダに入れるという形で
配布している人もいますが、
中には
ＨＰのページを作っておいて、
「このページを＜ファイル＞⇒＜名前をつけて保存＞で保存して、保存したものを
Stationeryフォルダに入れて使ってください・・・」
って人もいますねー。

この場合、ｈｔｍｌファイルと、画像は、別フォルダになって、保存される訳ですが、
別にそういう形式でも（私の場合は、同じフォルダに素材が入っている。
別フォルダになると、メールで送る時、そういう関係を保ったまま送られるのだろうか？？？）
ひな形は、可能って事なのか・・・

この辺がまだ疑問です。

ｈｔｍｌ形式＝ひな形
だったら、フレームでもＯＫなのかなー。

考えると、どんどん疑問は膨らみます。

どなたかのサイトに、この『ひな形』の容量ですが２０ｋバイト。くらいを目安に・・・
って書いてありました。

ちなみに、私が作った『ひな形』どのくらいかなぁ〜と調べると
どっひゃぁ〜〜 です。

背景ファイルは私は、小さい画像を並べて使っているので、少ないです。
画像ファイルは、ＷＥＢでアップしていた人【その１】より大きめな絵なので
大きいですねぇ・・・でも 【その２】よりは、小さいです。
【その２】の人は、結構凝った絵を載せていましたからね。

まぁ、ここまでは、よしとして、

問題はｈｔｍｌファイルですね。
これは、ビルダーを使ったことに問題があったかな。
JavaScriptをわかっていれば、同じような動きをするものとかは、
多分配列を使ったりして、もっとコンパクトにする事ができるはず。

それを、ホームページ作成ソフトを使うと
余分なタグ(や、JavaScriptの構文）並べてしまうので、こんなにも、大きくなってしまうのだと思う。

次回、自力（と言っても、パターンは、どこかから、サンプルを拝借）でJavaScriptを組んで作ってみます。

midファイルは、ちょっと大きいけど、まぁ、そんなもんか・・・

【その２】の人も大きめですね。^^;

そうそう、『ひな形』探して気が付きましたが、
みなさん、「餅は餅屋」って、^^;
素材は、素材屋さんから、了承を得ていただき、それを組み立てて『ひな形』にしている人多いんですね。

またまた、他の人のサイトを探しましたが、
最近は、このタイプで配布している人はいなくなっちゃったのかなー。
前はいたと思うのですが、見つかりませんでしたぁ〜。

でもとりあえず、これで保存した場合でも、可能ですね。
（と言う事は、シンプルなＨＰだったら、それを『ひな形』としてパクっちゃう事は可能。
著作権に触れるから、ダメですけど・・・・・）

ただ、音楽が不可。
（たしか、どこかのサイトにもそんな事が書いてあったような気がするのですが・・・）

理由は、保存されたタグを見ると、
イメージとかは、自動的に、保存する際に、画像が入るフォルダが作られ、そこにリンクされるように
ソースの変更がなされているのですが、

EMBEDのタグは、変更がされないし、ｍｉｄファイルも保存されない。

EMBED　を使わないで、bgsoudのタグを使ったら、どうだろうか？？？？
とやってみたら、もっと最悪だった・・・・。^^;

やっぱ、使用ファイルをまとめて圧縮されたファイルがアップされている方がよさそうですねー。

Java Scriptをお借りしましたが、JavaScriptの記述の位置や
元々のJavaScriptの作り方などで、自分が送るのは、大丈夫だけど、
返信の時にエラーが出てしまう。と言う事は、結構ありがちです。

作った場合、「自分で送る」だけじゃなくて、「返信」のテストもした方がいいです。
また、ある程度の知識が必要ですね。
（借りて、ポンと置いて、上手くいかない場合もあるので・・・）

ひな形の場合、ユーザーが何も考えずに文字を入力しても
作成の希望する色の文字で書かれたり（ＨＰの場合は、そんな事を
考えなくてもいいのですが） させるには、スタイルシートが功を発します。

不得手だった（というか、昔スタイルシートが対応できないブラウザ時代の
タグの知識のみで、今で来た）スタイルシートにも挑戦して、
文字の色の固定とか、背景を下に固定とか・・・・・
（ほぉ〜！！ですね。^^;）
ちょっと面白くなりつつあります。

自分のＨＰの場合は、あまり変わった事が出来ない
（Java Scriptもスタイルシートも凝ると、うっとおしいような気がして・・・・）
のですが、ひな形なら、いろんなJava Scriptやスタイルシートを
使って、いろんなパターンのひな形を作れそうで、
楽しみです。

実は「Ｔｉｍｅ」ってのも使ってみたい・・・・・・