作業週:怖話の改善案とデザイン修行(Sinatra, Bootstrap)

今日の作業:2012.12.5


  • 引き続き怖話の改善案を検討
  • デザイン修行の続き

引き続き怖話の改善案を検討


  • twitter botを作ったらどうか
    • 新着とかランキングとか
    • twtに時々写真をtwtする。写真をTLで見かけるだけで見にいきたくなるから。
  • 時間を告げる怖話 twitter bot
    • 丑三つ時とか夜中の暇な時間帯にのみ、怖い話/写真をtwtしてくる
  • 怖話時計とか
    • リマインドされて、見に行きたくなる
    • 夜中にふいに見に行きたくなる
  • お話しにカバーを付ける
    • 雰囲気がもっと出る
  • コアのユーザが楽しめる機能を付ける
    • 常連のコアユーザの行動がどんなものか
    • ユーザーさんがupしたときにtwtしてもらって、kowabanaに貢献してるぜってアピールしたいものか??

怖話10月のアクセス数・収益
http://fjord.jp/love/1270.html

常連 62.33%
新規 37.67%

デザイン修行の続き:rbenv、Sinatraを使う


Lokkaも良いけど、素のsinatraでbootstrapもやってみたいなと思い、rbenvをインストール
下記に従ってrbenvをインストール:

rbenv で ruby のバージョン管理をする(Mac)
http://blog.twiwt.org/e/66a1d0

rbenvでインストールできるrubyの一覧は下記のコマンドで

rbenv install --list

https://github.com/sstephenson/ruby-build#usage より

1.9.2-p320をインストールしようと思ったが、1.9.3-p125移行でないとmacにインストールされているllvm-gccに対応していないため、思い切って1.9.3-p125をインストールしてみる。

%rbenv install 1.9.3-p125  
Downloading http://pyyaml.org/download/libyaml/yaml-0.1.4.tar.gz...
Installing yaml-0.1.4...
Installed yaml-0.1.4 to /Users/satoko/.rbenv/versions/1.9.3-p125
Downloading http://ftp.ruby-lang.org/pub/ruby/1.9/ruby-1.9.3-p125.tar.gz...
Installing ruby-1.9.3-p125...
Installed ruby-1.9.3-p125 to /Users/satoko/.rbenv/versions/1.9.3-p125
Downloading http://production.cf.rubygems.org/rubygems/rubygems-1.8.23.tgz...
Installing rubygems-1.8.23...
Installed rubygems-1.8.23 to /Users/satoko/.rbenv/versions/1.9.3-p125

rbenvで使用できるバージョンの確認:

%rbenv versions  
    1.9.3-p125

ローカルに1.9.3をセット:

%rbenv local 1.9.3-p125

ローカルにセットされているrubyのバージョンを確認:

%rbenv version
  1.9.3-p125

ここまで来たら、http://www.sinatrarb.com/intro を読みながらSinatraの作業。

Sinatraのインストール:

%sudo gem install sinatra

helloword.rbを作成:

# helloword.rb
# my first sinatra app
require 'sinatra'

get '/test' do
   'Hello world!'
end

# for Bootstrap test html
get '/' do
    redirect to('/hero-unit.html')
end

実行してみる:

%ruby -rubygems helloword.rb

ブラウザで  http://localhost:4567/test にアクセス。

無事表示できました。

デザイン修行の続き:Bootstrap


先程のhelloword.rbもbootstrapも含め、前からBoostrapを適用していたhero-unit.htmlやcss・pngを追加、こんな感じで配置。

簡単にローカルブラウザで確認することができました:

%tree
.
├── helloword.rb
└── public
    ├── css
    │   ├── bootstrap-responsive.css
    │   ├── bootstrap.css
    │   └── style.css
    ├── hero-unit.html
    └── images
        ├── design_and_everydaylife.png
        ├── grey.png
        └── red_tag.png

デザイン修行の続き:Heroku


時間切れ、また明日

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s