Project::RED-RABIT

go back to frame topframe top

プロジェクト【RED-RABIT】とは、
プロジェクト【MOMO-CHAN】に続いて、
インディーズ・バンド RaBi*RaBi さん のサイト立ち上げを行うプロジェクトです。

今回、私に課せられたタスクは、
音楽活動でお忙しいRaBi*RaBiさんから、
サイト設計の部分を代行することにあります。

例によって、試行錯誤を繰り返しながら設計していきます。
最新の設計状態は以下の URL より確認できます。

当初、デザインから設計する予定でしたが、
発注元であります、あずみさんよりのご要望に従いまして、
BBSの設置や細かなサーバートラブル対処といった
細々したところ のみを行っています(^^;)

http://www.rabirabi.com/

2002/9/3 BBS 一瞬お亡くなりに

RaBiRaBi さんサイトも晴れて一周年。
レンタルサービスの 1-man の場合、契約更新と共に、
50MB ずつ増えていきます。

で、その作業途中でどうやら一つファイルが破壊されてしまったのらしく(^^;)
RaBiRaBi さんサイトの BBS が全く参照不可能に。

最初何が悪いんだか、全く分からず、偉いてこずったのですが、
TAMAYA BBS は、
通常の BBS Log の他、表示用に Index Table を
別のデータとして 持っていたのです。

これは、最新の書き込みを手前に持ってくる機能を実装するためなのでしょう。
この Table ファイルが破壊されていたのです。

で、アイディア&&テクノロジーの BBS で生成されている
Table File と比較して、必要なデータを、
例によって『手作業で』編集。

さあ、復帰…、と思ったら(^^;)

今度は FTP で書き込めない。

あー、これもどこかでデジャブーだ。
そうそう、そのままだと TAMAYA CGI は CGI 以外からのデータアクセスを
許さないようなパーミッションにしてしまうのです。
（プロジェクト MOMO-CHAN 参照）

仕方ないのでパーミッション変更 CGI を（例によって）作成して、
せっせと変更。

以上以って解決の巻き。

2002/4/30 (3) FTP が重い！

実はまだまだありまして(^^;)
1-man さんなのですが、
最近、FTP が偉い調子悪いのですよ。

なぜか ラビラビさんページは特に調子悪い。
多分、どこぞの画像系サイトと同居サーバーなんだろうなぁ…。

で、Dreamweaver の FTP ツールは多少貧弱らしく。
タイムアウトだかで、アップロードが成功しない時間帯があります。
（20時〜26時くらいかな？）

そんなときは、大抵、ホームページビルダーの FTP ツールか、
フリーウェアの FFFTPと言うツールを使っていました。

が！
今回と言う今回は、どの FTP ツール使っても
とうとうアップロードもダウンロードも
ままならない程に動作が重い状態に。

今回、知人から『類稀なFTPツール』と聞いていた、
シェアウェア 2000円、NextFTP をと言うツール試して見ました。
いや、重いのは 1-man さんのサーバー側の問題なので変わりはないのですが、
なんとなんと、転送に失敗しません。

NextFTP は時間をかけても頑張ってくれます。
よく分からないのですが、コマンドログを見る限り、
頻繁に転送モードを切り替えて、
あれこれがんばってくれるみたいです。

NextFTP、 さすがはお金とって作成されているだけのことはあります！
様々な動作環境で揉まれて来たツールなのでしょう。
同じようなことでお悩みの方、
Windows でしたら、NextFTPをお試しあれ。

2002/4/30 (2) CGI の URL がいつの間にやら…？

僕がお世話になりっぱなしのウェブサービス、
1-man さんなのですが、
別になっていた CGI サーバー側 URL （http://cgi1.rabirabi.com/）が
何の通知も削除されていまして(^^;)

昨日から、BBSやらなんやらが全部動かなくなっていました。

で、 今日はその修正に追われていました。
幸いURL の削除のみで、HDD の内容自体は無事でしたため、
以前、プロジェクトMOMO-CHAN で大失敗したような、
書き込み内容全滅状態だけはまのがれました。

仕方ないので、http://www.rabirabi.com/ 側へ
CGI プログラム総引越し。

ところがこれまた動かない。
っていうか、CGI スクリプトファイルをダウンロードし始めようとしてしまう。
これ、確か、どこかで聞いたな、
確か .htaccess と言うファイルを変更するんだったな、と。
以前、MOMO-CHAN でも、
リアルオーディオのファイルが正常にダウンロードできなくて、
やっぱり .htaccess を変更したっけ…。

.htaccess の詳細は、ミケネコ研究所と言うサイトに詳しいです。
ほとんどコピペしただけですが(^^;)
何しろ解決の巻き。

2002/4/30 (1) メンテナンスな日々

さて、今年に入って、
あずみさんご自作でサイトが設計されています。
実際、立ち上げ時から、ものすごい好評で、
こっちに何か書くのも大分恥ずかしいのですが(^^;)

それでも、Flash のリンク先変更だとか、
BBS設置だとか、アクセスログの設置だとか、
細々したことを行っています。

それでも、いろいろと気が付くことが多いので、
書き留めておかないとこりゃ損だなーと。
で、一応、再開してみます。

2001/12/24 ペンディング

少々、お互いの利害が一致しなくなってしまい、
あずみさんよりの提案で、
本プロジェクトは一時ペンディング（中断）とあいなってしまいました。

フラッシュを設計しているお友達が全ページに渡って設計を行いたい、
と言う形を提案してきているため、
それであれば僕はやることがない、と言う格好。

うーん、忙しかった所為もあるけど、
今回は営業努力も良くなかったかも。

と、言うのはですね。

サイト設計と言うものを理解してもらうのは、
なかなか大変なことなんだな、と思いました。

『やりたいイメージ』を『実現』する、できる、と言うことと、
それが『技術的』若しくは『ユーザー視点的』に『正しい』と言うこととは違う、
と思うのですけどね。

まあ、その点に必要がない、と言うことであれば仕方ないですね〜。

2001/12/23 RaBi*RaBi サイトα04

頂いたフラッシュからの HTML メインページ 1st です。

レイアウトはフレーム上下2分割。
最下部 80 dot で側にボタン列。
小さいウィンドウの場合はボタン列を2列表示できるように、
間をスペースで区切りました。（ちょっとだけノウハウ）

ボタン・アニメーションは GIF アニメーションで作成。
ロールオーバーはお得意の Dreamweaver 自動生成によるJavaScript。

メインページは左右2分割で、左側は縦幅固定100％。
スタイルシート活用。

右側人影のデザインは固定背景設定のスタイルシートで実装。
文字を大きくすると、どうしても「荒」が目立つので、
PNG 8bit 画像で切り出してみました。

うーん、諦めたと言いつつ、
Netscape で確認してみたところ、
以下の問題点があります。

ま、それ程目立つ不具合ではないですが。
プロトタイプα04はこちら。

2001/12/13 RaBi*RaBi サイト α03

いろいろと指示をもらって、リバイス開始。

基本的にあずみさんのお友達が
フラッシュでデザインを設計するので、
これを元に HTML ベースに再設計する方向となっています。

エントランスのフラッシュを100％サイズで表示。
テーブルを使って調整。
若干下にスクロールすると、サポートブラウザや、
プラグイン類へのリンクが表示されるように調整。

実はこの時点でNetscapeでのIE同等動作を諦めました(^^;)
フラッシュのサイズ調整機構がNetscapeではきちんと動作しない模様。

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

2001/12/12 RaBi*RaBi サイト α02

大分のんびりペースで、
じっくりやっている感じですが、α02 です。

いろいろと調整が入りまして、
あずみさんのお友達謹製、フラッシュによるエントランスページとなりました。

かっこいいですね〜、これみたら、ものすごい創作意欲掻き立てられてしまった(^^ゞ
と、言いますのも。
実は、僕、あずみさんにフラッシュの提案を頂いたとき、
思わず反対してしまっていたのです。

それは、エンジニアとしての拘りで、
標準でないものを全面に押し出すことに対して、
とても抵抗があったのです。

しかし、MOMO-CHAN の方でも何度か書いていますが、
こうして出来上がったものを見ると、
そういう発想は何処かへ飛んで行ってしまいます。

ソフトウェアとは研究のことではない、エンジニアリングと知れ、出来てなんぼの商売だ…。

誰が言った言葉だったかな。痛感。

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

2001/11/7 RaBi*RaBi サイト α01

あずみさんに泣き付いて、
お友達が作成したと言うロゴ（EPS ファイル）を頂きました。

2ch で見つけたフォント・スレッドを熟読したり、
Fireworks の使い方に四苦八苦したりしながら、
ようやくリリースへ。

頂いたロゴを Fireworks で加工。
イメージは出来ても、
ツールの使い方が分からなくて、
偉い時間がかかってしまいました。

でも、今回ロゴをいただけたので、
ようやくちょっとだけ感性が掴めそう？

こちらのサイトに
RaBi*RaBi サイトで使えそうな
サイケデリック・フォントが山ほどリンクされていて、
それらしいフォントをかなり get。

Fireworks の使い方もかなり覚えました。
僕的にはこれが大きいかも。

何はともあれ、エントランス・ページを作成しました。
プロトタイプα01 とします。
まずは、このデザインを以って、
あずみさんの確認を待ってみます。

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

2001/11/6 1stプロトタイプに向けて

ツールを覚えようといろいろ試行錯誤していたら、あっと言う間に11月。
こりゃまずいってなもんで、 見切り発車で設計開始。

まずは、index ページ。
Fireworks を使ってロゴを作成してみる。


…… 挫折。(^^;)(^^;)


出来るには出来たのですが、
Rabi*Rabi さんの趣味に合うかどうか、
ぜんぜん分からない。

とりあえず、RaBi*RaBi のあずみさんに、
どんなフォントが好き？
と、いくつかのサンプルフォントでロゴを作ってみて、
メールしてみています。

まずは、相手の嗜好を知らないと、
話が先に進み難い、と言うことを知る。

2001/9/27 Kick off !

ことの発端は、僕が夏ぐらいに Rabi*Rabi さん宛てにファンレターを出したことに始まります。
こちらでお話した、ミキコさんの音楽を聞いて以来、
また、プロジェクト【MOMO_CHAN】以来、
僕はインディーズ音楽と言うものに、興味津々なのです。

その後、Rabi*Rabi の亜純さんから、
『サイト設計をお願いしたい』とご連絡頂けました。

まずは、Rabi*Rabi 亜純さん、真由美さん、nanaさんと
東京は下北沢にて打ち合わせを持ちました。

次の通り、お話を頂いています。
いや、僕、こんなに女性に囲まれたの久しぶりです。←セクハラ発言(^^;

ウェブディレクトリ・サービスとしては、今回も 1-man さん を使うことにしました。
rabirabi.com としてドメイン取得完了。

go back to frame topframe top