✨ /news ページを追加してニュース記事一覧を表示

- NewsController#indexアクションを実装
- 既存のNewsモデル（ActiveRecord）を使用
- すべてのニュース記事を最新順に表示するビューを作成
- /news ルーティングを追加
- テスト（spec/requests/news_spec.rb）を追加

/docsと同様に、ニュース記事の一覧ページを提供

Author: yasulab

app/controllers/news_controller.rb

@@ -0,0 +1,10 @@
+class NewsController < ApplicationController
+  def index
+    @title = 'CoderDojo ニュース'
+    @desc  = 'CoderDojo に関する最新のニュースや<br class="ignore-pc">お知らせをまとめたページです。'
+    @url   = request.url
+    
+    # データベースからニュースデータを取得（最新順）
+    @news_items = News.recent
+  end
+end

app/views/news/index.html.erb

@@ -0,0 +1,47 @@
+<% provide :title, strip_tags(@title) %>
+<% provide :desc,  strip_tags(@desc)  %>
+<% provide :url,   @url %>
+<% provide :meta_image, "/img/ogp-news.jpeg" %>
+
+<div class='container'>
+  <section class='news' style='padding: 50px 0px;'>
+    <h2 class='text-center'><%= @title.html_safe %></h2>
+
+    <p class='text-center' style='padding-bottom: 50px;'>
+      <%= @desc.html_safe %>
+    </p>
+    
+    <% if @news_items.any? %>
+      <div class="news-list">
+        <% @news_items.each do |news| %>
+          <article class="news-item" style="margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0;">
+            <h3 style="margin-bottom: 10px;">
+              <%= link_to news.title, news.url, target: '_blank', rel: 'noopener' %>
+            </h3>
+            <p class="news-meta" style="color: #666; font-size: 14px;">
+              <i class="fa fa-calendar"></i>
+              <%= l(news.published_at.to_date, format: :long) if news.published_at %>
+            </p>
+          </article>
+        <% end %>
+      </div>
+    <% else %>
+      <p class="text-center">現在、ニュース記事はありません。</p>
+    <% end %>
+  </section>
+
+  <div style="margin-bottom: 40px;">
+    <p style="color: #5F5F5F">
+      <small>
+        最新情報は 
+        <a href="https://news.coderdojo.jp" target="_blank" rel="noopener">CoderDojo Japan ブログ</a> や
+        <a href="https://www.facebook.com/groups/coderdojo.jp/" target="_blank" rel="noopener">Facebook グループ</a> 
+        でも配信しています! 📰✨
+      </small>
+    </p>
+  </div>
+
+  <section class="text-center list" style='margin-bottom: 30px;'>
+    <%= render 'shared/social_buttons' %>
+  </section>
+</div>

config/routes.rb

@@ -74,6 +74,7 @@
     end
   end
   resources :docs,     only: %i(index show)
+  resources :news,     only: %i(index)
   resources :podcasts, only: %i(index show)
   resources :spaces,   only: %i(index)
 

spec/requests/news_spec.rb

@@ -0,0 +1,62 @@
+require 'rails_helper'
+
+RSpec.describe "News", type: :request do
+  describe "GET /news" do
+    before do
+      # テスト用のニュースデータを作成
+      @news1 = News.create!(
+        title: "テストニュース1",
+        url: "https://example.com/news1",
+        published_at: 2.days.ago
+      )
+      @news2 = News.create!(
+        title: "テストニュース2", 
+        url: "https://example.com/news2",
+        published_at: 1.day.ago
+      )
+      @news3 = News.create!(
+        title: "テストニュース3",
+        url: "https://example.com/news3",
+        published_at: 3.days.ago
+      )
+    end
+
+    it "正常にレスポンスを返す" do
+      get news_index_path
+      expect(response).to have_http_status(:success)
+    end
+
+    it "適切なタイトルを表示する" do
+      get news_index_path
+      expect(response.body).to include("CoderDojo ニュース")
+    end
+
+    it "ニュース記事を新しい順に表示する" do
+      get news_index_path
+      
+      # 新しい順に表示されることを確認
+      news2_pos = response.body.index(@news2.title)
+      news1_pos = response.body.index(@news1.title)
+      news3_pos = response.body.index(@news3.title)
+      
+      expect(news2_pos).to be < news1_pos
+      expect(news1_pos).to be < news3_pos
+    end
+
+    it "ニュースのタイトルとリンクを表示する" do
+      get news_index_path
+      
+      expect(response.body).to include(@news1.title)
+      expect(response.body).to include(@news1.url)
+      expect(response.body).to include(@news2.title)
+      expect(response.body).to include(@news2.url)
+    end
+
+    it "ニュースがない場合は適切なメッセージを表示する" do
+      News.destroy_all
+      get news_index_path
+      
+      expect(response.body).to include("現在、ニュース記事はありません")
+    end
+  end
+end