ＴＯＰページをリニューアル

　コンテンツも増えてきたので、ＴＯＰページを衣替えでも
しようということを決意。といっても、現状は悲惨なデザイン
なので、まともなデザインにしようという意味なんですけど。

　ただしデザイン感覚が全くない自分にとって、いいデザイン
といっても頭に思い浮かばない。で、スキーの方のＨＰは、
ＴＯＰページのデザインを、淡い感じのデザインにしたい
ということで、いろいろとＨＰを見てまわったところ、
感じのいいＨＰがあったので、そこの感じを真似て作りました。

このデザインが気に入ったというか、探すのや考えるのが
面倒で、これでいいやという安直な考えで、スキーＨＰの
方とデザインを合わせました。ただし発色はベイスターズ色
に合わせてブルー系にしました。

しかし、色使いが単純にcolor指定だけなので、見栄えが
幼稚。繊細さなど全く無く、ハイできましたという感じ
なんだけど、どうやればカッコよくなるのかは、？？です。

あとは、中身の構成ですが、スキーＨＰの方は、
１段組でしたが、ベイスターズの方は、将来コンテンツが
増えていくことを考えると、２段組で作ることにした。

ただし、現時点では、コンテンツがまだ少ないので、
２段組にしても、横広がりでタテの幅がないんで、カッコ
悪い。まあ、開幕に向けていろいろと算段を考えよう。

コンテンツを作りまくる。

　JavaScriptに出会った事で、まず思い付いたのがクイズ。
横浜ベイスターズに関したいろいろなクイズを出して、
それに答えてもらうベイスターズクイズ。

　さらに、単なるクイズでは面白くないので、
昔ＴＶでやっていた、クイズタイムショックのように
時間制限でクイズを出題して行き、これに回答する
クイズ・タイムdeショット。

　さらに横浜ファンの度合いをチェックする、
ファン度チェック。

まずは、この３コンテンツを、一気に企画して
作り上げた。内容自体は、JavaScript1.1で出来る
ものなので、そんなにプログラム自体は大したものでは
ない。

ベイスターズクイズは、ＦＯＲＭ内のラジオボタンで
選んだものを取り出して、それが答えと合っているかを
判断して、結果をアラートで表示するだけ。
これは１日で出来て、問題文を考える方が大変だった。

タイムdeショットは、６０秒間の時計を表示させるのが
メインのもの。これは画像を単純に入れ替えるだけなので、
これも３日ぐらいで出来た。
こちらも問題を沢山作るのが大変だったですね。

ファン度チェックは、これもＦＯＲＭ内のラジオボタンで
選んだものを取り出して、その選択内容により、どのランク
に属するかを予め用意した境界値から判断して、
判定結果を表示するだけなので、これを１日で出来た。
こちらも問題文を何にするかで悩みましたね。

なので、２週間も掛からずに出来てしまいました。

JavaScriptでコンテンツを作りまくる。

　JavaScriptに出会った事で、まず思い付いたのがクイズ。

横浜ベイスターズに関したいろいろなクイズを出して、
それに答えてもらうベイスターズクイズ。

　さらに、単なるクイズでは面白くないので、
昔ＴＶでやっていた、クイズタイムショックのように
時間制限でクイズを出題して行き、これに回答する
クイズ・タイムdeショット。

　さらに横浜ファンの度合いをチェックする、
ファン度チェック。

まずは、この３コンテンツを、一気に企画して作り上げた。
内容自体は、JavaScript1.1で出来るものなので、
そんなにプログラム自体は大したものではない。

●ベイスターズクイズは、

ＦＯＲＭ内のラジオボタンで選んだものを取り出して、
それが答えと合っているかを判断して、
結果をアラートで表示するだけ。

これは１日で出来て、問題文を考える方が大変だった。

●タイムdeショットは、

６０秒間の時計を表示させるのがメインのもの。
これは画像を単純に入れ替えるだけなので、

これも３日ぐらいで出来た。
こちらも問題を沢山作るのが大変だったですね。

●ファン度チェックは、

これもＦＯＲＭ内のラジオボタンで選んだものを取り出して、
その選択内容により、どのランクに属するかを予め用意した境界値から判断して、
判定結果を表示するだけなので、

これも１日で出来た。
こちらも問題文を何にするかで悩みましたね。

なので、２週間も掛からずに出来てしまいました。

JavaScriptをいじってみる。

　まずは、JavaScriptで何が出来るかを、買ってきた本の例を
実際にＨＴＭＬソースに入力して、ブラウザで動かしてみた。

まずは、アラート。おお、「Hi,こんちにちわ」と出るね。
これＨＴＭＬ文に単に数行追加しただけ、あとは保存して表示
しただけ。

　普通プログラムというと、ソース書いて、コンパイル・
リンクして、実行させてと大変な作業が待っているが、
ことJavaScriptは、ＨＴＭＬ文を表示するときにブラウザが
勝手に解釈して実行してくれるので、使う側からすると
とっても使いやすいプログラム言語です。

　ただ、普通の人には、難しいかもね。
なにしろ、基本はプログラム言語であるＣ言語なので、
Ｃ言語をある程度書いた経験がある人でないと、
使いこなすのは大変です。

　その他にも、ボタンを配置して、それを押すことにより
例えばアラートを表示するとか、簡単にできた。

そうなると、画像を表示させるときも、その画像を違うのに
置き換えて表示させたり、ユーザが選んだ番号を知ったりと
いろいろできることが分かった。

これは使えるね。

JavaScriptをいじってみる。

　まずは、JavaScriptで何が出来るかを、買ってきた本の例を
実際にＨＴＭＬソースに入力して、ブラウザで動かしてみた。

まずは、アラート。

おお、「Hi,こんちにちわ」と出るね。

これＨＴＭＬ文に単に数行追加しただけ、あとは保存して表示しただけ。

　普通プログラムというと、ソース書いて、コンパイル・リンクして、
実行させてと大変な作業が待っているが、

ことJavaScriptは、
ＨＴＭＬ文を表示するときにブラウザが勝手に解釈して実行してくれるので、
使う側からすると
とっても使いやすいプログラム言語です。

　ただ、普通の人には、難しいかもね。
なにしろ、基本はプログラム言語であるＣ言語なので、
Ｃ言語をある程度書いた経験がある人でないと、
使いこなすのは大変です。

　その他にも、ボタンを配置して、それを押すことにより
例えばアラートを表示するとか、簡単にできた。

そうなると、画像を表示させるときも、その画像を違うのに
置き換えて表示させたり、ユーザが選んだ番号を知ったりと
いろいろできることが分かった。

これは使えるね。