デザイン修行:インターンブログデザイン仮を公開する(未達)

2012.11.29の作業

  • 昨日まで作ったやつをWordPressに仮にのせてみる
  • WordPressに慣れる
    WordPress.comはBootstrapが扱えないことが判明。.orgから自分のサーバにホスティングすればOKなのだが、phpを扱うことになりそうなのでNG。それならばHerokuで出来ないか検討
  • CustomizedTwitterBootstrap
    食いついてみることにしたのだが、色々戦うもエラーが倒せず断念。database系エラーか。
  • Heroku, Bootstrap, Lookaなどに
    次の日の朝、LokkaのGetting Started読んでやればあっさりできた。

Twitter BoostrapをWordPressに取り込む(結局頓挫)

何をしたらいいのか捜索:

Twitter Bootstrap in a WordPress Theme
http://320press.com/wpbs/

WordPress Twitter Bootstrap CSS plugin
http://wordpress.org/extend/plugins/wordpress-bootstrap-css/

7 Free Twitter Bootstrap Themes for WordPress
http://wpmu.org/7-free-twitter-bootstrap-themes-for-wordpress/

WordPress.com と WordPress.org の違い
http://ja.forums.wordpress.com/topic/3?replies=1

このブログはWordPress.com、PluginやThemeをインストールしたりできないことが発覚!
びっくりです。これは驚いた。phpは今更やりたくないので、それなら、Heroku(ruby)の方向で検討してみることに…

Heroku, Twitter Bootstrap, Lokka。またここにぶち当たる

昨日のエントリで出てきたのにももう一度食いつく:

RailsエンジニアのためのTwitter Bootstrapカスタマイズ例
https://speakerdeck.com/machida/railsenziniafalsetamefalsetwitter-bootstrapkasutamaizuli

HerokuでthemeがあるというやつならLokkaでしょうということで、以前のエントリで挙げた資料にももう一度食らいつく:

Heroku-ja Meetup #1でLokkaのLTをさせていただきました
http://fjord.jp/love/841.html

CustomizedTwitterBootstrapに取り組んでみる(これも頓挫)

まずはHerokuで静的なページを使えばどうかと思ったので、TwitterBootstrapを使えるCustomizedTwitterBootstrapという、上で出てきたbootstrapのhero-unitを簡単にカスタマイズできるやつ(rails app)をcloneしてみました:

CustomizedTwitterBootstrap
https://github.com/machida/CustomizedTwitterBootstrap

環境:

ruby 1.8.7 (2011-12-28 patchlevel 357) [universal-darwin11.0]
RubyGems 1.8.24 installed
Rails 3.2.9

bundle installで足りないgemをインストールしろと出たのですが、rubyの1.8系と1.9系の違いでGemfileがsyntaxエラーに:
(こちょこちょ編集して回避)

gem ‘bootstrap-sass’, :git => “git://github.com/machida/bootstrap-sass.git”, :branch => ‘master’

しかしrake server後に/にアクセスするとActiveRecordのエラーに…。dbが必要なのか??database.ymlもないし挫折…:

Started GET “/” for 127.0.0.1 at Thu Nov 29 15:39:08 +0900 2012

ActiveRecord::ConnectionNotEstablished (ActiveRecord::ConnectionNotEstablished):

最終的にLokkaに

時間も無くなってきたので、Lokkaに逃げ込む:

gituhubからLokkaを落としてローカルで動かす。
http://kuroigamen.com/17

bundle installの項でエラーが…
次の日の朝、LokkaのGetting Started読んでやればあっさりできた。

bundle install –without=production:postgresql:mysql

http://localhost:9292/ に無事アクセスできました。

その他資料

Sass ドキュメント
http://rubydoc.info/gems/sass/3.2.3/frames


明日以降の作業

  • Lokkaで静的ページを作ってみる
  • Herokuにインストール
  • Lokka+Bootstrapをやってみる
  • Heroku+CustomizedTwitterBootstrapのカスタマイズ(できたら)
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