RailsTutorial4.0を高速で復習する。7章

2014/01/26

第7章ユーザー登録、です。
６章でuserモデルを作ったので、7章はwebでの登録機能を追加するですか。

まずはブランチ作成です。
git checkout master
git checkout -b sign-up

ユーザープロファイルページのイメージ

7.1ユーザーを表示する、です。
ユーザープロファイルページのイメージを作成しています。
profile_mockup_bootstrap

このtwitter風画面のとりあえず写真表示までをやると。

userモデルに、写真のカラムと、ニックネームが必要になりそう。
新規ユーザー登録時はemailとパスワードだけでいいから、後から追加できるようになるのか？

と、いろいろ仕様を考えておきます。

7.1.1デバッグとRails環境、です。

画面にデバッグ情報を追加

ビルトインのdebugメソッドとparams変数を使用して、各プロファイルページにデバッグ用の情報が表示されるようになります、だそうです。

リスト7.1 サイトのレイアウトにデバッグ情報を追加する。
app/views/layouts/application.html.erb

<!DOCTYPE html>
<html>
略
  <body>
    <%= render 'layouts/header' %>
    <div class="container">
      <%= yield %>
      <%= render 'layouts/footer' %>
      <%= debug(params) if Rails.env.development? %>
    </div>
  </body>
</html>

debugはヘルパーメソッドですね。

リスト7.2 デバッグ表示を整形するための追加と、Sassのミックスイン。
app/assets/stylesheets/custom.css.scss

@import "bootstrap";

/* mixins, variables, etc. */

$grayMediumLight: #eaeaea;

@mixin box_sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
略

/* miscellaneous */

.debug_dump {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 45px;
  @include box_sizing;
}

factorygirlでテストデータ仕込む

ちょっといろいろすっ飛ばして、
7.1.3ファクトリーを使用してユーザー表示ページをテストする、です。

factorygirlはもうgemで入っているので、データセットアップだけします。

リスト7.8 Userモデルオブジェクトをシミュレートするためのファクトリー。
spec/factories.rb

FactoryGirl.define do
  factory :user do
    name     "Michael Hartl"
    email    "michael@example.com"
    password "foobar"
    password_confirmation "foobar"
  end
end

RSpecで参照するテスト用データです。

リスト7.11 BCryptのコストファクターをテスト環境向けに再定義する。
config/environments/test.rb

SampleApp::Application.configure do
  .
  .
  .
  # bcrypt'のコスト関数を下げることでテストの速度を向上させる。
  ActiveModel::SecurePassword.min_cost = true
end

これでテストが早くなるそうで、いつでも書いとけと。このセットアップも最初からやっとくべきですね。

ここまでが下準備。

次は7.1.2ユーザーリソースからです。

- テクニカル Rails Tutorial, ruby on rails

Message コメントをキャンセル

: RailsTutorial4.0を高速で復習する。7.6章。演習。

7.6演習１問目です。リスト7.30のコードを使用して、7.1.4で定義され …

: ヘルパーメソッドを自作する

便利なrailsのヘルパーメソッド。自分でも作れます。作るときは、アプリのd …

: iPad使用前/使用後、雑感。

5/28にiPadがAppleStoreからクロネコヤマトで届けられました。週 …

: アイキャッチ画像のリサイズ

768 × 1024　pxの写真をアイキャッチに指定して、150pxにリサイズ表 …

: RailsTutorial4.0を高速で復習する。5.2章。

5.2SassとAsset Pipeline、です。ここは読み物系です。読んで …

: RailsTutorial4.0を高速で復習する。5.6章。演習１問目。

5.6演習です。一問目。リスト5.28の静的ページのテストコードは簡潔ですが …

: RailsTutorial4.0を高速で復習する。3.6章。

3.6高度なセットアップ、です。この節を飛ばしても次の章以降には何の影響もあり …

: attr_accessorでRuby文法を噛み締める

作りたいwebアプリがあって、プログラムやろう！となって現在にいたってる訳です。 …

: 浅田真央ちゃんは今シーズンが最後！テレビチューナーにHDつけて録画する！

テレビ見なくなってはや１０年以上。ただし、＊真央ちゃんを除く＊です。土曜日に …

: BiglobeでWimax契約して怒った

久々にダメサービスに遭遇して怒ったので書きます。 BiglobeでWimax契約 …

PREV: RailsTutorial4.0を高速で復習する。6.5章。
NEXT: RailsTutorial4.0を高速で復習する。7.1.2章

RailsTutorial4.0を高速で復習する。7章

ユーザープロファイルページのイメージ

画面にデバッグ情報を追加

factorygirlでテストデータ仕込む

関連しそうな記事

Message コメントをキャンセル

関連記事