2009年8月21日金曜日

蠕動

いよいよ。
長きに渡って水面下で動いていたサイトが、
姿を現し始めました。

このサイトは、今の私が持てる技術の
最大限を注ぎ込んだものとなっております。



私が最初に HTML を勉強し始めたのは、
2003 年 8 月 23 日でした。
その日から、丁度 6 年の歳月が経とうとしています。


そもそも私がウェブサイトを作り始めたきっかけは、
アメリカの大学にあります。

大学のキャンパスの共有パソコンで
Flash ゲームをして遊んでいたのですが、
それを見て、わんやわんやと人が集まってきました。
なんだかみんなそのゲームが気に入ったらしく、
しきりにいろいろな人に、そのゲームのサイトは何て言うんだい?とか訊かれました。

数日後、その共有パソコンのところに行くと、
共有パソコンが 3 台あるのですが、
3 台とも同じゲームをして遊んでいる人たちで埋まっていました。
(ちなみに Flash Flash Revolution というゲームですw)

友達が増えました。
たったそれだけのことで、
急激に友達が増えました。


その時私は、ゲームって世の中に必要ないものかもしれないけど、
ゲームの楽しさに、国境なんてないんだと思いました。

それから私は、色んなゲームの楽しさを
沢山の人と共有したくて、
Flash ゲームのまとめサイトみたいなものを作ろうとしていました。


けれど、ウェブサイトの知識なんて全然なかったので、
ひたすら「HTML 入門」「HTML 初心者」とかで検索して
出てきたサイトを読み続けました。

世の中に、星の数ほどウェブサイトがあるんだから、
私にだって作れるはずだと思って、沢山勉強しました。

そして、1年ぐらい経ったある日、
友達の紹介で、メイプルストーリーと出会いました。



私が探していた、ゲームの楽しさの共有は、
まさにここにあるんだと確信しました。

Flash ゲームと違って、
ひとつのゲームの中に沢山のプレイヤーがいて、
同じ世界の中でゲームをプレイすることが出来る。

そして私は、メイプルストーリーのウェブサイトを
作り始めることにしました。
沢山の人と一緒にメイプルストーリーを楽しみたくて、
みんなに喜んでもらえるようなサイト作りを心がけてきました(たぶん


そこからは色々学びました。
メイプルストーリーのデータとかを載せるには、
到底 HTML だけでは、とてつもないページ数、作業量になると思いました。

そのために、Javascript や PHP、MySQL を学び、
もともとプログラミングが大好きだった私は、
ウェブプログラミングにどんどんはまっていきました。


沢山本を買って、沢山ウェブサイトを読んで、
そして、2007 年 8 月 15 日、初めてデータベースを使った
「みらくる☆めいぷる *Aria*」が誕生しました。

それから私はさらに Javascript、PHP、MySQL を勉強し、
ウェブサイト制作会社に入社しました。
自分のスキルをもっと高めて、
もっとすごいみらくる☆めいぷるを作りたくて(そのため!?Σ(´□`;)



今まで、6 度、サイトをリニューアルしてきました。
自分のスキルが上がるたびに、
出来ることが増えていったので、
そのためにサイトを作り直していました。


最初のリニューアルは、
「月冴ゆる夜の姫始め」から「みらくる☆めいぷる」へ。
実はリニューアルしたのはトップページだけ、という。

夜と月と夜行と。そんな暗くて綺麗な感じも好きだったのですが、
より万人に受け入れられて、親しみやすいコンセプトにしようと、
明るくてハッピーな、メイプルストーリーらしいコンセプトに切り替えました。
そして、トップページもゲームインターフェイスそのままの形を再現しました。

本当は Flash で作りたかったのですが、
作り方がわからず挫折しましたorz

仕方がないので、テーブルと画像を駆使して作りました。


二度目のリニューアルは、
「みらくる☆めいぷる」から「みらくる☆めいぷる Extreme」へ。
サイト名をみらくるめいぷるで、これからも変えないようにすると決めたので、
その知名度を上げようと半ばプロモーション目的で改修したサイトです。
トップページを Flash にし、ビシャスの門を背景にしていました。

一度、作ろうとして挫折していた Flash でしたが、
ある時ふと霧が晴れるように使い方がわかったので、
半衝動的に作ったものでした。


三度目のリニューアルは、
「みらくる☆めいぷる Extreme」から「みらくる☆めいぷる -Flourish-」へ。
やはり、トップページが Flash というのは、重い、と。
まぁ作る前から分かってましたけど(-3-)

そんなわけで、今度は軽いサイトを目指して作ってみました。
データの量も増えてきたので、
データベースを使いたいと思い、MySQL の勉強を始めてみましたが
挫折しましたw

現実逃避し、Javascript でデータベースを組むことにしました。
GET 値によって、innerHTML で表示させるコンテンツを
動的に入れ替えるというものでした。



四度目のリニューアルは、
「みらくる☆めいぷる -Flourish-」から「みらくる☆めいぷる *Aria*」へ。
MySQL 入門以前という本を買って、
ようやく MySQL が分かってきました。

PHP と MySQL を使うようになり、
初めてちゃんとデータベースを使った
サイトを作ることが出来ました。

しかし、初めて作ったプログラムだったことと、
半分ぐらい Dreamweaver の機能を使って
自動で作ったものだったこととが災いし、
プログラムのソースがものすごく汚いし、無駄が多かったのです。

改修はしにくいし、メンテナンス性は悪いし、
しかもページを変えてもBGMが流れ続けるようにするために、
Ajax なんかを使うことになって、
ますます収拾のつかないことになってしまいました。



そして、五度目のリニューアル。
「みらくる☆めいぷる *Aria*」から「みらくる☆めいぷる Aria -II-」へ。

これはリニューアルとは言っても
表向きはあんまり変わりませんでした。

汚くてたまらなかったソースを見直し、
大幅に軽量化し、Ajax を使うこともやめました。
これによって、ソースはだいぶ見やすくなりましたが、
全体的に見ればまだまだ課題は残っていました。
一から改修しなおしたかったのですが、
それには時間がかかりすぎるので部分的な改修にとどめました。


また、この頃まで私は無料サーバばかりを使っていたため、
色々と接続しにくくなったり、サーバーが落ちたりと、
サイトを見てくれる方には一時期閉鎖したのでは、とさえ
ささやかれるようになりました。

(Googleで「みらくるめいぷる」で検索すると、
 「他のキーワード:みらくるめいぷる 閉鎖」なんて
 出るようになっていました…orz)



Google Adsense を設置し、
収益を確保しながら、今度はちゃんとした
有料サーバを使い始めることにしました。





そして、六度目のリニューアル。
おそらくリニューアルとしては、
これが最後になると思います。(毎回言っている気がするけどw

PHP と MySQL の全貌は大体把握出来てきたので、
本当にこれ以上リニューアルする必要性は
ないと思っています。

新しい技術を獲得して、拡張することはあるでしょうが、
一から作り直すようなことは、もうこれが最後でしょう。

そのために、後から作り直すことにならなくて済むように、
PHP のフレームワークを使ってサイトを開発することにしました。
色々とフレームワークはあるのですが、
一番信用出来ると思い、Zend Framework を使うことにしました。

とはいえ、Zend Framework の使い方もそもそも
あまりわかっていなかったので、
Zend Framework の勉強から始めました。

会社でも Zend Framework を使って
サイト制作をするように、こそこそっと手回しして(ぇ
おかげで Zend Framework に対する理解が、
ここ半年で大幅に深くなりました。



それから Zend Framework だけでなく、
今まで正しく勉強してこなかった HTML と CSS についても、
深く理解を広げていこうとしています。

HTML、CSS、Javascript、PHP、MySQL、Apache、
この六要素を束ねるゴールがようやく見えてきました。
ウェブサイトにおいて、この六要素を正しく理解していれば、
ほぼどのようなサイトでも作れると思います。

(あとは Flash か…)


Flex や AIR についても、
このサイトがもっと完成に近づいた頃に、
拡張機能として組み込んでいきたいと思います。





このサイトには、私が過ごして来た歴史の
すべてを注ぎ込んでいます。
(まぁ見る人には関係のないことですがw)

今はまだ、α版 ver 0.1.1 となっていますが、
正式版が公開されるまで、
どうぞ楽しみにしていてください!



(というかこんな長い文章を最後まで読んでるそこのあなた!
 相当ひま人ですね!((´∀`))ケラケラ)