< http://anond.hatelabo.jp/20140... | 優先席に座ってる人の... >

2014-03-26

■４月から社畜になる文系東北大生が３ヶ月でエロwebサービスを作った


３月で東北大学を卒業して、４月から某企業の社畜となる２２歳です。

文系の学部出身なので、ITやらプログラミングの知識は完全に独学です。

特にITに興味を持ってはいなかったのですが、就活が終わったあたりに

映画のソーシャルネットワークとかを観たりしてプログラミング勉強しようと思い立ちました。

そんで実際に勉強し始めるとなかなか興味が持てる分野だったので、去年の秋の試験で基本情報技術者を取ったりもしてました。

でもここまでひと通り勉強し終えた時点で、このあとどうしよう？ってなったんですね。

HTMLやらPHPの本を写経して、『やったー、Hello,World!を１００回分表示させたぞ！』なんてやっぱりすぐ飽きるわけですよ。

プログラマって毎日こんなことしてんの？と思ってネットを漁ってみると、色々と面白い情報をはっけん！

　　http://anond.hatelabo.jp/20101203150748

　　http://anond.hatelabo.jp/20130120190550

　　http://anond.hatelabo.jp/20130122180847

やっぱ何かを創ってなんぼだよね！

ということで人生最後の冬休みから構想を練り始め、今年に入ってから本格的にwebサービスの作成に取り掛かりました。

ちなみに本記事タイトルは『京大で画像処理を学んだ僕が本気でエロWEBサービス作ったった』をリスペクトさせて頂きました。

この人はIT関連が専門みたいで、創ったものもレベルが違うんですけどね。まぁキャッチーなタイトルにしたかっただけです。

目標

『卒業までに完成させる』ことを目標としていました。

やはり社会人になるとなにかと時間が限られてしまうと思うので、

多少未完成でもまずは公開してみて少しづつ付け足していこうと。

結果として、この記事を書いている時点でお問い合わせフォームとかを実装してませんし、

他にもいろいろとやりたい機能をとりあえず諦めざるを得ませんでした。

今後頑張ります。

事前知識

今年の１月時点での自分の知識を大まかに説明すると、

HTML　→　基本は分かる。でもdivとかをうまいこと調整するのは苦手

CSS　　→　ぶっちゃけあんま理解してない。今回の創作物もtwitterbootstrapに頼っちゃった

PHP　　→　基本は分かる。forとかforeachとかwhileあたりが使えるくらいだけど、実際それで何とかなったしこれからもっと勉強するし

javascript →　たしか一番初めに勉強したけど、もう忘れた。今回のサービスにも使ってない。

まぁこんなもんです。

創作物

マイナーなAV女優にもっと出会おう！

『未痴との遭遇』

http://michi-ai.com/minor/

やっぱりエロいのだとモチベーションも続くし、やっててたのしいかなぁと思いまして。

製作の流れ

１．全体像の把握

基本情報技術者を取得したんですが、サーバーとかFTPとかの単語をあまり理解してなかったんですよね。

具体的にどうすればホームページやwebサービスを公開できるのかを理解するようにしました。

上に書いたようないわゆる『つくってみた』系の記事も沢山読みました。

ふむ、手っ取り早く作るにはフレームワークとやらがいいらしい。

２．CakePHPの勉強

ということでCakePHPの勉強を始めました。

具体的には公式サイトのブログチュートリアルから入って、『CakePHP　入門』とかで検索して出てきたサイトをいろいろとまわりました。

覚えることは多いですが、確かに便利なので頑張って修得することをおすすめします。

まぁ私もあんまり分かってないとこがほとんどですけど。

とりあえずサイトの作り方はわかったので先に進む。

３．DMMのAPIを勉強

APIを利用したサービスがたくさんあったので僕のサイトでも使ってみようと思いました。

勉強ってほどのものではないですが、DMMAPIのコードを公開しているサイトを参考にしました。

DMMのサイトの説明だけでは初心者は絶対わからないよあれ。

４，スクレイピングの勉強

僕の創ったサイトに必要なデータがAPIでは効率よく取得できないことがわかったので、

DMMのサイトをスクレイピングして必要なデータを集めることにしました。

Simple HTML DOM Parser ってやつを利用。

これは参考になるコードがネットにいっぱい落ちてる。

５．メイン機能搭載

ここからメインとなる機能を作り始めました。

まずはAPIとスクレイピングを利用してデータベースに必要なデータを集めました。

スクレイピングがうまいこといかなかったり、なぜかデータが重複しまくったりといろいろ苦労はしましたがデータベースはなんとか完成。

その後、メインページを作成して、ランダム表示ができるようなスクリプトを書く。これは簡単。

６．他のページの作成

メイン以外のページを作成。

twitterbootstrapもここで導入。

でも間に合わなそうだったので、目標達成のためにとりあえず飛ばすことに。

７．ドメイン、サーバー

ドメインはお名前.comで取得。

特に希望のものはなかったのですが、まぁそれっぽいものを購入。

問題はサーバーですよ。

初めはGMOクラウドのVPSで無料お試しをしたのですが、これがまた難しい。

ネットでいろんな情報を探して、試して、動かなくなって、OS再インストールって流れを５回ほど繰り返して断念。

結局FUTOKAのレンタルサーバーと契約しました。こちらは非常に扱いやすくて、らくちんです。

８．公開

最後はファイルをサーバーに乗っけて公開完了です。

こんなしょぼいサイトでも公開できただけでうれしいものですね。

約３ヶ月の苦労は無駄ではなかった。これで僕もクリエイターの仲間入りだ。


webサービスに興味を持ったひとへ

文系の僕でも３ヶ月でひとりでwebサービスの公開まで漕ぎ着けることができました。

この期間が長いと思うか短いと思うかは人それぞれでしょうが、自分のアイデアを現実化させることは想像以上に楽しいことですよ。

壁にぶつかることはたくさんありましたが、不思議と辛くはありませんでした。だって楽しいから。

用事がある日にも、早起きして作業することが苦になりませんでした。だって楽しいから。

変に敷居の高さを感じている人がこの記事を見て、『俺もやってみよう』と感じてくれると嬉しいです。

Permalink | 記事への反応(4) | 08:55

記事への反応 -

記事への反応（ブックマークコメント）

人気エントリ

注目エントリ

ログイン ユーザー登録
ようこそ ゲスト さん