■http://anond.hatelabo.jp/20101203150748

完全に一致を作るための勉強法

たくさんのアクセスありがとうございました。

コメントもたくさん頂いてまして、それにお答えするのに「ブログでもつくろうかいな」とのぼせましたが、そんなテーマで続くわけもないので、やはりアノニマスダイアリーにしました。

【製作期間について】

まず、皆さん仕事しながらたった4ヶ月で！と褒めて頂いてますが、たったじゃないですよ。4ヶ月って。

仕事が終わって、毎日2～3時間。土日関係無くやると、多分300時間くらいになります。

専門学校の2年間の授業時間がこのくらいだったりするんじゃないですかね。結構長いです。

【モチベーションの維持について】

モチベーションを保つのがすごいというのも褒めてもらいましたが、私は一回やり始めると、意外に長く続きます。

コツがあるんです。

毎年、日々の単純作業が続かない新入社員が入ってきますが、そんな新人に言います。

「息をするように続けるんだよ。」

毎日やるんです。土日関係無く。毎日。

【勉強したという言葉の誤り】

前回の日記で「勉強した」と何度も使ってしまった為、誤解をされている方が多くいらっしゃいます。

正確には、「調べ」ました。

職業柄「調べる」という事が多い為、WEBサービスを作るという事に関してはそれが訳に立ちました。

追記でも書いているのですが今回のシステムはほとんどが、先人達が作った既存のシステムがベースになっています。

ぱくりと言われてしまえばそれまでなんですけど、丸ごとはやってないですよ。というか、丸ごと合うモノがなくて、いろんな所からソースコードを拝借させてもらいました。

なので、中身はぐちゃぐちゃです。けど、検索システムはそれでも200行くらいしかありません。クローラーは80行くらいでしょうか。

【HTMLについて】

基本をやったのは、恐らくHTMLとCSSだけです。

というか、それすら途中で挫折してAdobe社のDreamWeaverというソフトを使いました。

適当に書けばソースは綺麗にしてくれるし、CSSの体裁はプロパティを設定しながら見た目のまま調整すれば良いし、一番助かったのはテンプレート機能でした。

最初は全部のHTMLファイルをコピーしながら作っていたのですが、ヘルプを見るとテンプレートとライブラリという機能があるのをしってライブラリがいまいち分らなかったのでテンプレートを使いました。

■Dreamweaver便利

■テンプレート便利

【Javascriptとの出会い】

最初に本やで立ち読みした本に、「プログラムをやってみよう」ということでJavascriptの事が書いてありました。

なので、自然とプログラムの最初のさわりがコレになっただけなんですね。

でも、アラートを出したりとかばっかりで、面白くありませんでした。

インターネット黎明期からのネットユーザーなのですが、「最近よく見るページが移動しないのにページの中身が切り替わるやつかっこいいよな」と思って「ページ遷移しない　読み込み」で検索をすると、Ajaxという文字を見つけ、「ajax 入門」で検索してトップに出たサイトでAjaxの概要だけ調べて、「ajax 簡単」でprototype.jsとjQueryの文字を見つけて「ああ、jQueryってよく見るな」というのがjQueryとの出会いでした。

「最近よく見るページが移動しないのにページの中身が切り替わるやつ」は、非同期通信という名前でした。

jQueryを使うと、下記のように1行コピペするだけで外部のHTMLを読み込む事ができました。

--------------------------------------------------------------------------

var http = $.get("abc.html",null, function(data) {$("#main").html(data);});

--------------------------------------------------------------------------

すごい簡単。最初は意味は分りませんでしたが、目的の事ができればそれで良いので次に進みました。

■jQueryすごい

■非同期通信かっこいい

■プラグインいっぱいあって楽しい

【Perlとの出会い】

jQueryがちょこっと書くとダイナミックに色々変わってくれるので、日々いろんなプラグインを探して遊んでいました。

でも、作りたかったのは検索システムだったのを思い出し、また近くの大きな本屋に。

検索するパソコンで”プログラム　検索”で探しだした棚に行くと、「CGI/Perl」の本棚でした。

大量にありすぎてどれをかって良いか分らなかったので、いくつか立ち読みして家に帰り、「CGI/Perl 入門」で検索すると

http://www.kent-web.com/perl/

このページにたどり着きました。

Windowsだった為、ActivePerlを入れていくつかプログラムをやりましたが、これがまた面白くないんですね。

すごい地味で。このPerlをさわった最初の1日は正直かなり苦痛でした。

その後、”AV女優の検索システムって不動産の検索システムに似てるな”って思って「CGI/Perl 不動産検索 無料」で検索したら、http://www.yumemaboroshi.net/ってサイトが引っかかって、ここのおかげでかなり進みました。

先人が作った大量のプログラムがダウンロード出来るサイトなんですね。

■Perl面白くない

■フリーソフトを集めたサイトでソースがいっぱい見れる

【PHPとの出会い】

いくつもダウンロードしては、サンプルと中身を見てを繰り返してたら、Perl/CGI以外にPHPがたくさんありました。

どう違うのかと思い検索したら、PHPはすごい叩かれてて、Perlがえらいみたいに書いてあったのですが、叩かれてる理由がいまいち理解できませんでした。

結果PHPを使う事になったのですが、その大きな理由は、DreamweaverでPHPが開ける。なおかつHTMLファイルをそのまま使うテンプレート機能のプラグインがあったという事でした。

PHPでテンプレートを使うには、Smartyというプラグインを使えば良いということが分って、「Smarty 入門」で調べて、いくつかのタグを覚えました。

実際にSmartyで使ったタグは、{$変数}と{if}{/if}と{foreach}{/foreach}の3つだけだと思います。

色々高機能らしいのですが、まあ目的は達成できたのでいいか。と。

PHPの検索プログラムは、HTMLファイルでボタンを押すと、テキストファイルに書いてある内容を、表示してくれる簡単なものを作って、そこに肉付けしました。

（最終的にテキストファイルがSQLサーバーになりましたが。）

■PHPはDreamweaverと相性がいい

■Smartyでやると見た目が壊れない

【Rubyとの出会い】

簡単にPHPで動くプログラムが出来たので、実際に女優のデータを登録しようと思い、DMMに行きました。

DMMのサイトを見ていると、いったい何人いるんだってくらいAV女優が登録されています。

数人集めてみて「こりゃぁ。無理だな。」と途方にくれて1日を過ごしました（笑）

次の日、「ホームページ　自動　巡回　プログラム」とかで検索して、ボットとクローラーという存在を知りました。

自動巡回で拾ってくるのは、どちらかというとクローラーと呼ばれるそうで、「クローラー　作り方」で調べたホームページに、Perl+LWPモジュールで似たことができるということで、とりあえずペタペタとソースを貼ってうごかしてみたら、まあなんと簡単に取れました。

しかし、取ってきた後に気がついたのが、HTMLファイルをそのまま取ってきても結局手動でコピペの必要があり、あんまり意味がない。と。

で、もう少し調べると、「WWW::Mechanize」を使うといいよって書いてあって、Mechanizeで調べたサイトをみるとrubyを使ったサイトが出てきました。

rubyのサンプルがすっごい短くてわかりやすかったので、Perlは苦痛だったのでRubyにしようと、このときRubyを始めました。

設定が大変だったんですが、まあ面白くないので割愛。

■Rubyきれい

■Mechanize簡単

【デザインは・・・】

はてなブックマークのコメントで、DoCoMoのサイトが元ネタと書いてありましたが、ハズレです。

デザイナーの友人が居て世間話でどうやって作るの？って聞いたら、「まあ、パｋ、じゃない。参考にするよ。他社のを。」っていうもんでどうやって見つけるか聞いたら、あるんですね、綺麗なデザイン集めたサイトが。http://www.ikesai.com/ここでたくさん見ました。

それから、スライダーのインターフェースは、「selectToUISlider」jQueryのプラグインそのまま使ってます。

■世の中のデザイン全てぱｋ（略

■selectToUISliderかっこいい

という感じで、ほんとにちょっとずつ進みました。

楽しかったですね。Perl以外は。なんであんなに読みづらいんでしょう。

と、またもや長くなりすぎたのでこの辺で。

あ、ちなみに、アクセス数と収益をご報告します。

金、土、日、月と約4日間爆発的にアクセスを頂きました。

アクセス数は、4日間で約200万アクセスほどありました。

DMMのクリックが10万クリックほどあり、その結果、購入された金額が、なんと！

700円でした。

報酬額が245円。

ありがとうございました！

http://www.kanzen21.com/

----------------------

12/8 12:00追記

アクセス過多でまたもやサーバーがダウンしました。

今回のサーバーダウンは結構深刻でなかなか復旧が出来ていません。。。

申し訳ないです。

----------------------

12/8 12:10追記

全然起動しません。なんなんだこれは。

サーバー会社に問い合わせ中です。

状況は、Twitterでお知らせします。

http://twitter.com/#!/kanzen21_com

----------------------

12/8 13:00追記

サーバー復活しました。

サーバー会社の方、ありがとうございました。

Permalink | トラックバック(2) | 22:43