■無職になって暇だからWebサービス作った

もうすぐ30歳になるのに、昨年末で職場がなくなりハローワークに行っても求人が無いので

PHP ruby Nginx WordPress Bootstrap を使ってWebサービスを作りました。

作ったサイト

SKE48過去ブログ

http://skeblog.48matome.com/

名古屋栄を拠点に活動しているアイドルグループ

SKE48オフィシャルブログを保存して表示するサービス。

なぜ作ったのか

今までバックエンドしか作ったことがなく、フロントエンドをやりたかった。

趣味でやっていて目標の物を作ったら満足し、継続してやらない。

なので今まで覚えてた事を忘れて一からやり直す事が多かった。

じゃあ。仕事決まるまで毎日触ってればいいんじゃね？

とゆう勢いで…

Rubyも覚えたかった…

構成

• WordPress
• Twitter Bootstrap

Bootswatch

• Nginx

• PHP

PHP Simple HTML DOM Parser

• Ruby

Mechanize

スクレイピング

■対象ブログの仕様

• 最新記事のみ無料で閲覧可能
• RSSで全文を取得出来ない。

スクレイピングしなきゃ！

いつもスクレイピングはSimple HTML DOM Parser

メモリとかエラー処理をしないと。

ここでRubyに同じようなのが無いか検索

• RubyでWebスクレイピングするためのサンプル

http://t-taira.hatenablog.com/entry/20120429/1335658939

「なにこれRubyすごいこんな数行で」

ここからドットインストールでRubyを勉強しました。

Rubyの読みやすさと書きやすさに感動。

RubyでスクレイピングしたデータをMYSQLに保存までは完成。

どうやって表示しよう…

次はサイトをどうしようかと考え…

cakePHPかな…

Zend Frameworkかな…

いや！ブログ掲載するんだからCMSだ！

WordPressに決定。

デザイン

一番時間がかかった…

デザインは昔からまったく出来なかったので Bootstrap に。

そして検索して見つけたのがBootstrapのテーマ

• Bootswatch

http://bootswatch.com/

デザインが出来ないから仕方ない！

• ドットインストール

http://dotinstall.com/

ドットインストールでBootstrapを勉強しました。

WordPressテーマ

デザインをWordPressテーマに変換

• はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）

http://webdesignrecipes.com/first-time-wordpress-origin-theme/

ここを見ながらテーマに落としていくのは簡単でした。

• functions.php

子カテゴリでページングなどするために関数を追加

• WordPress私的マニュアル

http://elearn.jp/wpman/

WordPress初めてなのですごく参考になりました。

Webサーバー

Apacheのテスト環境でテストすると表示が遅すぎる…

nginxで高速化出来るみたい。

• WordPressを100倍速くする！ MySQLの調整やnginx proxy cache

http://kray.jp/blog/wordpress-tuning/

• ブログ(WordPress)の高速化 apache + php53 -> nginx(proxy cache) + php-fpm + apc

http://tech.aainc.co.jp/archives/3022

nginxのシンプルな設定ファイルに感動

まとめ

• Ruby綺麗
• nginxすごい

Webサービスを作って公開するのが、こんなに楽しいとは思わなかった。

特に今回作成したものは自分が必要とするものだったので。

次はCakePHPとかフレームワークを覚えて新しいサービスを作りたい。

ruby on railsもいいな

でも、早く再就職したいです…

Permalink | 記事への反応(2) | 17:21

ツイートシェア