Ruby/Rubyの基礎知識

RailsでTwitterクローンを作る(2) -- 画面レイアウトを整える(3ページ目)

前回作成したTwitterクローンの画面レイアウトを見直し、画面遷移なしで投稿できるようにする。また、本格的に見えるデザインを手軽に適用する方法も紹介する。

橋本 拓也

執筆者:橋本 拓也

Rubyガイド

投稿の新しい順に並べる

現在は投稿された順に、新しいものが下に来るように並んでいます。これを本家Twitterのように、新しいものが上に来る順序に並び替えてみましょう。

これだけで新しいものが上に来るようになります。並び順がわかりやすいように投稿時間を表示し、投稿時間を詳細ページへのリンクにします。さらにEditリンクを削除して一度公開した投稿は後から編集はできないように変更しました。

画面表示を確認してみます。

list

なお、ここで使ったorderメソッドはActiveRecordの提供するものです。Rails consoleを起動し、to_sqlメソッドを使ってどんなSQLが生成されるのか確認することが出来ます。

このように、RailsのORM(Object Relational Mapper)であるActiveRecordは、SQLを直接書く代わりに可読性の高いメソッドを使って記述することが出来ます。より詳しい解説は Railsガイド にあります。

ActiveRecordに頼りすぎてSQLを忘れてしまったり、普通に書くとすぐ出来るのにActiveRecordで実現する書き方を調べて時間を浪費してしまうと本末転倒ですが、用法用量を守って使う分にはとても便利です。

次のページではCSSと画像で少し見た目を整えます。

  • 前のページへ
  • 1
  • 2
  • 3
  • 4
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます