RailsによるアジャイルWebアプリケーション開発

第Ⅱ部 アプリケーションを構築する

第5章 Depotアプリケーション

画面については、ペーパープロトタイピング(のもっと軽い感じかな)を行う。
modelはER図を描いとく。
個人的におすすめは、AmaterasUMLとA5SQL。すごいよ。
AmaterasUML - Project Amateras
A5:SQL Mk-2 - フリーの汎用SQL開発ツール/ER図ツール

第6章 タスクA:アプリケーションの作成

cssとimageは本家サイトからファイルをダウンロードして配置。

The Pragmatic Bookshelf | Source Code

  • app/views/products/index.html.haml
%h1 Listing products

%table
  - @products.each do |product|
    %tr{ class: cycle("list_line_odd", "list_line_even") }
      %td= image_tag product.image_url, class: "list_image"
      %td.list_description
        %dl
          %dt= product.title
          %dd= truncate(strip_tags(product.description), length: 80)
      %td.list_actions
        = link_to 'Show', product
        %br
        = link_to 'Edit', edit_product_path(product)
        %br
        = link_to 'Destroy', product, method: :delete,
          data: { confirm: 'Are you sure?' }

%br

= link_to 'New Product', new_product_path

f:id:yossk:20141230223030j:plain

今日の感想

画面設計はとても難しい。コツはなんだろう。練習、場数かな。