2014-03-26

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


3月で東北大学卒業して、4月から企業社畜となる22歳です。

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

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

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

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

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

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

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

  http://anond.hatelabo.jp/20101203150748

  http://anond.hatelabo.jp/20130120190550

  http://anond.hatelabo.jp/20130122180847

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

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

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

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

目標

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

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

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

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

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

今後頑張ります

事前知識

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

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

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

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

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

まぁこんなもんです。

創作物

マイナーAV女優もっと出会おう!

『未痴との遭遇』

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

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

製作の流れ

1.全体像の把握

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

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

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

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

2.CakePHP勉強

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

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

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

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

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

3.DMMAPI勉強

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

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

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

4,スクレイピング勉強

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

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

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

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

5.メイン機能搭載

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

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

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

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

6.他のページの作成

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

twitterbootstrapもここで導入。

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

7.ドメインサーバー

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

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

問題はサーバーですよ。

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

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

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

8.公開

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

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

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


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

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

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

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

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

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

記事への反応 -

記事への反応(ブックマークコメント)

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

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy