寄贈先をテーブル形式で出力するコードを追加

Author: yasulab

get_dojo_list.rb

@@ -12,9 +12,8 @@
 INPUT_TEXT = IO.readlines('./get_dojo_list.txt')
 DOJO_DB    = JSON.parse Net::HTTP.get(URI.parse 'https://coderdojo.jp/dojos.json'), symbolize_names: true
 
-# CoderDojo の名前を使って、Dojo 一覧からデータを検索
-result    = '<h3>🎁️ 寄贈先の CoderDojo 一覧<small style="white-space: nowrap;">（カッコ内は都道府県名となります）</small></h3>'
-result   << "\n\n<ul>\n"
+# CoderDojo "名前を使って、Dojo 一覧からデータを検索
+result    = "<h3>🎁️ 寄贈先の CoderDojo 一覧<small style='white-space: nowrap;'>（カッコ内は都道府県名となります）</small></h3>\n\n"
 dojo_name = ''
 dojo_list = []
 not_found = []
@@ -65,14 +64,37 @@
     not_found << dojo_name
 end
 
+# coderdojo.jp の掲載順と同じ順序に揃える
 dojo_list.sort_by!{ |dojo| dojo[:order] }
-result <<  dojo_list.map{ |dojo| "  <li><a href='#{dojo[:url]}'>#{dojo[:name]}</a><small>（#{dojo[:prefecture]}）</small></li>" }.join("\n")
-result << "\n</ul>\n"
+
+# 掲載方式 v1（リスト形式）e.g. https://news.coderdojo.jp/2022/07/12/donation-from-box-to-coderdojo/
+#result << "\n\n<ul>\n"
+#result <<  dojo_list.map{ |dojo| "  <li><a href='#{dojo[:url]}'>#{dojo[:name]}</a><small>（#{dojo[:prefecture]}）</small></li>" }.join("\n")
+#result << "\n</ul>\n"
+
+# 掲載方式 v2（表形式）e.g. https://news.coderdojo.jp/2024/12/25/box-japan-to-coderdojo/
+result << "<table style='margin: auto; border-collapse: separate; border-spacing: 20px; table-layout: fixed; width: 80%;'>\n"
+result << "  <tbody>\n"
+dojo_list.each_with_index do |dojo, i|p
+  result << "    <tr>\n"  if i%3 == 0
+  result << <<-DOJO_HTML
+      <td style='text-align: center; width: 33%;'>
+        <a href='#{dojo[:url]}'>
+          <img src='#{dojo[:logo].gsub('.webp', '.png')}' width='100px'/><br>
+          <span style='font-weight: bolder;'>#{dojo[:name]}<small>（#{dojo[:prefecture]}）</small></span>
+        </a>
+      </td>
+  DOJO_HTML
+  result << "    </tr>\n" if i%3 == 2 || i == dojo_list.size - 1
+end
+result << "  </tbody>\n"
+result << "</table>"
+
 puts result
 
-# 見つからなかった Dojo 等あれば出力
-puts ''
-puts '--- NOTE ---'
-puts "道場数: #{dojo_list.count}"
-not_found.each {|dojo_name| puts "Not-found or In-active: #{dojo_name}" }
+# デバッグ用コード -- 見つからなかった Dojo 等あれば出力
+#puts ''
+#puts '--- NOTE ---'
+#puts "道場数: #{dojo_list.count}"
+#not_found.each {|dojo_name| puts "Not-found or In-active: #{dojo_name}" }