tobioka.net

Rails 4でRSpecとTwitter Bootstrap

3月 10

あれ？いつの間にか日曜日だ。

昨日の続き。
作るものは多言語ブログに決まった。だいたいこんな感じ。

キラキラネームがいいらしいので、名前はKonnyakuにする。これなら将来gem化するようなことがあっても被らないだろう。（Konjacにしようと思ったら既にあってビビったけど）
デザインはTwitter Bootstrapベース
コメントとRSSぐらいは付けたい
あと画像アップロードも。
日・英で書ける
（他の言語はとりあえず考慮しない。ブログ書くぐらいネット使ってて英語読み書きできないのは日本語ネイティブぐらいだよね？）
markdownで書く
markdownのコンパイル、コードのシンタックスハイライトはクライアントサイドで。
（RedcarpetとかPygmentsに依存すると他の人に気軽に使ってもらいにくくなるので）
→ 勘違いしてた。Redcarpetは簡単にインストールできるのでmarkdownのパースはサーバ側でやることにする。
Travis CI使いたい
PostgreSQLに慣れとかないとそろそろやばそうなので無理やり使う
（tagsをarrayでやってみりゃいいのかな？）

前回はただrails newしてscaffoldしただけだったけど、今回はrspec入れたりとかいろいろやって、開発をスタートできるとこまで持っていく。
この作業はそれなりに面倒い予感がする。

プロジェクト作成

いつもの作業。データベースはpostgresql。

# プロジェクト作成
$ rails new konnyaku -T -d postgresql
$ cd konnyaku/

# rubyのバージョン指定
$ vim .rvmrc
rvm use 2.0.0

# データベース設定
$ cp config/database.yml config/database.yml.example
$ vim config/database.yml
  username: xxxx
  password: yyyy

# 動作確認
$ spring rake db:create
$ spring rake db:migrate
$ powder link

# .gitignoreにいくつか追加
$ vim .gitignore
# Mac
.DS_Store

# Vim
*~
.*.sw*

# Rails
public/assets
config/database.yml
coverage

# プロジェクト作成

$ rails new konnyaku -T -d postgresql

$ cd konnyaku/

# rubyのバージョン指定

$ vim .rvmrc

rvm use 2.0.0

# データベース設定

$ cp config/database.yml config/database.yml.example

$ vim config/database.yml

username: xxxx

password: yyyy

# 動作確認

$ spring rake db:create

$ spring rake db:migrate

$ powder link

# .gitignoreにいくつか追加

$ vim .gitignore

# Mac

.DS_Store

# Vim

.*.sw*

# Rails

public/assets

config/database.yml

coverage

動作確認。

# http://konnyaku.dev/ でアクセスできることを確認
$ open -a Safari http://konnyaku.dev/

※ .powrcに
if [ -f "$rvm_path/scripts/rvm" ] && [ -f ".rvmrc" ]; then
  source "$rvm_path/scripts/rvm"
  source ".rvmrc"
fi
が必要（初回アクセス時のnotice画面から追加できる）

# http://konnyaku.dev/ でアクセスできることを確認

$ open -a Safari http://konnyaku.dev/

※ .powrcに

if [ -f "$rvm_path/scripts/rvm" ] && [ -f ".rvmrc" ]; then

source "$rvm_path/scripts/rvm"

source ".rvmrc"

が必要（初回アクセス時のnotice画面から追加できる）

いけた。

RSpec

続いてRSpec。標準のままいきたいところだけど、まだRSpecも習得しきれていないので他に手を出すのはやめておく。

$ vim Gemfile
group :development, :test do
  gem 'rspec-rails'
end

$ bundle
$ rails g rspec:install

$ vim config/initializers/generators.rb
Rails.application.config.generators do |g|
  g.test_framework :rspec, :fixture => false, :views => false, :helpers => false
end
※ なぜか効いてなくてhelper/view specが作られちゃう。クリティカルではないので後で調べる。
  → view_specs: false, helper_specs: falseだった
　　　→ ん？やっぱviewはできちゃってる気がする。

$ spring g controller welcome index

$ vim Gemfile

group :development, :test do

gem 'rspec-rails'

end

$ bundle

$ rails g rspec:install

$ vim config/initializers/generators.rb

Rails.application.config.generators do |g|

g.test_framework :rspec, :fixture => false, :views => false, :helpers => false

end

※ なぜか効いてなくてhelper/view specが作られちゃう。クリティカルではないので後で調べる。

→ view_specs: false, helper_specs: falseだった

　　　→ ん？やっぱviewはできちゃってる気がする。

$ spring g controller welcome index

はじめてのテスト。

$ spring rake spec
1 example, 0 failures

1 2	$ spring rake spec 1 example, 0 failures

通った。

twitter-bootstrap-rails

デフォルトSCSSなのになんでわざわざLESS使うの？という突っ込みはもっともだと思います。
僕もデフォルト教の信者なのですが、このケースではRailsではなく、「Twitter Bootstrapのデフォルト」を優先したい気分なのでいつもlessを使ってます。

# lessとtwitter-bootstrap-railsのインストール
$ vim Gemfile
group :assets do
  # コメントアウト
  #gem 'sass-rails',   '~> 4.0.0.beta1'

  # アンコメント
  gem 'therubyracer', platforms: :ruby

  # 追記
  gem 'less-rails'
  gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git'
end

$ bundle

# assets、layoutの生成
$ rails g bootstrap:install
$ rails g bootstrap:layout application

# コントローラ作りなおす
$ rails destroy controller welcome index
$ spring g controller welcome index

# Turbolinksを有効化
$ vim app/views/layouts/application.html.erb
  <!-- 変更 -->
  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
  <!-- head内に移動して変更 -->
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>

# いつものnavbar-fixed-top向け調整
$ vim app/assets/stylesheets/bootstrap_and_overrides.css.less
@import "twitter/bootstrap/bootstrap";
body {
  padding-top: 60px;
}
@import "twitter/bootstrap/responsive";

# lessとtwitter-bootstrap-railsのインストール

$ vim Gemfile

group :assets do

# コメントアウト

#gem 'sass-rails', '~> 4.0.0.beta1'

# アンコメント

gem 'therubyracer', platforms: :ruby

# 追記

gem 'less-rails'

gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git'

end

$ bundle

# assets、layoutの生成

$ rails g bootstrap:install

$ rails g bootstrap:layout application

# コントローラ作りなおす

$ rails destroy controller welcome index

$ spring g controller welcome index

# Turbolinksを有効化

$ vim app/views/layouts/application.html.erb

<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>

<%= javascript_include_tag "application", "data-turbolinks-track" => true %>

# いつものnavbar-fixed-top向け調整

$ vim app/assets/stylesheets/bootstrap_and_overrides.css.less

@import "twitter/bootstrap/bootstrap";

body {

padding-top: 60px;

}

@import "twitter/bootstrap/responsive";

動作確認

$ touch tmp/restart
$ open -a Safari http://konnyaku.dev/

1 2	$ touch tmp/restart $ open -a Safari http://konnyaku.dev/

いけてる。
テストも一応。

$ spring rake spec
1 example, 0 failures

1 2	$ spring rake spec 1 example, 0 failures

問題なさそうな気がする。

長くなってきたのでcapybaraとかsimple-cov（rails4対応してるのかな？）とかはまた後で入れる。
どうせ今入れてうまくいった気になってもDBがからんできたら、あれ？ってなるだろうし。

いろいろ端折ってるので中身をもっと知りたい場合は、
tnantoka/konnyaku · GitHub
からどうぞ。

WEB+DB PRESS Vol.73

Hello, Rails 4

3月 09

そういえば、多言語ブログ（※）を書くニーズがあったので、それを作ってみることにする。
ブログはRailsにとってhello, worldの代表例だからちょうどいい。

※ Refinery CMS でできるっぽいけど、単にブログ書きたいという要件に対しては高機能すぎる…。野菜切りたいって言ってるのに日本刀渡された的な。

というわけでまずはScaffold動かすところまで試してみる。
（それなりに時間かかったので、近々試してみる予定の人は、なんかの作業の裏でインストールだけしておくと良いのではないかと思います。）

環境はOS X 10.7.5です。

Ruby 2.0 インストール

時代はrbenvと言われて久しいけど、特に困ってないので未だにrvm。

$ rvm install 2.0.0
$ rvm use 2.0.0
$ ruby -v
ruby 2.0.0p0 (2013-02-24 revision 39474) [x86_64-darwin11.4.2]

$ rvm install 2.0.0

$ rvm use 2.0.0

$ ruby -v

ruby 2.0.0p0 (2013-02-24 revision 39474) [x86_64-darwin11.4.2]

キーワード引数試してみる。

$ irb
> def say(hello: 'Hello', world: 'World')
>   p "#{hello}, #{world}"
> end

> say()
"Hello, World"

> say(hello: 'Hi', world: 'Ruby 2.0')
"Hi, Ruby 2.0"

$ irb

> def say(hello: 'Hello', world: 'World')

> p "#{hello}, #{world}"

> end

> say()

"Hello, World"

> say(hello: 'Hi', world: 'Ruby 2.0')

"Hi, Ruby 2.0"

いけてる。

Rails 4 インストール

コマンド一発だけどとても時間かかる。
（何かエラーかと思って途中何回か止めちゃったよ…）

$ gem i rails --pre
$ rails -v
Rails 4.0.0.beta1

$ gem i rails --pre

$ rails -v

Rails 4.0.0.beta1

Scaffolding

プロジェクト作成。

$ rails new hello
$ cd hello/

1 2	$ rails new hello $ cd hello/

Spring入れとく。

$ gem i spring

1	$ gem i spring

適当にmessagesを作る。

$ spring generate scaffold message title:string body:text
$ spring rake db:create
$ spring rake db:migrate
$ rails s

$ spring generate scaffold message title:string body:text

$ spring rake db:create

$ spring rake db:migrate

$ rails s

動いた。

さて、次から実際のブログ作りに取りかかろう。

WEB+DB PRESS Vol.73

Rails 4で何か作ろう

3月 09

いつの間にか週末も半分終わろうとしていて憂鬱な中、Railser（？）の間で話題のWEB+DB PRESS最新号を読みました。

WEB+DB PRESS Vol.73

目当てだった、Rails4の特集とRuby2.0の記事は読み終わりましたが、抽象化思考力も適応力も乏しい僕は手を動かしてみないと理解できません。

というわけで読んでいて気になった、

where.not
ActiveModel::Model
concern
StrongParameters
Turbolinks
schema cache dump
Spring (gem)
ActionArgs (gem)
Poltergeist (gem)
キーワード引数 (ruby 2.0)

あたりを試しながらなんか作ってみようと思います。

さて、何作ろうかな。

ブログタイトルを変更（2回目）

3月 08

カジュアルにほいほいタイトルを変えていく。

前のタイトル「僕はハッカーにはなれない」はあまりに響きがネガティブだったのでやめ。
夢のあるタイトル（？）にしました。

来月で僕も28歳になってしまいます。
昔描いた未来像ではあと2年ぐらいしたら南の島でのんびり暮らしているはずでした。

このままだと22世紀になってもドラえもんが作られないように、このまま進むと30歳になっても僕は今のままです。というわけで、意識高い病などによって、ゴールを見失わないようにしばらくこのタイトルでいきます。

まぁあと2年でどうにかなるとは思ってませんが、せめて週3勤務で20〜30万で雇ってもらえるぐらいのスキルはつけたいなと考えている今日このごろです。

がっつり働いて2倍もらうより、半分しか働かず今のままがいい。

ダメ人間、バンザイ。

Jsany 2.0.0がリリースされました

2月 23

Jsany（旧JavaScript Anywhere）は2010年に僕がはじめてリリースしたiPhoneアプリです。
初心者が書いたボロボロのコードをなんとか延命してきたんですが、限界をむかえたため、今回大幅に作り直しました。

どんなアプリなのか？
説明のかわりに、3年前に僕が書いた紹介文を引用します。

JavaScript Anywhere
―いつでも、どこでも、JavaScriptプログラミング！

JavaScriptを覚えたての頃、電車でもプログラミングがしたくて、
携帯電話のフルブラウザ（Locationバー）を使うという無茶をしていました。

この試みは、「about:blankを開いても広告の通信料がかかる」という、
a社の仕様（？）により続けられることはありませんでしたが、
今でも、ふと思いついたコードを試したいことはあります。

JavaScript Anywhereはそんな場面で使えるものを目指して開発しました。
高度な機能はないですが、JavaScript(+ HTML, CSS)をさっと書いて動かすことができます。

外でJSを書きたいと一度でも思ったことのある人は、是非使ってみて下さい。

バージョンアップ後もアプリのコンセプトは、全く変わっておらず、上記のままです。JSが書ける最低限の環境を提供します。
ただ、いくぶん使いやすくなっているはずですので、興味のある方はぜひこの機会にお試し下さい。

Jsany · Code Editor 2.0.0（無料）
カテゴリ: ユーティリティ, 仕事効率化
販売元: Tatsuya Tobioka – Tatsuya Tobioka（サイズ: 5.6 MB）
全てのバージョンの評価: （167件の評価）
iPhone/iPadの両方に対応

アプリ名変更はやはり愚策らしい

心機一転の意味もあり、アプリ名を略称にしましたが、現状、ダウンロード数は1/5以下に激減しています。AppStore内SEOは思った以上に重要なようです。

シングルタスクだったあのころ

書き直しながら古いコードを見てると、「アプリ終了時に開いていたプロジェクトを記憶しておいて、次回起動時に自動で開く」みたいな処理があって、あぁ、そういえば、このころまだiPhoneはシングルタスク（ホームボタンを押したらアプリ終了）だったんだなと思い出しました。
プラットフォームは忘れるぐらい当たり前に進化していってるけど、その上で動く、自分が書いたものは誰かの生活を便利にできてるのかな？とかなんかそんなことを考えました。
特になんの結論も出てません。ただそれだけ。

2013年、Jsanyをよろしくおねがいします

アプリの宣伝なんだか、ひとりごとなんだか、よくわからないエントリになってしまいましたが、この辺りで終わります。
今年はこまめにアップデートして行きたいと思ってるので、お付き合いいただければ幸いです。

それでは。

Jsany · Code Editor

Previous 1 … 8 9 10 11 12 … 27 Next Scroll to top

tobioka.net

You Ain't Gonna Need It

Rails 4でRSpecとTwitter Bootstrap

プロジェクト作成

RSpec

twitter-bootstrap-rails

Hello, Rails 4

Ruby 2.0 インストール

Rails 4 インストール

Scaffolding

Rails 4で何か作ろう

ブログタイトルを変更（2回目）

Jsany 2.0.0がリリースされました

アプリ名変更はやはり愚策らしい

シングルタスクだったあのころ

2013年、Jsanyをよろしくおねがいします

Find us on Facebook

最近の投稿

最近のコメント

カテゴリー

アーカイブ

プロジェクト作成

RSpec

twitter-bootstrap-rails

Ruby 2.0 インストール

Rails 4 インストール

Scaffolding

アプリ名変更はやはり愚策らしい

シングルタスクだったあのころ

2013年、Jsanyをよろしくおねがいします

Find us on Facebook

最近の投稿

最近のコメント

カテゴリー

タグ

アーカイブ