トップ:タグクラウド: 文字サイズが平均してしまう問題を解消

app/controllers/home_controller.rb

@@ -1,7 +1,7 @@
 class HomeController < ApplicationController
   def index
     @clips = Clip.paginate(page: params[:page]).includes([ { image: :likes, comments: :user }, :user, :likes, :tags ])
-    @hot_tags = Tag.hot(50).shuffle
+    @hot_tags = Tag.new(50).shuffle
     @new_matomes = Matome.limit(5).all
     render action: 'next_page' unless first_page?
   end

app/helpers/home_helper.rb

@@ -1,9 +1,8 @@
 module HomeHelper
   def font_size_for_tag_cloud(tag, options={})
-    options[:base_font_size] = 9
-    options[:offset_ratio] = 0.5
-    options[:max_offset_size] = 50
-    offset_font_size = [tag.name_count * options[:offset_ratio], options[:max_offset_size]].min.floor
+    options[:base_font_size] ||= 10
+    options[:max_offset_size] ||= 30
+    offset_font_size = (options[:max_offset_size] * (tag.name_count.to_f / options[:max_count].to_f)).floor
     "font-size: #{options[:base_font_size] + offset_font_size}pt"
   end
 end

app/models/tag.rb

@@ -6,6 +6,7 @@ class Tag < ActiveRecord::Base
   scope :uniques, group(:name)
   scope :by, lambda {|user| where(user_id: user.is_a?(User) ? user.id : user) if user }
   scope :for, lambda {|tagged| where(tagged_id: tagged.id, tagged_type: tagged.class.name) }
+  scope :new, lambda {|limit| uniques.select("name, COUNT(name) AS name_count, MAX(updated_at) AS newest_updated_at").reorder('newest_updated_at desc').limit(limit) }
   scope :hot, lambda {|limit| uniques.select("name, COUNT(name) AS name_count").reorder('name_count desc').limit(limit) }
 
   validates :tagged_id, :presence => true

app/views/home/index.html.slim

@@ -23,8 +23,9 @@
   .tags
     h2 人気タグ
     ul
+      - max_name_count = @hot_tags.map(&:name_count).max
       - @hot_tags.each do |tag|
-        li style="#{font_size_for_tag_cloud(tag)}"
+        li style="#{font_size_for_tag_cloud(tag, max_count: max_name_count)}"
           = link_to "#{tag.name} (#{tag.name_count})".html_safe, tag_path(tag.name)
 
   h2 新着クリップ