2006年10月31日
http://blog.notitle-web.com/daily/
なんか日々のことをあまりかけない（ネット以外での体験など）状況なのを打破すべく、ダイアリー的なブログを設置してみました。一応、これで私の日常を描いていくつもり。多分、毎日更新していくと思います。
でも、こっちの更新頻度がかぎりなく下がると思います。
そういうこともあるかもしれませんが、Dailyのほうもよろしくお願いしますね。
16歳が10週間で数センチ伸びるのなんて、別に至極普通なわけですが。。。
一応、個人差あるけど２０くらいまで身長は伸び続けるんだから何にも不思議はないっすよ。
最近はこういった大したことでもないことを持ち上げてあたかもすごいことのように持ち上げる傾向にあるようですね。どうでもいいですけど、３センチ伸ばす方法を教えるだけで19800円も取れるサービスっていいですね。
ここのところ、Googleのロボットがこのブログを非常にクロールしてます。
最近は毎日のように数件の書き込みをしているのが理由かもしれませんね。
こういう書き込みをするのRSSやATOM等が更新されることからSEOに効果が出てきます。
だからこういった書き込みをするのもマメに行うのがSEO対策のコツですよ。
毎日のように更新しているとGoogleロボットがサイトに来る頻度が増します。
ちなみに、昨日は過去最高の25ページ/day でGoogleロボットがこのブログを巡回しました。
メインサイトのno titleの平均値にも満たない数値だけど規模が違うのでよしとしよう。
ページ数に対する、クロール率なら絶対にブログの方が良い。
ブログは検索結果で上位に来ることが多いのは、RSSやATOMなどで更新情報が保存されていることと様々なページからリンクされることにより被リンクが多くなる点にあります。
また、正しい（W3Cに沿った）HTMLを吐くのも効果があるのかもしれませんけど。
Googleロボット対策を考えるなら、ブログがお勧め。
そして頻繁な更新が大事ってことです。
私のサイトでは荒らし対策というコンテンツを設けています
→ 荒らし対策
そういうコンテンツを設けていることもあって荒らしに対して屈することもないだろうと思っていましたが、荒らしではなくスパマー（スパム行為をする者）は苦手だな。
一応、自分のサイトは基本的にはプロキシ書き込みは全部弾いていますが、それでも海外からの書き込みが頻繁に行われます。
ってか、一日に200回も書き込みするな。
しかも、何故か禁止ワードがちゃんと働かないクオリティー。
やはり掲示板は自分で作成したほうが拡張しやすく、便利かもしれませんね。
スパマー対策はクッキーを利用して、一定時間内の書き込み回数の制限。クッキーを無効の場合はサーバー側で保存。プロキシは２ｃｈも利用しているプロキシ排除を利用して弾く。
これで対外のスパムを止められるかと思います。
また、コメント欄での 'http://' というワードを規制するといいかもしれません。スパムは大抵URLを記載しますから安全になります。
2006年10月30日
ハロウィンの夜ということで、様々なポータルサイトでロゴがハロウィンを示すものになっています。しｋし、Yahoo!Japanはそんなこと微塵もしていません。
ん！？と思って少し調べてみました。
世界中にある各国のYahoo!を調べてみたところ、ハロウィンのロゴ使っているのって、US（アメリカ）だけなんですよね。
http://www.yahoo.com/
結局、カナダや欧州なんかのYahoo!を調べてみましたが他に使用しているところはありませんでした。あまり他の国ではポピュラーじゃないのかな？と思いつつ、様々なサイトを見ていて全く関係ないけど分かった副産物。
Yahoo!の基本的なデザインは、アメリカで使用されているデザイン。基本的にはそれをちょこちょこっと弄った印象を受ける。（Yahoo!Japanは、割と独自のデザインに走っています）
アメリカ・韓国・中国・フランス・イタリアなどなどは一貫したデザイン。
日本のYahoo!と比べると利用環境について考えられていない気がするが、使いやすそうではある。ただ、Javascript多用はあまり私は好まない。
そして、どうでもいいことですが、オーストラリアのYahoo!はMicrosoftに買収でもされたかの勢いのあるサイトです。
http://au.yahoo.com/
Perl/CGI逆引き大全 600の極意 という本（上掲載）が欲しいです。
この本は様々な逆引きがあり、カウンターのサンプルからﾌﾞﾛｸﾞのサンプル、トラックバックシステムのサンプルまで色々あります。
この本を誰か私の身近な人で買ってくれる人はいませんかね？と他人に借りる気マンマンの他力本願姿勢。案外安いので自分で買うのもありかもしれないけれど。
今日、唯一の頼み綱にジャブをかまし、そしてこのﾌﾞﾛｸﾞで私信を行えばきっと買ってくれると信じて～。
はい。うそです。ないですね。
一応、この本は実践的な本で、これと似たような本はないので遅かれ早かれ買わなければならないのでそのうちに購入します～。
インターネット上でディスク容量を500M！とかいうところや1G！なんてところが非常に多くがありますが、正直レンタルサーバーで個人サイトを運営する場合はそんなに容量は必要ありません。
私としては１００Mあればまず99％の個人サイトは問題なく運営できると思っています。
なぜなら、以下のデータを参照してもらえば分かると思いますが当サイトはno titleだけでなくいくつかのホームページを運営しています。お絵かき掲示板や掲示板など様々なコミュニティーも設置。
一応、使ってませんがXOOPSなんてものも置いてあります。
しかし、それだけ使っても100Mをoverしていません。
(2006-10-29)
現在の使用容量 : 82.84 MB
容量の上限 : 2,000 MB
使用ファイル数 : 6,939 個
昔は、写真素材を多く掲載していたので100Mでもｷﾞﾘｷﾞﾘだったという裏話もありますが、画像配布サイト等でなければまず100Mなんてoverしません。10～20Mさえあれば個人サイトなら充分な情報量を詰め込むことができます。
当サイトも様々な情報を詰め込んだり、素材を詰め込んだりしています。しかし、それでもたった82M程度です。ですので一般サイトならもっと少なくても大丈夫。
1Gだからあそこのサービスにしよう！とかデータ容量にはあまり着目しないほうがいいかもしれません。そんなものよりも、もっと大事なことがレンタルサーバーにはありますから
３０分かけて書いていた記事が消えました。
もう書く気力さえ起きません。
涙も出ません。
鼻水でます。
サーバーが見つかりませんってなんだよぉおおおおお！
とディスプレイに吠える男、ここにあり。
最近、サイトを作成する意欲があったりなかったりと微妙な心境。
昨日はサイト更新意欲があったのに今日はなかったりするのがやっかい。
心というのはコントロールするのが難しい。
さて、新しいサイトを現在制作しています。
名前や詳細については現在黙秘の方向で。とりあえず、Yahoo!登録くらいまではいきたいなと思っています。あわよくば、Dmozあたりにもと。
多分、２週間程度で作成ができると思いますよと。
2006年10月29日
最近私は麻雀に熱中しています。
確か麻雀を覚えたのが、中学２年くらいだったかで、祖父の家で叔父さんと父と兄貴でコタツでやったのが始まり。その頃はまだ役とか全く知らなかったから、フリテンとかしまくりでよく周りを困らせる野郎でしたね。
その頃から最近まで麻雀はあまりやってなかったのですがここ最近身近なところで麻雀ブーム（というにしては狭いし短いが）が到来。一時はちゃんと覚えた役も何年もやっていなければ当然忘れているわけで。久々に覚えなおして、ルールも忘れているところをしっかりと覚えて。
そして、最近はまうじゃんというｿﾌﾄを使ってオンラインで友人と麻雀をしています。このｿﾌﾄフリーの割にはよくできています。
やったことのない人はお勧め。
dmozとは、ボランティアによって運営されているウェブディレクトリでGoogleのディレクトリにも採用されています。そのため、Googleの検索エンジンとの相性が良いというのがポイントです。
噂では、登録されるとGoogleページランクが一気に上がるとか。
真偽のほどは知りませんが、とりあえずGoogle上位を目指すなら損はないかと。
登録を以前からしようと思っていたのですが、ここのところハードウェア障害で登録できません。
さて、いつになったら復旧するのやら。
2006年10月27日
blogの利便性。
現在のような情報化社会だと電波さえ届けば情報が得られたりと様々な利点がある。
そして、その情報が得られる環境で活躍してるのがblog。
携帯を利用すればどこからでも更新・閲覧ができし、様々な情報を大した知識がなくても（ホームページを作成する技術を有してなくても）作成できるのが素晴らしい。
（反対に言えば、知識のない初心者や素人が問題な発言等を発信するということもあるのだが）
ブログの記事を書くことにより、不特定多数や内輪にも自分の考えや状態を知ってもらえるのだ。そこが利点。ホームページを作成しなくても気軽に行えるというところが。
ちなみに、今日この記事を書いた理由は、先日の「Perl勉強」でセキュリティーなどは全く知識ない～と言う記事を掲載したら本日、とある閲覧者様から「サニタイジング」云々について書かれた文章（結城浩さんの日記の印刷）を渡された。
そういったことがあったので掲載してみました。
ちなみにサニタイジングについてのことも分かりました（擁護自体は知らなかったけど技術は知っていました）
印刷された紙を返すの忘れてたけど、シェイシェイ
2006年10月25日
検索エンジン。
これのせいで、SEOなどという言葉が蔓延して様々な問題を生み出している。正直、SEO事業はおいしすぎると思うのは私だけでしょうか？
適当にCGIレンタルサービス初めて、被リンクを増やせば自然と上位に食い込む。ぶっちゃけ、metaタグとか内部構造やキーワード率なんて考えるくらいならそっちのが何万倍も大事なんですがね。
そんなSEOをやっている方に対して投げかけたいのが
Yahoo! Google MSNで被リンク数やサイト内のファイルが全然違う結果なのは何故？
それは、それぞれ独立した検索システムを用いているからですといえば答えになるのだけどそれを求めているわけじゃない。
私が訪ねたいのはどうして結果が全く違うのかということ。同じ検索エンジンという概念の元であるならば多少なりとも一貫性があってしかるべきなのだが。。。
検索エンジン/被リンク数
Google/26
Yahoo/972
MSN/72
このように当サイトの被リンク数だけに観点を置いてみても大分違う。どうしてここまで違ってくるのか。また、Yahoo!のほうが何故Googleよりも多いのか。Googleのほうが精度が良いはずなので自然と被リンク数が多いはずだし、多く表示されるべきなのだ。
それが、どうしてこうなっているのだろうか。ちなみに私はGoogleのサービスであるGooglesitemapを利用しているので、Googleからすれば随分情報を発信していると思うのだが。
そのあたりは謎ですね～
2006年10月24日
只今、新しいコミュニティー（？）サイトを作成するためにPerlを若干勉強中。
企業みたいなクオリティーは当然出せるわけもないです。また、セキュリティーに関しても万全の自身ないです。それでも、勉強しています。
私が知っているCGI関連のセキュリティーをつく攻撃というのはクロスサイトスクリプティング。といっても頭の中に最低限の構造があるだけで対策は分かりません。
このブログはMovableTypeで構築されていますが、Movable TypeもPerlで記述されているため時々クロスサイトスクリプティングで不正コード実行の脆弱性があった という履歴を見ることができます。それほど大事なんでしょうが、いまだカウンター一つまともに制作していない若造には敷居が高い話。
（技術や知識はありますが、いまだに作成していない）
こういった環境ですが、まったりと作成しようと思っています。
一時はXOOPSというCMSソフトウェアを使って作成しようと思いましたが、使い方が良くわからないし、自分で拡張できる自身がないのでやめにしました。私が目指しているものと提供されているものがかみ合わなかったというのも大きな理由ですが。
というわけで現在でも、まったりとまったりと知識を得て、考えて歩いている状態。できれば来年の４月までには完成して完全な状態で公開していと思っているのですが、忙しいので無理かもしれませんね。
目標とするCGI
・Perlで構築（ここ重要）
・コミュニティーサイト（会員制）
・DBと連携
という漠然としたものしか書けませんが、割と構想は練ってあります。私にしては珍しくしっかりと。これが一体どれだけの月日で作れるのか、また作れたとしても成功するのか？などと考えるのが面白い。そういうことを考えながら今日もPerlを勉強
2006年10月22日
このコンテンツの意味はありませんが、私がお勧めするタイピングソフトを紹介するよっ！
まず、インターネット上で最も人気のあるフリーソフトでいうと、Ozawa-kenでしょうか。このソフトの良い所はフリーなのに高品質。ゲーム感覚で楽しくタイピング練習できるという点にあるんじゃないでしょうか。なぜ、今回こんなblogを書いたかという理由もそこにあったりします。
友人のブログ関係はPCをつければ必ず閲覧するのですが、友人のブログでOzawa-kenのデザインが良くなっている！というプレビューがあったので、折角なので公開してみました。えぇ、どうみてもネタを盗んでいます。本当にスイマセン。
昔の時点でもデザインは良かったのですが、最近の流れに乗った、よりクールなデザインになったと思います。市販の音ゲーのデザインに似ているかも。
そして、フリーソフトでデザインも古いけど割りとやりこめるものとしてMIKATYPEがあります。MIKATYPEは初心者には結構お勧めです。使い安いし、分かり易いシンプルなデザインなので老若男女問わずお勧めできるソフトです。
このソフトで、毎分１８０文字タイプ程度から３００程度のタイプになりましたね。今でもこのソフトには感謝している部分があります。（まぁその頃からタイピングを割りとチャットなどでする機会も増えたので自然に増えたという部分も若干ありますがね。）
と基本的な、フリーとしてお勧めするのはこんなところ。
他にお勧めするとしたら特打コップ。1980円するソフトですが、ソースネクスト社の製品。これはクオリティーが高くて面白い！友人の家で５年くらい前だったかに初めてやったときに「面白れぇえ！」とプレイしていた記憶がよぎります。
これは、しっかりとキャラクターボイスつきで間違えた部分の復習もできるし、自分の弱いところも簡単に分かる。その辺りが非常にお勧め。
何より、よいのが面白いんですね。この作品。やったことない人は是非どうぞ。
いつか前に某リサイクル店で何故か新品のこのソフトが５００円程度で見かけたときは何故か胸が切なくなりました。（それも新品同様）
2006年10月21日
Yahoo!がSNSサービスに参入しました。
その名も、「Yahoo!Days」
当然、やってくるだろうと思っていた。Yahoo!は必ずというほど、新しいサービスに参入する。そのサービス参入は必ずというほど後手。多分大手だからプランニングやら人員確保やら色々あるんでしょう。ですので、まず後手。Yahoo!は先手は取らないし取れない。しかし、後手であったとしても必ずといっていいほど勝つ。じゃんけんのように後だしでも勝つというのが当たり前になっている。
例を挙げればオークション。ヤフオクは以前にもオークションサイトはあった。しかし、ヤフオクが始まってすぐに首位を獲得したYahoo!。
その成功の裏側には圧倒的なアクセスがあると思う。
Yahoo!自体のアクセス数が検索エンジンのなかでトップ。Yahoo!のぺージを開けばオークションという項目を見てクリックするということもある。つまり、コンテンツアクセスが非常に多い。
そして、会員登録の必要性が薄い。Yahoo!IDでまかなえるため会員登録が面倒でないというのも特徴。
今回のSNSもYahoo!IDが使える上に、Yahoo!で宣伝すれば当然のごとくアクセス数は多い。そして、mixiに対抗するためだろうか、mixiよりも使いやすいサービスを提供。また、有名人などのコミュニティーも用意している。
しかし、問題点も若干。紹介制であるものの、完全紹介制ではない。Yahoo!BBの会員（私もそうですが）やYahoo!のプレミアム会員は参加することができます。
つまり完全紹介制ではない。要は金さえだせばどんな人間でも参加できる（プレミアム会員になれば）。その辺りがmixiと違うところ。mixiは招待されなければ絶対に参加できない点に対して金さえだせば。そこが若干問題。
どこまでいけるか分からないが、SNS業界にYahoo!が新風を巻き起こすのは間違いのない様子。mixiに勝つ！というのは厳しいがとりあえずユーザーの多いサービスになりそう。
SNSという言葉を知っているだろうか？
ソーシャルネットワークサービスというもので、mixiなどが代表的。
最近は大分普及しており、国内におけるアクセスの中心でもある。
適当にユーザー検索してみると、大半の人間が１日以内にアクセスしている。
アクセス数は国内最大級掲示板、２ｃｈをも上回る。
しかし、それ故問題点も多い。
人が多く集まればそこには必ずいざこざが起きる。
まず、mixiは紹介制という文句。紹介制なら問題のあるユーザーは入りづらいというものだが、今のように普及してしまってはそれも台無し。
インターネット上で招待をしてくれる人間なんて大勢いるし、生活していればmixiユーザーなんて多いから誘ってくれる人も多い。つまり、誰でも入れるのと大差はないわけだ。
しかも、mixiに登録する人間の大半がインターネット初心者。インターネットの危険性を全く知らない素人集団が問題を起こすのなんて目に見えている。
そして、次に問題なのが本名で登録する人間が多いこと。
本名をインターネット上に掲載するなんて間抜けのすることというのが一般的なインターネットユーザーの思考回路。だが、初心者にそんな回路はない。
登録制だから安心。と思っているのだろうが、いざ何かあったときに大変だ。
自分の情報が不特定多数に公開される危険性を全く考慮していないのだ。
最近の事件で尻毛バーガーという事件があった。
ファイル共有ソフトで、とある女性の裸の画像が流れた。しかも、その女性は割りと可愛い方だったので余計に加熱。そして、名前等が割り出された。
その後、mixiに本名で登録してあり、生い立ちから何までが暴露されてしまった。結婚式も控えていたのだが、どうなったのだろうか。
インターネット上の噂（当てにならない）では当人は自殺したという。もしかしたら、本当かもしれない。自分の赤裸々な画像がインターネット上で流れて、しかも名前から生い立ちまで全て公開されてしまったら生きていけるわけもない。
私が同じ目にあったとしたら恐らく自殺する。そんな目にあったら生きていけるわけがないのだ。
SNSはこういった危険性を内包しているのに本名登録ができるようになっているし、そういう風習がある。それが危険。個人情報を不特定多数に公開するというのは愚考でしかない。
自分の友人だけに見せるならいいのだが、不特定多数の場合は破滅の道を歩むことになる。
2006年10月12日
本日、スピーカーを購入しました。
以前は、モニターからの音を聞いていたのですが、最近はモニターの音源が不調で、音が出るたびノイズが聞こえる現象（？）のようなものに陥っているため、今回スピーカーを購入しました。
値段、525円也。
私は別に音楽をそれほど聞く人間ではないので、あまり音がいいのは必要としていません。
一応、いまのところは最低限さえ聞ければいいかなと思っています。
他には、Skypeなどのためにマイク（１つ持っているのですが、友人から音が全く入らないと不評なので新しいのを購入してみました。ヘッドホンタイプ）。なんだかんだいって、こっちも安物。
今月はとことんお金がないんですよ。
だから、スピーカーももう少し音が良いのを買おうと思ったのですが結局525円程度の安物になってしまいましたが、普通に音が聞ければ問題がない気がしてきた。
そもそも、音楽を聞くことが滅多にない。PCでよく聞く音はアラート音だから、大した音じゃなくてもいいんですよ。ノイズ等がかかっていなければ。
ということで今日はこんな感じでお買い物してました。
グラフィックボードが案外安かったので機会があったら、購入したいなと思ったり。
2006年10月09日
HTMLリファレンスのコンテンツを現在製作中なのですが、私にしては珍しくかなりの画像を作成しています。私自身が画像を作成するといったことは、滅多にありません。
私はあまり画像を使ったページというのは好きではない。それは閲覧者側といった意味ではなく、制作者側に立った場合の話ですが。
私自身画像を少し作成しだすと、サイトのイメージプランから外れて、非常に多くの画像を作成しだし挙句の果てに画像でメニュー構築とかやってしまう人間です。
そういったことをすると至極サイトが重くなってしまいます。
私がサイトを作成する際にはサイトも重さ云々に非常によく気を使います。勿論、それは広告についても例外ではなく、当サイトでは広告を張る場合でもなるべく利用者に負荷が少ないように数を考えています。また、ページの構成も、テキスト部分が最も最初に閲覧でき、その後にメニュー等が出てくる構成にしてあるので閲覧者にも優しい（？）ページであると思います。
そんなサイト制作者の私にしては珍しく、画像をかなり多用してみました。
それはデザイン性を考えてのこともありますし、見易さを考慮した上でのことです。
今後もっと増えるでしょうが、現在だけで44もの画像があります。
いちいち、テキストで表現すればいいところも画像で表現してあります。
いちいちタイプするよりもそっちのが何倍も早く、正確に作成できるためにそっちを選択しました。見栄えも画像を利用したほうがいいんです。
それに、デザイン性を重視しなければ勝てないと思うんですよね。某とほほさんにはね。あんな知識だけあってネット初心者みたいな管理者のページにだけは絶対負けたくないと思うわけです。色々詳細があってのことなんですが、ここではあえて語りませんが。
ただ、情報量に関しては目を見張るものがあるためそれに勝るためにも、デザイン性とより分かり易い多くの情報を詰め込もうかと考えています。
いつか、気が向いたら某とほほさんがネット初心者だという証拠画像でもアップロードするのも面白いかもしれませんね。
2006年10月08日
HTMLリファレンスをローカルで作成中です。
やる気は案外かなりあるので、恐らく作成できずに終わるということはないと思いますが、最近はリアルで色々と忙しいのでどうなるか分かりません。
本と睨めっこしながら作成になると思うんですが、本の内容は属性の説明が大分重複している部分もあるのです。その部分をまとめて作成するか、全部の部分に属性の説明を入れるかで迷っています。
某、とほほさんでは汎用属性はまとめて解説して、固有属性は１つ１つ重複しても作成しています。
そして、某とほほさんのHTMLリファレンスが現在リファレンスでは一番なのです。それを打破するためにはどうすればいいか検討。そして私は、Document Typeの対応状況・各ブラウザの対応状況などもまとめて掲載予定。
某とほほさんでは、いちいちわけて作成してあるので見づらいし確認がし辛い。
また、デザイン面でも見栄えがよく見易いデザインにしてみようかと検討中。
そのためにHTMLリファレンスページ専用CSSを作成するつもり。
できれば、上記のような状態でHTMLリファレンスを１週間程度で作成したいと思っているのですが、色々忙しい上に最近友人に紹介された「Age of Empires Ⅱ」に随分はまっています。
これが原因で２週間～３週間は覚悟しなければならないかな？と思っています。
これです。
興味がある人は購入してみてくださいね。
これが結構面白い。面倒といえば面倒なゲームですが、町を作ったりするゲームですが、良質なゲーム。流石microsoft。これが７年以上前のゲームなんて信じられないというほどの完成度。
ゲームには様々な趣向が取り入れられているため、現在でも充分通用するかと思います。
しかも、オンライン対戦ができるという優れもの。
友人に紹介されてやっているのだけど結構はまる。久々にはまるゲームにめぐり合えた感じです。
近代兵器おもしれぇえ
2006年10月06日
最近はインターネットの普及により物品も安くなりました。
なるべく、発注等のコストをかけないで人件費を削減しようとする動きです。これは、様々なところで活用されています。インターネットサービスはもはや大多数が自動システムで稼働しています。
つまり、ほとんど人件費を削減してできるところはシステム側に任せようという試み。その試みが大当たりしていますね。人件費削減により、より安い価格でサービスを提供できるようになっています。
それはドメインに対してもいえることで、以前からムームードメインが業界最安値だったのですが、最近は多少条件付ながら、私の利用しているVALUE DOMAINで最安値を記録しました。
ローマ字/日本語.net 690円 1年
ローマ字/日本語.com 790円 1年
ローマ字.info 390円 1年
日本語.jp 660円 1年
これは、以前も紹介しました通りです。
390円でドメインが取得することができるようになりました。
また、VALUE DOMAINではXREAサービスとの連携でレンタルサーバーもやっているので、独自ドメインを取得した後に、無料で（広告付きます）サイト運営ができます。
つまり、年間390円で独自ドメインのサイトが運営できます。
また、広告がうざったいと感じる方は個人運営のサーバー（非営利）を探してみるといいかもしれませんん。安全性等問題が多いですが、割とCGIも使える場合が多いし、広告もつかない場合が多いので若干のデメリットを気にする方はそういう選択肢もありです。
レンタルサーバー代金をかけなければ、取得だけで390円。
年間390円で独自ドメイン＆サイト運営可能です
2006年10月05日
半年ぶりくらいにサイトを大幅更新しました。
以前と比べれば大分COOLなデザインになったと自負していますがいかがでしょうか？一応ブラウザの互換も確認したのでその辺りもオッケーだと思います。
（ただ、OperaやSafariといったブラウザでの表示は未確認）
今回は大幅な改革というか改装を行いました。
サイトが今までと違って一新しました。
その辺りにスポットライトを当ててみたいと思います。
まず、デザイン面です。
デザイン面は私自身が画像をあまり多用するのを好んでいないので、なるべく画像の使用を抑えたデザインになっています。トップページの画像のファイルサイズを合計したとしても、10KBもいってないでしょうし。随分軽い画像を使ってのデザインにできたのではないかと思っています。
当初はロゴを除いて全く画像を使ってないデザインでした。しかし、何を思ったのか私は、途中で一気に画像を追加する方向を向く。といってもごく僅かですが。
これで多少なりとも見栄えが良くなったのかな？
ある意味、画像を全く使ってないデザインも気に入ってたんだけど、色的に全く映えないし、かといって画像を使わずに単色で作成すると変なデザインになってしまう。
そういうわけで画像をちょこちょこっと使ってみました。それが意外と面白くて一時は全部画像で作るぜ！って張り切っていましたがそうすると重くなってしまうので却下。（ただでさえ、広告の表示部分で負担をかけているので）
そういうわけで試行錯誤の末にこのデザインに決定。皆様の意見はどうでしょう？
意見のある方はコメントとかトラックバックお願いしますね～。
そして、コンテンツ面。
今回コンテンツ面では主にこんなことをやりました。
とこんなような変更点がありました。
変更しないところは割りと楽でした。
だって、文章をコピーして貼り付けて保存するだけなんですからね。
ただ、それすらもだるくなるときもあったりして精神的に割りと不安定な日々が続きましたね。色々問題も多かったので。
とりあえず、サイト改装にあたっての大まかな変更点はこんなところ。
っつか今回で思ったこと、大幅改装ってやろうとすると結構大変だね。
そして、アップロードするときが一番怖いね。
だって、ファイル消すんだもん。その間に閲覧者が来たらどうするの？ってことになります。
それを解消するために、一応様々な手をうって更新しましたがあまり効果は無かった模様です orz
さて、今後のサイトの更新予定ですが
この中のいくつかをやっていこうと思っています。
現在のところ、テンプレート追加が有力だと思われます。
結局、これからも大変な日々は続きそうですね。ちゃんちゃん。
2006年10月03日
さて、久しぶりにCSSをガシガシと弄ってみました。
というのもメニューが未だに気に入らない部分があるので修正をしています。
しかし、１つ修正するとまた１つ問題が出てきたりしているので、３歩進んで２歩下がるってヤツです。
まぁ、技術的には向上しているので良い経験をしているのですが。
さて、今回はCSSのテクニックです。
これは、興味のない人は見なくて結構です（つまらないし）
私は、背景画像があるファイルに対してオンマウスで効果を付けるCSSを記述していました。
ただ、その効果を再現してみると重くて効果が起こるたびに画像を読み込んでいるようでした。
これは何か改善しなければ！と思って修正作業。
そこで１つのことに気付きました。
スタイルシートのクラスで、aとa:hoverというのがあります。
aはアンカータグ、a:hoverはアンカータグの範囲にマウスを乗せたときに動作です。
実はスタイルシートは
アンカータグの範囲にマウスを乗せる→a:hoverの実行→マウスを離す→aクラスの再度読み込み
というプロセスになります。
つまり、aタグの範囲に画像を読み込ませるようにしてしまうとマウスが離れた場合には、もう一度画像読み込み処理を行うということなので連続で上記のプロセスを踏むとかなりの処理が必要になってしまい結果重いページになります。
それを改善するためにはスタイルシートではaクラスで画像の読み込みを行わないってことです。
まぁ普通やらないと思いますが。
2006年10月02日
サイトで掲載する予定のテンプレートを作成していました。
作成と言っても、機能作ったテンプレートをコピーして画像をちょこちょこっと変えて色を変えた程度のものですがね。
たったそれだけのことで１つのテンプレートから４つのテンプレートを制作するのが私流の錬金術。
といっても大した事ないですが。
テンプレート制作は今まで制作したテンプレートをdivタグに移植している状態です。
過去に制作したテンプレートはデザインが気に入るものもあるんですが、ブラウザの互換性が全く取れていなかったり、ソースが汚すぎるケースが多いです。
一番酷いのが、CSSでエラーを起こして予定通りのデザインになっていたテンプレート。
もう、なんつーか涙が出てきたね。昔の自分はこんなに技量がなかった！？と思うと胸が一杯です。
何年も更新していないテンプレート配布サイトってすごいな。
私は１年近く前のテンプレートをこの世から抹殺したくなりました。
2006年10月01日
Melty Blood ver.B どっかの雑誌には今秋にはゲーセンで稼働するというようなことがあったのですが、公式サイトにいってみたら、年内稼働と書いてあった。コレは一体どういうことかなぁ～とか思ったり。
公式サイトが久々に更新され、白レンというキャラクターのトップ絵になっている。
今までのデザインを一新した良いデザインだと思う。
割とシンプルだけどこういったデザインは好きですね。
さて、サイトの内容ですがどうやら秋葉原でテスト稼働やってたみたいですね。なんつーか秋葉原のセガのゲーセンに行った事のある身としてはマジで羨ましい。いやね、あそこMelty Bloodの台が全部で１０台あるわけですよ。多分、そこから察すると全部で１０台全部ver.Bなわけですよ。それが羨ましくて。まだプレイしたことのない人間が大半なのに羨ましい、秋葉原。
２４カラーでプレイしたい！白レンは弱いらしいけどプレイしてみたい！
という思いでいっぱいです。
さて、サイトの内容に関してはこんな感じ。
中身について不満がある。いやね、仮にも公式ページなわけですよ。
なのに、ホームページビルダーごときで作成とはいかがなものかなぁ～と思っていたわけで。
ビルダーの吐くタグはみっともないんです。
ってか私は、大文字のタグって大嫌いです。
>B<とか記述してるの大嫌い。（Document Typeはまた別）
企業がそういったページ作成はいかがな物か？
時間がなかったからといって、適当なところに作成を頼んじゃだめだよ。
と思ったが、どうやらこのサイトの大本であるエコールという会社事態がビルダーで作られていることから自社によるサイト作成、もしくはそういったところに頼んであるということです。
いやぁ、もう少しその辺りはどうにかしたほうがいいかな。うん。
→ Melty Blood関連で拾い物 ●
現在divタグをメインとした（意としては、テーブルタグでメイン部を作らない）ページに移項するために必死で移項するようにサイトを作成しているのですが、面倒です。
何が面倒かというと、昔の自分に触れることが。
サイトは半年以上前に作成したものですが、その頃はCSSやHTMLの知識が稚拙だったため非常にまずい状態だったわけです。そのため、随分更新作業をしました。
それはテンプレートも同じ。昔作成したテンプレートをそのまま引っ張ってきているもんだからソースが汚い汚い。仕方がないからdivタグで一から作り直すことにした。
それが失敗だった。
基本的にdivタグ系サイトを作成経験が少ない私には鬼門。
現在、移行中のページがはじめてなのに、作り直すなんて作業したもんだからブラウザとの互換がとれず非常に苦労しました。
Internet Explorer と Netscape系（Firefox含む）はブラウザの表示が大分違うので、互換を考えずに作成してしまうと滅茶苦茶になるわけです。IEで動作確認しながら途中まで作成したところでFirefoxで確認してみるとこれまた酷い表示になっているわけです。
まず、センタリングされるべきところがセンタリングされなかったりしてましたからね。
そういったところを一つ一つ修正。
paddingなどの値も考慮してどんどん修正作業を続けました。
しかし、途中でいきなりつまってしまったのは、Firefoxでは何故かレイヤーを使った表示になっていました。つまり、テキストや画像が浮いている状態になっていました。これは一体なんでなんだろうといろいろ弄っていたのですが全く分かりませんでした。１時間以上ずっと考えていました。
しかし、答えは回り込みの解除をしてなかったという単純なものでした。
こういったようにブラウザの互換云々を考え出すと非常に疲れるのです。
とりあえず、IEとネスケ系ブラウザは次のバージョンはpadding値の表示の仕方だけでもいいので同じにしてくれると非常に助かります。
