Project::MOMO-CHAN

プロジェクト【MOMO-CHAN】とは、自主制作音楽家、ミキコさんの音楽活動をより活性化させるために行われるプロジェクトとして、2001年4月に発足。その間の四苦八苦を以下に記載しております。

なお、2002年11月12日を持ちまして、全ての運営をインディーズ音楽家ミキコさんご本人に完全移行し、本プロジェクトの終了と相成りました。

http://www.mikiko-sound.net/ の URL に示される内容は現在 全て私の運営ではございませんのでご注意ください。

サイト設計にあたり、CGI、JavaScriptと言った、ホームページ作成のためのスキルアップ、 運営に必要な事項の調整が隠れたテーマでした。 このプロジェクトが私に与えてくれたものはとても多大であったと考えております。

2002/5/9 携帯版ニッキページ公開

と、言うことで、
何がαなんだか良く分からなくなっちゃいましたが(^^;)
（本来『α』とは要求仕様すら満たされていない段階のバージョン）
α02を以って完成として、公開を開始しております。

ミキコサウンド掲載の日記と同じものが、
携帯電話から参照できます。
iモード、J-SKY対応携帯電話をお持ちの貴方！

http://www.mikiko-sound.net/mobile/

へ今すぐアクセス！

2002/5/7 携帯版ニッキページα02

いやあ。 意外と簡単に完成形に近い形に持っていけました。

α01で正規表現記述に誤りがありましたので、修正。
表示するのは一日のみとして、前後の日へはリンクを辿って表示。
以前作成したiMode/J-SKY両方対応の HTML ソースとマージ。完璧。

Perl と言う言語は実に面倒のないプログラム言語で、
今回のようにテキスト文章から HTML タグを削除するぐらいは、
正規表現で以下のように記述するだけで良かったりします。

mobile_diary_cutter.cgi　（一部）

$diary_text =~ s/<( *?)br( *?)>/!br!/ig;
$diary_text =~ s/<( *?)img(.*?)>/[画像]/ig;
$diary_text =~ s/<.*?>//ig;
$diary_text =~ s/!br!/<br>/ig;

$diary_text には日記のテキストが入っていると思いねぇ。
特にこの色で書いてある個所だけで、
$diary_text からのタグ削除を実現しています。

C言語とか、通常のプログラム言語での文字列変換はそれなり大変です。
加えて、こういったいわゆる構文がある場合はいよいよ大変です。
プリミティブにせよ、構文解析をロジックで実装しなければならないからです。
やってみると分かるのですが、
これがまた、偉い冗長になりがちなのです。

Perl が凄いのは、<で始まり、>で終わると言うタグの文法を
<.*?>だけで表現できてしまう点です。
オブジェクト指向とか、最近の言語とは異質な美しさを感じてしまうのって僕だけかしら(^^;)

まあ、正規表現の詳細はこちらのサイトを参照くださいませ。

それにしても、こうして実際に Perl プログラムを作って、
それなり文法が分かって来れば来るほど、
TAMAYA さんのソースを見るにつけ、
TAMAYA さんの設計レベルって相当高いんだろうなぁ…などと。
いや、まだ具体的にどこが、って言えるほどのレベルではないんですが。

今日までの実装状況はこちら → 携帯日記α02

2002/5/6 携帯版ニッキページα01

本格的な CGI プログラミングの開始です。

ミキコサウンドのニッキは TAMAYAソフトウェア の Diary CGI を用いて実現されています。
これは、ミキコさんがダイレクトに HTML をいじらなくても
気軽に更新できるように、と言う趣旨のものです。

で、日記データは S-JIS のテキストとしてサーバーに保存されているわけですから、
このデータを携帯ページ用に HTML を生成する CGI を起こせば良いわけです。

ミキコさんの日記には画像の表示タグや
MP3/Realファイル等へのリンクが貼られていることがあります。
これらは携帯で見た場合に困ります。
何が起きるか分かりません。画像などは或いはロード中断になるかも。

そこで、まずは

• ミキコさん Diary データのうち、最新データを読み込み
• CGI の正規表現による置換を用いて、画像・リンクタグの削除
• 簡単に表示

までを実現してみました。
いや、なにしろ始めての本格的な CGI です。
UNIX では常識とされている正規表現なのですが、
これが DOS ユーザーだった僕には大変難しい！

今日までの実装状況はこちら → 携帯日記α01

2002/5/4(2) 携帯ページを刷新中

ミキコサウンド携帯ページのリニューアルを企てています。
CGI による自動生成である、本家ニッキページの HTML を
そのまま携帯HTMLに変換して、
携帯ページで閲覧できるように計画中。

CGI に手を入れる必要があります。
まずはいろいろと調査中。

2002/5/4(1) テンプレート設計が必要（だった）

ほとんど一身上の身勝手にて、
ミキコサウンドのサイト更新をサボってしまっていたのですが、
いっぱい必要なことがミキコさんの中では発生しておりまして…(^^;)(^^;)

やはり、サイトで一番困る人は、
サイトコンテンツを作っている人なのであって、
サイト設計者そのものではないわけなのであります。
こういうことはあってはいけないことです。

大分ウェブ設計ツールも整ってきている昨今なので、
基礎となる HTML 文章は兎も角、
その後の更新は、
コンテンツ提供者がちゃんと行えるような
テンプレートを設計しておく必要があったのです。

いや〜きっといわゆるウェブで商売している人には当たり前のことなんだわ。
でも、ぜんぜん見積もれていませんで。
今回非常に反省しました。
そういう他者による更新を全く考えていなかったのです。
そういうのは CGI で自動更新できるようにすれば良いや、ぐらいのもんで。

今回はもう作っちゃったので、

ミキコさん更新 → ぐっちーHTML的な確認、場合によっては訂正、依頼によってはCGI修正

と言う方向になりました。

2002/2/11 sendmail の謎

ミキコサウンドメールマガジンは BCC 一括送信 CGI で作られています。

それがそういったわけか、
サーバー移転と共に使用できなくなってしまいました。
Returned Mail を参照すると、以下のようなエラーが発生しています。

＊＊＊

The original message was received at Wed, 6 Feb 2002 20:08:06 +0900
from mikikosd@localhost

----- The following addresses had permanent fatal errors -----
yyamag@ga2.so-net.ne.jp
(reason: 553 5.1.8 <mikikosd@ns3.kabir-ken.jp>... Domain of sender address mikikosd@ns3.kabir-ken.jp does not exist)

＊＊＊

謎なのが、sender address が mikikosd@ns3.kabir-ken.jp になっているのです。
mikikosd@www.mikiko-sound.net が正しいメールアドレスなので、
これでは送信に失敗するわけです。

メール送信を行う CGI は、全て sendmail と呼ばれる
UNIX コンポーネントが呼び出されているのですが、
個人的には、この設定がおかしいと思うのです。
と、言うのも、CGI を別サーバー（CHAT-JP.COM）に移したら、
すんなりと動作したのです。

…と 1-man さんに連絡しているのですが、音沙汰無し。
サポートに期待できないことは、
激安サーバーなのである程度承知…なので、調べなくちゃいけないんですが、
手元に UNIX マシンなんてあるわけもなく、
これ以上調査できないのでありまする。

と言う、ことで、この情報だけで、
何が悪いか分かる方、ぜひぜひご教授頂きたく。
連絡待っております〜。

2001/11/24 サーバー・ダウンの悲劇

昔から、よく落ちたりはしていたのですが、
とうとう、CGI サーバーが落ちました(^^;)

挙句、全ての CGI データが失われて、
復帰できなくなってしまいました。

とりあえず、全力でキャッシュ等に残っていた
データをかき集めて、それらしく復帰。
ざっと丸一日かかってしまいました。

やはりバックアップは重要です。
それなり商用のサーバーである場合は兎も角、
安いサーバーで対応しようとした場合は
みなさま、こまめにバックアップを取りましょう…。

と、今更言ったところで後の祭り。合掌。Ｏ＝(__;;;　ﾊﾟﾀ．．．

2001/11/8 もうちょっと HTML(JavaScript) チューニング

ずーっと気になっていたのですが、
ミキコサウンドの各ページへのリンク・グラフィックス、
ロールオーバー時のグラフィックス（JPEG）が、
マウスポインタをグラフィックの上に置いた瞬間に
ロードされるらしく、アナログモデムで参照すると、
結構時間がかかってしまいます。

そういう時は、BODY タグにある、 onLoad 属性で、
ロールオーバー時のグラフィック全てについて、
※ロールオーバーって言うのは、マウスポインタが上に乗っている間、
※ グラフィック表示の変わるアレのことですね。
JavaScript を用いる等で、予め、プレ・ロードすれば良いわけなのです。

例によって、Dreamweaver はその JavaScript を自動生成してくれます。
GoLive も自動生成してくれるのですが、
なぜか上手く動作してくれていなかったようです。

各ツールが生成する HTML ソースを現在解析中。
大分ロールオーバーが軽くなったと思うので、
一度覗いてみてくださいな。

2001/11/7 DV 画像から音だけを抜き出そう！

さて、DVでライブ撮影、MPEG1/リアルビデオ配信を実装したわけですが、
やはり折角のライブ収録。ライブの音源だけを抜き出したくなります。

これが意外と難しい。
って言うか、ツールがない。
google で検索かけまくって、ようやくそういうツールを見つけました。
英語だけど。

MPEG1 ムービーから、C-point Antechinus Media Editor を使うと、
Wave ファイルを作成できます。

後は、お馴染み CDEx なりを使って Wave から MP3 へ変換する。
これで、ライブ音源が出来上がるわけです。

ところが。

MPEG1 から Wave への変換時、「ぷち…ぷち…」と細かなノイズがのってしまいます。
これがなぜなのか、今ひとつ追いきれていないのですが、
サウンドドライバか何かの問題だろうって予想しています。
Windows の場合、ダイレクトなんちゃらと言うコンポーネントがあって、
デジタルデータを別ドライバへ接続するインターフェースを持っているのですが、
その辺りが、弱いのかも知れないです。


実際、こんなツールが出ているところを見ると、決して稀なことではないようです。

パソコンって、なんでもやれそうに見えて、
細かなところで、落ち度が多いよね。
デジタル編集だから、って何でもできるつもりでいない方が良いのかも知れません。
まずは、やりたいことのツールが揃っていることを確認しましょうね〜。

と言う教訓を得ました(^^;)
そんな教訓と共に、サウンドページを update。

2001/10/21 HTML大改修

立ち上げ当初、すばらしい、と思っていた Adobe GoLive5。
実際に生成される HTML コードが貧弱であることが分かりました。

インターフェースは Photoshop と一貫性があってすばらしいのですけどね、
GoLive 固有のタグを生成するのは、まいっちんぐ。

W3CのHTMLを確認すると、

『知らないタグを確認した場合は無視する』

とあります。
これは拡張性に対する対処と思われるのですが、
とするならば、

固有タグがあっても動作的には問題ない

と言うことになって、いいじゃん、ってことになるんですが、
どうなんでしょう？
そう言う意味では、GoLive が行った行動は悪くはないわけで。

まあ、ブラウザのパーサーに、ほんの一瞬負荷がかかるので、
これはいかん、と言えばいかんのでしょう。
しかし、先に示した仕様自体、何かおかしい感じがしてならんのですが。
GoLive や、Microsoft社のような固有タグを許している、と言う解釈は
ありそうな結果にも思えます。

この辺りって何かご意見ある方、いらっしゃいますでしょうか？？
BBS なりにばんばんお寄せいただけると、本当、うれしいです。

僕は動けば大分満足してしまう人なので、拘りない感じですが(^^;)
でも、標準的なブラウザで将来動作しなくなる危険性なんかを考慮すると、
辞めた方がいいのだろう、と考えました。

問題はそれだけでなく、いろいろ本当にソースが汚いんです。

と言うことで、目が覚める HTML をはく、と名高い、
Macromedia Dreamweaver を使うことにしました。

目指せ HTML-lint 80点ってなもんで、
ミキコサウンドのページを HTML 4.01 Transitional
（HTML 4.01 Strict より制限が軽い HTML 仕様）
「ほぼ」準拠にしてみました。
「ほぼ」って言うのは、HTML 4.01 Transitional では、
Frameset タグが、許されていないからです。

BBSの方にも書きましたが、そのあたりは開き直ってます(^^;)
だって、IE でも Netscape でもちゃんと動作するわけだし。
（今のところは）
少なくとも Microsoft 社は今まで互換性を無視した設計はしてきませんでしたし、
明日からなくなる、ってことはないんじゃないかなぁ、などと。

とりあえず、この作業は割と楽しかったんですが、
これって正しかったのかどうか、よく分からない僕だったりします(^^ゞ

まあ、でも、Dreamweaver 使って、
がしがしと、標準タグを使って書くと、
ちょっと本格派になれた気分は味わえるんですけどね(^^;)

2001/10/20 DVでライブを収録

いや〜、日記でも書きましたが、
ミキコさんのライブ、とても感動しました。

今回は、生まれて初めて、DV編集なるものをやってみました。
会社の検証用機材を持ち出したので、
これがまたヨーロッパモデルで(^^;)

少々ソフト周りで四苦八苦しながらも、
DV 画像→DV 生データ書き出し→AVI→MPEG1→RealVideo
の順番で変換。

作成された RealVideo はミキコサウンドの日記で公開されています。
なかなかの出来栄えと、自画自賛(^^;)
すばらしいライブなので、ぜひご覧になってみてください。

ライブの RealVideo はこちら。

2001/9/18 オシラセ ページを実装

例によって TAMAYA ソフトの日記 CGI をチューニングすることで、
ミキコさんの音楽に関するお知らせを通知する機能を実装してみました。

今回ライブ情報の件があったので、
必要があったのです。

割と簡単に実装完了。
ま、慣れたもんです(^^;)
スキン用 HTML をちょろちょろっと変更して作成。

多少ここからチューニングするかも？

2001/9/17 メールマガジン CGI を実装

大分遅れながらも メールマガジン CGI を実装しました。
この CGI はメールマガジンの購読・解除を自動化してくれ、
フォームメールから登録ユーザーへ BCC 送信してくれるものです。

上手く CGI を隠せたので、大分満足(^-^)
今回利用させていただいたのは、
HAKIDAME WEB で公開されている メルマガ 用 CGI です。
多少デザインをカスタマイズして利用させて頂きました。

こちらの CGI は、チューニングこそ楽ではありませんが、
かなり完成度が高いです。
場合によってはほとんどチューニングの必要はないでしょうねー。

メルマガはミキコさんのお手製です(^-^)、
楽しく仕上がっていると思います。

良かったら試しに登録してみてくださいな。
ミキコサウンド → メエル から登録できます。

2001/9/14 簡単なことのはずだったのに…

期せずして、スクラッチ CGI をおこしました(^^;)

少々わけあって、BBS のログファイルに手を入れようとしたのですが、
パーミッション設定上、ログファイルに書き込めなかったのです。

今回使った Bee と言うBBS を用いると、
僕でない人の オーナー扱いでパーミッションが ログが作成されます。
なので、僕がこのログを書き込むことって出来ないわけですね。

加えて、このパーミッションを僕が変更することは許されません(^^;)
だって、僕が作ったんじゃなくて、CGI が作ったんだもん。
（オーナーが違う）

telnet が使えれば、多分 chmod コマンドで
パーミッション変えられたはずなんですが、
1-man.net さんは、telnet できません。

でも Perl の中で以下のように書けば、パーミッションを変更できます。

chmod ( 0666,$PATH_NAME );

こちらに詳しい解説があります。
で、それだけする CGI を始めてスクラッチで組んでみました。

なーんて書くと、多少かっこ良いんですが、
今回もっともっとはまってしまったことがあります。2時間ほど。

Perl においては HTML ヘッダを出力しないとエラーになる。

これ、CGI 作家さんには常識なんですか？
偉い悩みました(^^;)
だって、参考書が言っていることと違うんだもんさ〜。

2001/8/22 ハードディスク・スペース、その後

その後、ネットワーク技術利用委員会様より連絡があり、
晴れて無料 HDD スペースをお借りできることにヽ(^0^)ノ

こちらは Linux のカリスマ、おごちゃんの個人運営ウェブサービスです。
「でっかい音楽ファイルとかおいちゃ駄目よ」と釘を刺されておりますので、
どのみちだめだったのね(^^ゞ←ずうずうしかったかも

ですが、こちらは telnet が使えて、gcc コンパイラまで使用できるようで、
これは使わない手はありません。
通常のウェブサービスでは、それなりのお金を払わないと telnet まで
許しているところって、そうそう見つかりませんもの。

と言うことで、ミキコサウンド CGI 研究所としてスタートしてみます。

2001/8/20 ハードディスク・スペース、決定！

いろいろ考えたのですが、
やはりタダ程高いものはない、の言葉通り、
メンテナンス等々を考慮してお金を払うことに。

いえ、無料の個人運営ウェブサービス様にお断りされちゃったのね（連絡来ないの(ﾉ_･｡)）。
＃どーもこのあたり、あまり上手くないのかも、俺って。

広告付きのトクトクは、貰ったドメイン上で
仮にでもサイトを運営しないとまずいし、
それにしたって良心がどうにも痛んでしまいそうで。

後、無料だけに少々重いのですよね。
それが大きな要因です。
ストリーミングにはそれなり厳しい可能性が否めません。

そんなこんなで有料サイトにしました。

容量 無制限、年間 7,200円と圧倒的とも言える条件に、
CHAT-JP.COM に決定。
早速申請済みです。

2001/8/12 いよいよ本腰入れて、ハードディスク・スペース獲得準備！

音楽サイトにおける問題点、
それは、音楽ファイルを置いておくハードディスクスペースです。
始めるまで、100MBもあったら未曾有の数かと思っていたですよ。

ミキコさん個人持ちのウェブディレクトリ（旧ミキコの世界の場所）、
サクラ・インターネットが100MB（年間10000円程度）、
ミキコサウンドで使っている、1-man.net が 50MB（年間10000円程度）、
併せて 150MBもあるのに、もういっぱいいっぱいです(^^;)

今回必要なウェブディレクトリは、httpさえ通れば、
CGI や メールアドレスは必要ありません。
ドメインもぜんぜん必要なし。

ただし、大容量が条件。最低300MB目標。
予算年間10000円に設定なり。
今回、有料・無料に分けて検討開始です。

ってことで、大捜査中。
今日から金曜日まで更新予定。


2001/08/18 更新分。

サーバーを条件で検索できるサイトを発見。

スーパーサーバーサーチ！
　
レンタルサーバーDB


暫定候補をこの色で色分けしてみました。

有料ウェブサービス	容量	価格/1年	補足
COOL ONLINE	300MB	9,450円	ドメイン取得なし。2年目以降、6300円。無料20MBあり。
TkCity	無制限	20,000円	ドメイン取得なし。無料50MBあり。
do-to.com	200MB	18,000円
JAPAN-SIGHT.COM	500MB	20,000円	初期費用5000円。10M追加ごとに年額1200円追加。
TOANET	400MB	14,400円	初期費用1000円。
KTPlan	500MB	12,000円	初期費用3000円。
CHAT-JP.COM	無制限	7,200円	初期費用2000円。

無料ウェブサービス	容量	広告	補足
はぢめてのトクトク	無制限	あり
トクトク	無制限	あり
ネットワーク利用技術研究会	無制限	なし	Linuxカリスマの主催による個人運営。ネットワークを利用した新しい方法論の確立を目指した実験場の模様。審査厳しそう(^^;)
SAKJP.NET	無制限	なし	個人運営のサークル的サービス。20Mぐらいが限界の旨、記載あり。
麻布21	無制限	なし	個人運営。抽選クイズがとても難しい(^^;)
クリエイターズネット	無制限	なし	個人運営。クリエイター限定。作曲家可能、と言うことなので趣旨自体は合致。20Mぐらいが限界の旨、記載あり。

2001/8/9 レイアウト変更→オンガクページ

オンガクページをちょっとだけレイアウト変更。
再収録曲は日記に統合。

なかなかむつかしいな〜。
音楽コンテンツについては、
なにしろハードディスク容量が気になって仕方ない今日この頃。

そういう http 可能なハードディスク・サービスってないのかな。
CGI とか使えなくて OK なんだけどな〜。

2001/8/6 BBSの不具合修正

BBS書き込み時、「設定に保存」とすると、
前回書き込んだときのお名前、メールアドレス、URL等の状態を
次回書き込み時まで保存しておくことができます。

こういうのは、各閲覧側パソコンに設定を保存しておくのですが、
その方法を Cookie と言います。

今回、匿名掲示板と言うのがあって、
それとミキコサウンド BBS が同じ Cookie を用いていて、
ミキコサウンド BBS で設定を保存しても、
匿名掲示板（削除パスワード以外は全てデータが空白）で
上書きされてしまい、
結果、「設定に保存」してもデータが失われると言う不具合が発覚しました。

Cookie は名前ベースのバッファで、
本来ですと BBS おきにその名前をユニークにするべきだったのですが、
思いきり怠りました(^^;)

で、どうしたか、って言いますと、
匿名の Cookie 処理を削除
しました。いえ、抜本的対策じゃないんですが、
匿名掲示板はデータが削除パスワードぐらいなので、
これで良いんじゃないかなーなんて(^^;)

ちゃんと直すには、CGI に手を入れないといけません。
そのくらいのスキルを手に入れたいなあ。

2001/7/21 オンガクの置く場所に作戦

サウンドページ、音楽登録サイトを優先する格好に。
やっぱり、一番目立つ曲（聴いて欲しい曲）を前面に出しましょう、と言う意図です。

基本的な方針を（HDDの容量もないので(^^;)）、

●基本的に代表的音楽を MP3.comへ
●muzieからライブ音源を取り下げ。
●muzie に 散漫にならないよう、レイアウトに気を配った上で、ピアノ日記もアップ。

とする方向に。特に muzie さんは無制限なので活用しない手はないですねー。

その他、サイト運営所在を明確化（コノサイト、ミキコトハ）。
BBS を完全に TAMAYA ソフト Bee に移行。
デザインを旧 BBS になるべくあわせて実装してみました。
過去ログポーティング作業は、ださださの手作業(^^;)

2001/7/15 MP3.com の掲載ページをちょっとだけ作成

ミキコさんMP3.com登録の結果、なんとなんと
J-POP部門 7位！！

たかつきさんおっしゃるに、J-POPは第四階層で、
まだまだなが〜い上があるのだそうです。

MP3.com のランキングは、階層別になっていて、
TOP40 → POP&ROCK → POP → J-POP
となっているんだそうです。
でも、最初のアップロードでこれだけの評価が出るのですから、
大きな結果がでましたねー！

ってことで、MP3.com 内の ミキコさん紹介ページ、
HTML が使えるので、いろいろ試してみる。

分かったのは、こんな感じ。

●スタイルシート、JavaScript は使えない
●<DIV> タグが使えない
●<TABLE> タグが使える
●<A> タグが使える。
●<IMG>タグが使える。

よって以って、MP3.com 内で宣伝する場合、
以下のことが可能です。

●写真を載せることができる。
●文字は載せることができる。
●リンクは載せることができる。
●テーブルを使ってレイアウトを切ることができる。

ちなみに、なんですが、この MP3 によるストリーミングファイル
（これ、このサイトで始めて知ったのですが、こういう仕様あるんでしょうか？？）
を聞いてくれると、ミキコさんの順位がどんどん上がっていきます。
良かったらリンク先の音楽、聞いてみてね？ね？

後はサイトを英語化ですか？

ううう〜んっ。

2001/7/10 Yahoo! Japan 登録 - その後

サイト立ち上げ上は大分お仕事も片付きました。
その後いろいろこまごましたお手伝いをしています。

今回は、MP3.com登録用に再収録の模様を取材して、
サイトのレイアウトを切って、文章をおこしています。


さて、今回はちょっと論文っぽく(^｡^;)

Yahoo!登録は一つステータスって聞いていたんですが、
やはり書いてある場所かなぁ(^｡^;)

日本の地方 > 関東 > 東京都 > エンターテインメント > 音楽 > ロック、ポップス >

だもんね(^｡^;)
ピアノ曲を探すのに、日本の地方から探すとはとても思えん(^｡^;)
期待したほどは Yahooからアクセスなかったように思います。
まあまあ、ある。って言う程度。
アクセスログを見た感じ、検索入れて、日に5〜10件程度？
むしろ、音楽サイトmuzie からのアクセスの方が圧倒的に多いですね。

ちなみに、他に登録したサーチ・エンジンからのはアクセス、ほとんどありませんね〜。
一つの結論としては、
サーチエンジンやらなんやらの既存インターネットサービスが
こういった自主制作活動にプラスか、と言うと、
なかなか微妙だ、と言うことです。
まあ、ないよりは良い、と。そのぐらい。

なんだかの情報発信である場合、
調べ物ツールとして、検索エンジンは相当定着していますから、
かなり意味があるのですが、
なんだかの芸術活動等の「コンテンツ」である場合、
そのコンテンツ自体が面白いものであることを、
誰かが教えてあげる必要があります。

でなければ、実際にはコンテンツ自体見てくれないのではないか、
と思うのです。

例えば、本を購入するケース。

意外と、『著者名』で選んでいませんか？
実用書である場合や、調べものである場合は、
題名とか目次とか前書きとかで選ぶけど、
小説の場合、それじゃあ判断できませんよね。

大抵、『著者名』がブランド・イメージとして働いて、
購買へと繋がっていきます。


では、そのブランド・イメージはどのように形成されるか。

一つは『文芸賞』なんて言うのがありますね。
ああいう権威ある人たちの紹介を以って、
ようやく日の目を見ていくのだと思います。

大抵の場合において、
『私はこういう小説が好き』
なんて言う、個々人のオリジナリティは消費者側にはないんですよ。
仮にあったとしても、そういった嗜好に合致した作品に出会うのは
極めて難しいし、消費者側から能動的に探してもらえるとは考え難い。

ここに作戦が必要と思うのですが、
今ひとつ良いアイディアが浮かばない。
もしかすると、サイトのできる限界なのかも知れないです。

そもそも本質は音楽活動そのものなのですから、
インターネット上でどうだこうだ言っても仕方ないのかも分かりません。

もうちょっと考察してみたいと考えています。

2001/7/5(2) Yahoo! Japan 登録！

あかんわー。なにやら眠れなくなってしまいました(^｡^;)
Yahoo! Japan だけでは飽き足らず、
一発太郎と言う一括検索エンジン登録サイトで、
10サイトほど一挙に登録。

ついでに、ロボサーチ用 meta タグで、以下のような設定をしてみる。

<META NAME="robots" CONTENT="index,follow">

<META NAME="description" CONTENT="ミキコサウンドでは、
　ピアノ弾き語りによるミキコの音楽紹介や活動内容を発信しています。">

<META NAME="keywords" CONTENT="ピアノ,弾き語り,音楽,インディーズ,MP3,Real,ミキコ,サウンド,自主制作">

これでなんぼかはアクセスに協力できるかな。
大分自己満足かなぁ(^｡^;)

2001/7/5(1) Yahoo! Japan 登録！

Yahoo! Japan に登録成功！
申請後、一発でした。
これって快挙なんだよね？ね？

凄い凄い、やったやったー！

こんな感じで登録されてまーす。

2001/6/25 Mikiko-sound Mobile (3)

携帯ページ、今ひとつ参照増えず…。
今、ミキコさんとミキコさんファン、souichirou さんと言う方の
交換日記になってて楽しい BBS になってます(^^;)

もし、このページ見てくれている方で、
ミキコさんの音楽に「良いな」って思ったあなた。

ぜひ、携帯電話で、http://mikiko-sound.net/mobile/ へアクセス！
リアルタイムな雰囲気がとても楽しいですよ。

本家の日記 CGI がとても良い感じに 上手く行っている感じです。
割と不定期ですが、RealAudio で即興的ピアノ曲が聴けたりします。
これってミキコさんの提案で行われているのですが、
良いですね。本当に良い。
コンテンツと言うものは、フレームワーク云々を度外視して
育っていくものなのね（たはは）。

後、メールマガジンフォームを作成予定です。
明日設置できるかな。無理すれば。
うーん、今週中くらい、って言っておこうっと(^^;)

2001/6/20 Mikiko-sound Mobile (2)

トップページに、携帯ページの URL を送るフォームメールを貼ってみました。
へぇぇ、なるほどなぁ。これなら便利ヽ(^0^)ノ

2001/6/19 Mikiko-sound Mobile (1)

携帯電話ページ作りました。
iモードのHTML と J-SKY の HTML リファレンスを並べて、
「これは使えない、これは使える」などと、悩みながら、
手作業でダイレクトに HTML を書き上げました。

こちら（http://mikiko-sound.net/mobile/）にページがあります。
今のところ、コンテンツは日記だけ。
将来、MIDI もやるのかな（また勉強しなくちゃなぁ）。
やっぱり、TAMAYA ソフトの 日記 CGI はすばらしい！
HTML で書かれたスキンを 携帯用に興しなおすだけで実装できました。
このアイディア、凄いことです。
これは、CGI から、HTML ファイル呼び出しをして、
CGI が生成する表示ドキュメントを作成する、と言うアイディアです。

その他、「匿名掲示板」なる怪しげな掲示板もアップ済み。
良かったらのミキコサウンド

2001/6/10 Mikiko-sound RC

とりあえず、と言うかなんといいますか。

現行ページ完全閉鎖状態となり、
ミキコサウンド完全移行となりました。

まだまだやることはいっぱいあるのですが、
ホームページ的には RC (Release Candidate) となりました。

最後の最後で一点躓きました。
音楽家ページですので、
やはり音楽配信が肝となります。
そこで RealPlayer を使おうと思ったのですが、
これまた随分つまらない苦労をしてしまいました。

RealPlayer はストリーミングと言う技術のパイオニアです。
最近は Windows Media Player でも可能なのですが、
要は音楽のようなダウンロードに時間のかかる種類のものに対して、
ダウンロード後、音楽を鳴らす方式ではなく、
ダウンロードしながら、その場で音楽を鳴らせてしまえ、と。

一般に RealPlayer は、*.ram と言うファイルと、
*.rm と言うファイルの２つに分かれます。

で、はまったのは、*.rm だけをリンクすると、
ストリーミングによる演奏ではなく、
ダウンロードとして扱われてしまうのです。

これはなぜそうなるのかと言うと、
現状ブラウザでは、リンク内容から自動的に
アプリケーションを起動するにあたり、
「ダウンロード後、実行」と言うプロトコルになってしまっているからです。

ストリーミングする場合は、*.ram と言うファイルを用意します。
*.ram には、*.rm への URL だけがテキストで入っています。
ですので、数十バイトです。ダウンロードもすぐ終わり、
その場で RealPlayer が起動します。

RealPlayer は *.ram の中に書いてある *.rm ファイルへの URL へ
「ダウンロードしながらの演奏」を行おうとします。
これで、ストリーミングが可能となるわけです。

英語だったので、よく分からなかったのですよー。
大したことないではないか(^^;)
めっちゃ迷惑かけまくり(^^;)

後はメンテナンスと、
携帯電話との連携や、
エバンジェリスト活動をお手伝いしていく予定。
まずはひと段落です。

まあ、俺の仕事ぶり、見てやってくれ！→ミキコサウンドはこちら。

2001/5/30 Mikiko-sound Β01

うぉ〜〜ぎりぎり今月中にβとなりました。
どうにかこうにか現行サイトから移行できるレベルに。

懸案だった日記CGIスクリプトも実装済み。
ミキコさんの現在のページからログを全部ポーティング完了です。

ふーーっ。

結局元スクリプトはこちらから入手。
カスタマイズを前提とした CGI スクリプトの少ないこと少ないこと。
このスクリプトのお陰で随分助かりました。
後、ちょこまかとデザインを変更。

β01 はこちら。

2001/5/28 日記に関する方針

なにってことはなくって、
あまり外向きに見えないことですが、
やはり、日記はその場でミキコさんの手で更新できるのがベストだろう、
と考えています。

そこで、変にCGI日記っぽくない感じで、
自動更新が可能な CGI スクリプトを探しています。
よくありますよね、「更新」ってボタンを押すと自動更新できる
日記サイト。ああいう感じのポータブルなのがよくって、
しかも、変に日記日記してないのが良い。

一応、候補はこちら。
やはり、カスタマイズが容易である点と、
切り出し表示が可能なのがポイント。

2001/5/24 プロトタイプ 08.8

プロフィール、リンク、サイト情報に関するコンテンツを、
いよいよリリース。
大分サイトらしくなった？

プロトタイプ08.8 は容量の関係上ローカルに置きませんが、
こちらで状態をご覧いただけます。

2001/5/23 プロトタイプ 08.7

細かいことですが、
スクロールバーのスタイルを変更。

その他コンテンツ類は現在ミキコさんの確認待ちです。
後はレイアウトを切って、中身を入れるだけ！

プロトタイプ08.7 は容量の関係上ローカルに置きませんが、
こちらで状態をご覧いただけます。

2001/5/21 プロトタイプ 08.6

今回はリンクページを実装してみました。
ミキコさんによるコメント付きです。
と、言いますか、お手製です。
（デザインだけ、こちらでちょこちょこっと。）

やはり、この種のホームページでは、
作者による「手作り感覚」ってとても大切でしょうね。

ミキコさんご自身である程度自由にメンテナンスできることが、
現在の課題。

プロトタイプ08.6 は容量の関係上ローカルに置きませんが、
こちらで状態をご覧いただけます。

2001/5/19 プロトタイプ 08.5

アンケートフォームを以前入力したデータを
クッキーで保存する処理を JavaScript で実装。
また、ダウンロードボタンで、ファイル・セーブができずに、
MP3再生アプリケーションへデータ呼び出しをしてしまう問題を修正。

本当のことを言おう…。
俺って、JavaScript を「さら」で書ける程のスキル、まだないんだよね(^^ゞ
サンプルをダウンロードすれば、だいたい意味はわかるので、
そのまま function をカットアンドペーストして
呼び出し側だけ実装していたんですよ。

今回と言う今回ははまりました。
予想より大幅に時間を投入。

●失敗その１

出てくるエラーメッセージが「オブジェクトを指定してください」だったので、
えーっ、もしかして、function 呼び出しってオブジェクトを指定するの？
って考えまくり、
結局分かったのが、呼び出し側 function 名のタイプミス(^^;)

●失敗その２

submit フォームで、action から、
JavaSctipt Function 呼び出しで、
CGI へリンクしようとしたら、各フォーム・データが CGI に渡らない。
action には、CGI へのアドレス以外書いたらあかんのね。
そりゃそーだ、フォームデータは付加的な引数として渡されるんだから。
onSubmit 属性として、JavaScript 呼び出しを行うように変更。
ちなみに、この Function で行っているのは、
クッキーへの保存処理。

●失敗その３

JavaScript は、各フォーム宣言前の呼び出しでは、
フォームの実態がないので、呼び出しが行えない。
やはり Script は Script。

今回、以下のページを大いに参考と致しました。
ご覧になることはないかも知れませんが(^^;)、
関係者各位にこの場をお借りして御礼申し上げますm(__)m。

とほほのWWW入門
JavaScript basic samples

●その他宿題

フォームからの「get」と「post」の違い。
なんや分からんけど、ダウンロード時の不具合の件、
「post」にしたら修正されました(^^;)。



プロトタイプ08.5 は容量の関係上ローカルに置きませんが、
こちらで状態をご覧いただけます。

2001/5/16 プロトタイプ 08.4

ダウンロードアンケートの送信ボタン等のフォームを
スタイルシートでデザインを変更。
なかなかの感じ。
ダウンロードを単純なリンクから、
CGI が生成するフォームへのリンクに変更して、
URL を完璧に隠蔽。

BBS の上に張り付いているグラフィックも変更しました。
う〜ん、こっちはまだまだリバイス入りそうですね。

後、リリース前にミキコさんのチェックが入れられるよう、
パスワード付きフォルダを作成して、
そこに確認が必要な文章等を要れてページをアップ。

これって、.htaccess をいじるんですねー。
七転八倒の末、ようやくアクセス制限をかけることに成功。
いや〜、勉強になりました。
ですが、ページ表示がとても重くなってしまいました。
これは毎ページごとに、
.htaccess にお伺いをたてるからなんでしょうか（想像）。

プロトタイプ08.4 は容量の関係上ローカルに置きませんが、
こちらで状態をご覧いただけます。

2001/5/14 プロトタイプ 08.3

「オンガク」ページ→「ダウンロード」を選択することで、
「アンケート送信」→ダウンロードの順序で動作するようになりました。
このあたりも CGI による対応です。

ダウンロード URL の動的リンクは、
Hidden 属性フォームのデータから CGI へ渡す形で回避。
まあ、手っ取り早く対応しました(^^;)

その他、個人情報保持に関する文章を追加。
例によって JavaScript 変形ウィンドウとしてみています。

後、CGI Page では Netscape で豪快にフォントが> 変わってしまうので、スタイルシートを Perl に食わせて対応。

プロトタイプ08.3 は容量の関係上ローカルに置きませんが、
こちらで状態をご覧いただけます。

2001/5/13 プロトタイプ 08.2

今回も、マイナーバージョンアップです。

フォームメールによるアンケートを、
「メエル」から行うのではなく、
ダウンロード前に送ってもらうよう、変更。
「オンガク」ページ、『青空』からのみ確認できます。

フォームメールで送信される情報についての記載を追加しました。
また、個人情報保持に関するポリシーの掲載を追加予定。
こういうのは大切ですね。

ちょっと Perl で困りました。
HTML 文書から CGI へのデータ送信ではなく、
CGI への URL + 付加情報指定でデータの送信を行えるようにならないと、
上手く別々のダウンロードページにリンクできないのです。
単にやり方がわかってないだけなんですが(^^ゞ

実は、今回これを実装しようと思っていたのですが、
見事に敗戦(^^ゞ

明日がんばります〜。

プロトタイプ08.2 は容量の関係上ローカルに置きませんが、
こちらで状態をご覧いただけます。

2001/5/12 プロトタイプ 08.1

今回は、マイナーバージョンアップです。

業界人らしく ゼロハチ・テン・イチ と発音しましょう。
嘘です、どう読んでも良いです(^^;)

フォームメールを実装してみました。
ミキコさんの音楽について、アンケートを取ることができるようにするのが
主な目的ですね。
トップページ→メエル→アンケート
でご覧頂けます。
テストがてら、どなたか送って頂いても良いです（いないか、そんな人・笑）。

やはり GROOWEB からたたき台を頂いています。
いろいろ探してみたのですが、
尾ひれ手ひれがつきすぎた、拡張性のないものが多すぎて…。
GROOWEB の CGI スクリプトは非常にファンダメンタルであるところが良いヽ(^0^)ノ。

まあ、一般にダウンロードして
そのまま使う方の方が多いのでしょうね。
そのうち、フリー CGI スクリプトとかも作ってみようかしら。
サポートが大変そうだけど。

いずれにしても、このたたき台を元に、
またデザイン的に Perl を変更していこうと思います。

プロトタイプ08.1 は容量の関係上ローカルに置きませんが、
こちらで状態をご覧いただけます。

2001/5/11 プロトタイプ 08

いよいよ、BBSを設置。
GROOWEB と言う非常にシンプルで、カスタマイズのしやすい
フリーのBBS CGI （Perl）から、チューニングしました。

最大化 Window 前提の BBS でしたので、
Perl いじり倒して、出来る限りのWindow サイズを救うようにしています。
Perl の部分と言うよりは、HTML の生成文をがんがん書き換えました。

それでも、最初の登校フォームを変更するのは、
少々骨がおれるため、JavaScript で別 Window 表示にしています。

後は、サウンドページの紹介用 JPEG ファイルの質を落として、
軽くするような工夫等を少々。

プロトタイプ08 はこちら。

2001/5/10 プロトタイプ 07

プロフィール・ページをリバイス。
長い文章が入ることを想定して、
セクション分割に変更。
それにしても、デザイン、若干難あり。もうちょっと調整しましょう。

音楽の紹介ページで、コンセプト写真（曲をイメージできる静物写真）を提案。
とりあえず、フリー素材を入れてみる。
重いっ。
当初計画から、「軽いサイト」が要件なので、これは失敗。
考え直す予定。
でも、これからはブロードバンドの時代だしさ…。なんつって。いえ、はい、直しますごめんなさい。

その他 JavaScript による Lyrics （歌詞） 表示を実装。
要は変形ウィンドウ（メニューなしウィンドウ）で表示を可能に。
う〜〜〜む、イマイチのような気がする。
難しい。難しすぎ。デザインとの整合性が課題。

プロトタイプ07 はこちら。

2001/5/9 プロトタイプ 06

全くの一身上の都合により、
プロジェクトのストップを掲載してしまいましたが、
プロジェクトさえ上手く行かないようじゃ、
人間失格に思えてしまい、ずうずうしくも2日で復活。

俺って、コンピュータ以外にアイデンティティがないんだわ。きっと。

さて、プロトタイプ06では、トップページへCGIカウンタの設置、
後いくつかのデザイン・リバイス、お気に入りアイコンの設置（IEのみ）を
実装してみました。
こちらのページ（ミキコサウンドへのURL）を「お気に入り」に追加してみてください。
アイコンが変わります。

CGI カウンタは、
このページみたいにリロードでカウンタが上がったりしないのが、売りかしら。
まあ、あんまりたいした事してません。
キリ番自動登録というのを実装してみようかと思ったのですが、
「そんなにキリ番を主張したくない」とのことですので、削除。

音楽の紹介ページ→Lyrics（歌詞）
と言うリンクを始めてプロトタイプ。

「プロフィールで主張したくない」とのことでしたので、
こちらで質問を揃えて、それに答えてもらう形にしてみる。
基本的に、「ネットアイドルではなく」「音楽として」が要請なので、
このあたりの調整は非常にセンシティブですね。

プロトタイプ06 はこちら。

2001/5/6 (2) 嘘つきました

下記通り、パーミッション変更できないかと思っていたのですが、
フォルダの場所を変えたらちゃんとパーミッション変更できました！

今回、ドメインごと借りていたので、
テストは user フォルダでやっていて、はまってました(^^;)
このあたりの文章は分からない人は分からなくて良いっす。言い訳です、要は。

いぇーい、大分かっこいいカウンタが出来そう。
ちなみに、これはテスト用なので、リロードすると
カウンタが増えてしまいますが、これは修正予定。

フリーの Perl ソースリストを引っ張ってきていて、
ほんのちょこっとだけ、手を加えています。

なんと、キリ番自動登録のフレームがもう出来ているのです。
ちょこっと手を加えれば、目標通りに行けそう。

カウンタ CGI のテストはこちら。

2001/5/6 (1) パーミッション

なぜ、これに気が付かなかったのだろう…。
アクセスカウンタを設置中に、マジで愚かな問題に直面してしまいました。

Telnet （他のコンピュータからネットワークごしでログインすること。）サービスが
使えない、と聞いていたときに、まずいかな、と思っていたのですが、
CGI ファイルのパーミッションを設定できず、動作確認できないのです…！！
パーミッションって言うのは、各ファイルに「こいつは読み出し専用だよ」とか、
「書き込みもできるよ」とか指定することで、
UNIXにおいては「実行できるファイルだよ」とかも指定できるのです。

CGI では一般に Perl と言うスクリプト言語が使われるわけですが、
このスクリプトファイルに「実行権」を与えないといけない。
FTP でアップロードした瞬間はこの「実行権」がないんです。

こんなの、いちいち問い合わせて実行権与えてもらっていたらキリがないさ〜。
現在サポートセンターに パーミッション設定する権限をよこせっ と問い合わせ中。

ふ〜…、まさに行ったり来たりの日々。

2001/5/5 プロトタイプ 05

ミキコさんからバナーとメニュー用グラフィックを頂きましたヽ(^0^)ノ。
これならば、とてもミキコさんの感性に沿ったページになれそうです。
個人的には、まずまず、綺麗に仕上がってきていると思います。

後、日記等で暫定文章を入れてみています。
ぼちぼちレイアウトや、どんな文章を入れていくのかを考えられるレベルの
プロトタイピングになってきたかな？

プロトタイプ05 はこちら。

2001/5/4 ミキコさん、収録するの巻

音楽素人のワタクシが、なんとミキコさん収録に立ち会ってまいりました。
メモ取り捲りです。
ミキコさんの録音品質に問題アリと言うのが、
コトの発端なのですが、確かに、素人の僕が聞いても、
決して録音品質は良くないようにに思っていたのです。

そんでもって、ワタクシ、『あ、録音するんだ、行く行く良いの撮ろうよ 』、
と言うひっじょーに軽いノリでして(^^;)
それだってエンジニアリングなんだから、
機材の知識さえつけば、何かお手伝いできるだろ、くらいの気持ちでいたのですが、
そーんなのはとんでもございません。

あったりめーだってお思いになる方も大勢いらっしゃるかと思うんですが、
少なくとも僕には当たり前じゃありませんでした(^^;)

録音技術はそれだけで一つのカテゴリーなのです。
実にノウハウの塊であり、高度な技術を要求される分野なのです。

＊＊＊

今回、録音をご指導頂いたのは、
ミキコさんの音楽についての良き理解者でいらっしゃいます、
たかつきさんと言う方です。

たかつきさん

たかつきさんはやはり自主制作音楽家のサックス奏者で、以前日記でご紹介した
MP3.COMと言う世界最大の音楽サイトでは相当の支持を集めていらっしゃる方です。
少なくとも、ミキコさんはめっちゃ尊敬しています。

なにしろ、こちらを見ていただけば分かるとおり、
ベスト5内位に、プロデュース含めてると50位以内に、プロデュース含めて、4つもランクイン。ひえ〜。
凄い人はいくらでも見つけてしまうものです(^^;)


＊＊＊

まずは、録音技術の基本的なお話から。

録音と言うのは、ギターならギターだけ、ピアノならピアノだけで、
それぞれ、パートごと別々に録音し、
後でそれらを組み合わせる形で行われます。
その一つ一つを「チャンネル」と言うのだそうですが、
これは割と僕らエンジニアにはお馴染みの言葉ですね。

たかつきさんのお話によると、
ドラムだけで４つや５つ別のチャンネルで録音するとのこと。
そりゃ大変だ( ゜_゜;)


この「組み合わせる」ことを、「ミキシング」と言い、
その機材をミキサーと言うわけですが、
ミキコさんは特別な機材を持ち合わせていませんので、
ミキコさんご自慢のiBook 用のミキシング・ソフト『Performer』で行います。
予めミキコさんが MIDI に落として iBook HDD に入れておいた、
『何も出来ない』のピアノ伴奏に合わせて、
歌声を入力する作戦です。


＊＊＊

さて、今回おじゃましたのは、
たかつきさんご推薦による、吉祥寺にある某スタジオ。

たかつきさんがもっていらっしゃったのは、
AKD 社のプロ用のマイク。
風除けなんてものまで出てきて、これだけで、僕などは狂喜してしまいます(^^;)
プロみたい（実際セミプロですよね）。

スタジオに設置された AKD 社マイク。


＊＊＊

さてさて、今回の録音で一番問題になってしまったのが、
実はこのPerformer。
マック用のソフトで、業界標準のミキシング・ソフトなのだそうですが、
どうにも使い方で止まってしまいました。
加えて、iBook には USB 端子しかついておらず、
USB マイク端子入力。
なんでも Mac OS で USB Audio フルサポートになったのは
つい最近の Revision からなんだとか。
ハードが悪いんだか、OS の設定が悪いんだか、ソフトが悪いんだかで、
もめにもめること1時間。

Performerに悩むたかつきさんとミキコさん。

本当は伴奏チャンネルと同期させながら、録音したいところだったのだそうですが、
Performerの仕様が分からなくて、
とりあえず、今回は、MDに録音しておいた、伴奏を聞きながら、
歌声だけ入力することに。

「チェッチェッチェッ…」マイクから音を拾うかチェックするたかつきさん。

ところが、どうにもマイクが音を拾わない。
たかつきさん思いつくに、
マイクと、オーディオ端子間のケーブルがいかれてるんじゃないか？
たかつきさん、スタジオでケーブルをお借りして、お取替え。
…するとどうやら、音が拾えたのでしたー。

音が取れた！狂喜のミキコさんとたかつきさん。

良かった良かったヽ(^0^)ノ


＊＊＊

さて、いよいよ録音開始。

マイクをセッティング中。

「ちょっと上向きぐらいが良い声採れるんだよ」とたかつきさん。


さっそく「何も出来ない」を通しで録音してみるも、
しかし、なぜか、いってい間隔で「かちっ、かちっ」と言うノイズが入ってしまう。
これ、どうやら iBook のハードディスクがシークする音(^^;)
なんたるや〜！
マイクの集音性能が良すぎて、1m下にある、iBook のハードディスクの音が
入ってしまったのです！

あれれれれ…。

たかつきさん、やむおえず、性能的には劣るマイクに変更。


さあ、気を取り直して、今度こそ本番！


3回歌って収録を繰り返し、今日は無事収録終了でした。
歌っている姿を撮りたい僕だったのですが、
余計な音の許されない収録と言う現場。ごめんねー。

お疲れさまでした〜。


今回の収録が、どんな形で実際の音楽になっていくのか、
今からとても楽しみです。

2001/5/2 ホームページ名称『ミキコ サウンド』

ホームページの名称を、ドメインネームにちなんで、
『ミキコ サウンド』で仮決定。

今日もスタイルシートのお陰で、随分時間を取られてしまいました。
っていうか、もう朝４時…。
その割に、ぜんぜん進捗せず。

家には20時にはついていたので、十分すぎる程時間はあったのに、
今の今まで何をしていたかと言いますと、
スタイルシートで指定するリンクのアクティブ状態の色あいとか、アンダーバーをどうするか、とか、

とっとと決めりゃ良いじゃん、そんなの

って言われそうなところを、ああでもないこうでもないとやってしまいました(^^;)


やはり『MIKIKO』では今までと変わってしまうので、『ミキコ』の名前を出すときは、
基本的にカタカナにすることに。
メニューのグラフィック 「About MIKIKO」「MIKIKO Sounds」 を全部ミキコに。
ところが、カタカナにすると、意外なほどフォントの印象ががらりと変わってしまったのです。

いろいろやってみて、一応デザインの定石らしいので、
日本語の部分だけ全てゴシック体にしてみました。
違和感ないかなあ…、かなり心配。

バナーもカタカナフォントにしてみるが、どれも今ひとつ。
日本語って小さいサイズはあまり向きでないようです。
結局元に戻しました。

うー、今日も大分敗戦。

プロトタイプ04はこちら。

2001/4/30 ドメインネームを取得終了・プロトタイプ 03 アップロード

念願の、ドメインネームの取得が終わりました。
申請通り、www.mikiko-sound.net ですヽ(^0^)ノ
最新のプロトタイプ・ページは上の URL へ随時 Up していきます。
良いのさ〜、無料ページをくれなくたって。


さて、今回は、バナーのプロトタイピングと、
ホームページのプロトタイピングを行いました。

トップページに InternetExplorer と Netscape のバナーを入れてしまうと、
なんと古いiMode機種でバッファオーバーフローになってしまうため、削除。
非常にシンプルなトップページとなる予定です。
次回、このあたりはもう少し詰めます。

プロトタイプ02 のロールオーバーを利用して、
デザイン的に納得が行くまでグラフィックを推敲しました。
デザインのコンセプトは、


「古い英字新聞」


です。WEB用グラフィックのデザイナーとして自信があるわけではないのですが、
ここは最後までやるしかあるまい(^^ゞ

いろいろ検討の結果、今回は縦分割フレームと、JavaScriptによる
グラフィック・ボタン位置の固定で実装。
Adobe 社 GoLive 5、すばらしいですね〜。
これら設定を全て自動でやってくれます。

このプロトタイピングで問題がなければ、
中身を徐々に肉付けしていく予定です。


プロトタイプ03はこちら。

2001/4/29 ドメインネームを申請

いわゆる、クリエイターに
無料でウェブディレクトリを提供していて、
且つCGIの使用が可能な個所を２、３あたって見るも、
ことごとく『お断り』(^^;) 世の中厳しいねー(^^;)

そんな折、ドメインネームごと貸してくれる
有料ウェブサービスからダイレクトメールが。
容量50Mと、有料サービスとしては決して大きくありませんが、
年間10000円とお安いのと、ドメインネームの取得代行＆メンテナンスをしてくるとのことで、
こりゃ良いや、ってもんで、早速申請。
（申請したウェブサービスはこちら→1-man.net）


ミキコさんと相談の上、
mikiko-sound.net
にしてみました。
.net ドメインと言うのは、本来ネットワークサービスを指すものですが、
ミキコさんの音楽を広めるためのネットワークなんだ、と言う気持ちを込めて。
日本語ドメインの仮申請が可能かどうか、現在交渉中。
でも、MIME だなんだで、混乱が予測されるので、そうそうは動けませんね。

その他、プロトタイプ03に向けて、
Photshop LE でグラフィックを揃え始める。
フリーフォントをざくざく集めて、シェアウェア型のフォントも買いあさる(^^;)
ページの色合いはピンクに拘らない、とのことなので、
さらにページデザインを調整中。明日夜中には何か出せる予定。

独り言なんですが、やはりCGの出来るデザイナーさんが欲しい…。
募集してみようかな。

2001/4/25 ホームページ【新生ミキコの世界（仮称）】 プロトタイプ 02

トップページは、全ての Browser で表示できる、と言うポリシーをそのままに。
（アオリは自信ないため、その旨表示(^^;)）

JavaScript によるドロップダウンリストによるコンテンツ選択は、ボツ。
代わりにグラフィックのロールオーバー
（マウスポインタがグラフィックの上に来ると表示が変わると言うもの）
によるリンクで実装。
デザインさえちゃんとできれば、大分良いかも。
グラフィックを使うので、重くなることが予想されるのが、難点です。

トップページから、iModeや携帯Browserの入り口を作成予定。
メンテナンスを容易にするための工夫が必要ですね。


フレーム縦2分割。
上フレームには、コンテンツの表示選択ができると言うものです。


プロトタイプ02はこちら。

2001/4/23 ホームページ【新生ミキコの世界（仮称）】 プロトタイプ 01

まずは、「ミキコの世界」を、新しく、見やすい、カッコイイ、ページにしましょう作戦。
題名は、まだ未定。プロトタイピング、スタート。

フレームとJavaScriptで実装。
アオリの「ピアノと言う名の拡声器」、大分不評（笑）
ま、これは後で考えましょう。

WEB Browser がフレーム、JavaScript をサポートしていない方のために、
シンプルなトップページからスタートして、
クリックすることで、 フレームページ、ドロップダウンリストのあるページに行く、
と言う構成を提案。
見る方からすると、ちょっと面倒と言う話があがりましたが、
iMode ページなんて作れるよね、と言うことで、この構成で行くことに。

ドロップダウンリスト、コンテンツ選択が可能。
基本的に、コンテンツが一望できる、と言うのが目標でした。
でも、なんだか、既存の初心者向けウェブサービスっぽくなったので、
ドロップダウンリストは（苦労に関わらず(^^;)）ボツにする（自己判断）。

その他、スタイルシートで、フォントを Netscape と IE で同じ表示にする工夫を少々。
この点で大分はまりました。
なにしろ、Netscape と IE で、スタイルシートの挙動が違いすぎ…。

プロトタイプ01はこちら。