coderdojo-japan · Fukusan64 · Aug 30, 2025 · Aug 30, 2025 · Aug 30, 2025 · Aug 30, 2025
diff --git a/_data/sponsors.yml b/_data/sponsors.yml
@@ -1,4 +1,3 @@
-# - id:   ID（スポンサーページのアンカータグになります）
 #   name: スポンサー名
 #   tool: スポンサー提供ツール名（inkindの場合使用）
 #   logo: ロゴ画像ファイルのパス
@@ -7,77 +6,68 @@
 #   message:  スポンサー紹介文
 #   logo_scale: ロゴ画像の拡大率（1が等倍、0.5が半分のサイズ）
 
-- id: cygames
-  name: 株式会社<wbr>Cygames
+- name: 株式会社<wbr>Cygames
   logo: /img/sponsors/Cygames.jpg
-  link:
+  link: https://www.cygames.co.jp/
   type: gold
-  message:
+  message: "株式会社Cygamesは、『ウマ娘 プリティーダービー』『Shadowverse: Worlds Beyond』『グランブルーファンタジー リリンク』をはじめとしたゲームの企画・開発・運営や、アニメーション製作、漫画事業を展開する会社です。<br> 私たちは「最高のコンテンツを作る会社」というビジョンのもと、ゲーム、アニメ、マンガをはじめとしたエンターテインメントを通じてみなさまに上質なひと時を過ごしていただけるよう努めてまいります。"
   logo_scale: 1
 
-- id: sakura_internet
-  name: さくら<wbr>インターネット<wbr>株式会社
+- name: さくら<wbr>インターネット<wbr>株式会社
   logo: /img/sponsors/sakura_internet.png
   link:
   type: silver
-  message:
+  message: "「やりたいこと」を「できる」に変える<br>新たなアイデアの創出に強い熱意と情熱を持って挑戦するすべての人たちのために、さくらインターネットは ―「やりたいこと」を「できる」に変える― あらゆるアプローチを “インターネット” を通じて提供します。"
   logo_scale: 1
 
-- id: sunnyside_systems
-  name: サニーサイド<wbr>システムズ<wbr>合同会社
+- name: サニーサイド<wbr>システムズ<wbr>合同会社
   logo: /img/sponsors/Sunnyside_systems.png
-  link:
+  link: https://www.sunnyside-sys.com/
   type: bronze
-  message:
+  message: "サニーサイドシステムズは、アプリケーションが安定して動作するためのサーバやネットワークといったITインフラの設計・構築を行っています。ITインフラは皆さんの目に留まらない縁の下の存在ですが、こういったITインフラがあることを知ってもらえると嬉しいです。我々は縁の下の力持ちであることに誇りをもって、これからも沢山のITインフラを作り出していきます。"
   logo_scale: 1
 
-- id: dojoletter
-  name: DojoLetter<wbr>編集部
+- name: DojoLetter<wbr>編集部
   logo: /img/sponsors/DojoLetter.png
-  link:
+  link: https://news.coderdojo.jp/
   type: bronze
-  message:
+  message: "DojoLetterは、SNSで発信されている情報や掲載依頼フォームからいただいた各Dojoの活動報告をもとに、全国のCoderDojoの活動内容をお届けするメールマガジンで、毎月10日ごろに配信しています。 メールマガジンの購読申し込みはもちろん、みなさんのDojoの活動報告もお待ちしています。"
   logo_scale: 0.8
 
-- id: unique_i_net
-  name: ユニーク･<wbr>アイネット<wbr>株式会社
+- name: ユニーク･<wbr>アイネット<wbr>株式会社
   logo: /img/sponsors/Unique_i_net.png
-  link:
+  link: https://www.unique-inet.co.jp/
   type: bronze
-  message:
+  message: "CoderDojo池袋<br><a style='text-decoration: underline;color: #cc8f2e;' href='https://coderdojo-ikebukuro.connpass.com/' target='_blank' rel='noopener noreferrer'>https://coderdojo-ikebukuro.connpass.com/</a><br>参加者、メンター共に募集中です！<br>マンガやアニメといったサブカルチャーの発信地、池袋から自分のプログラミングを世界に発信しよう！！"
   logo_scale: 1
 
-- id: tcs
-  name: 株式会社<wbr>テクノ・<wbr>カルチャー・<wbr>システム
+- name: 株式会社<wbr>テクノ・<wbr>カルチャー・<wbr>システム
   logo: /img/sponsors/TechnoCultureSystem.png
-  link:
+  link: https://www.techno-net.co.jp/
   type: bronze
-  message:
+  message: "テクノ・カルチャー・システムは、福岡県久留米市を拠点に筑後・福岡・佐賀エリアで地域密着型のソフトウェア事業を展開しています。<br>行政・金融・農業団体・企業向けシステムの開発から運用まで幅広く支援し、人材育成や働きやすい環境づくりにも力を注ぐ、地域と人の成長を大切にする企業です。"
   logo_scale: 0.8
 
-- id: ma
-  name: 一般社団法人<wbr>MA
+- name: 一般社団法人<wbr>MA
   tool: ProtoPedia
   logo: /img/sponsors/ProtoPedia.png
-  link:
+  link: https://protopedia.net/
   type: inkind
   message:
   logo_scale: 1
 
-- id: nulab
-  name: 株式会社<wbr>ヌーラボ
+- name: 株式会社<wbr>ヌーラボ
   tool: Backlog
   logo: /img/sponsors/Nulab.png
-  link:
+  link: https://nulab.com/ja/
   type: inkind
   message:
   logo_scale: 0.8
 
-- id: yasslab
-  name: YassLab <wbr>株式会社
+- name: YassLab <wbr>株式会社
   tool: Doorkeeper
   logo: /img/sponsors/YassLab.png
-  link:
+  link: https://yasslab.jp/
   type: inkind
   message:
   logo_scale: 0.9
diff --git a/_includes/top/sections/sponsor.html b/_includes/top/sections/sponsor.html
@@ -14,11 +14,25 @@ <h3 class="text-2xl mt-20 mx-8 text-center mb-4">ゴールドスポンサー
 </h3>
 <div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl w-full mx-auto">
   {% for sponsor in gold_sponsors %}
-    <div class="w-full flex flex-col mb-5">
-      <div class="flex-grow w-full flex items-center justify-center">
-        <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+    {% if sponsor.link %}
+      <a
+        class="w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
+        style="transform-style: preserve-3d;"
+        href="{{ sponsor.link }}"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </div>
+      </a>
+    {% else %}
+      <div class="w-full flex flex-col mb-5">
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </div>
       </div>
-    </div>
+    {% endif %}
   {% endfor %}
 </div>
 
@@ -28,11 +42,25 @@ <h3 class="text-2xl mt-20 mx-8 text-center mb-4">シルバースポンサー
 
 <div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
   {% for sponsor in silver_sponsors %}
-  <div class="max-w-[{{500 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5">
-    <div class="flex-grow w-full flex items-center justify-center">
-      <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
-    </div>
-  </div>
+    {% if sponsor.link %}
+      <a
+        class="max-w-[{{500 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
+        style="transform-style: preserve-3d;"
+        href="{{ sponsor.link }}"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </div>
+      </a>
+    {%  else %}
+      <div class="max-w-[{{500 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5">
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </div>
+      </div>
+    {% endif %}
   {% endfor %}
 </div>
 
@@ -42,11 +70,25 @@ <h3 class="text-2xl mt-20 mx-8 text-center mb-4">ブロンズスポンサー
 
 <div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
   {% for sponsor in bronze_sponsors %}
-  <div class="max-w-[{{300 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5">
-    <div class="flex-grow w-full flex items-center justify-center">
-      <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
-    </div>
-  </div>
+    {% if sponsor.link %}
+      <a
+        class="max-w-[{{300 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
+        style="transform-style: preserve-3d;"
+        href="{{ sponsor.link }}"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </div>
+      </a>
+    {% else %}
+      <div class="max-w-[{{300 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5">
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </div>
+      </div>
+    {% endif %}
   {% endfor %}
 </div>
 
@@ -56,12 +98,29 @@ <h3 class="text-2xl mt-20 mx-8 text-center mb-4">インカインドスポンサ
 
 <div class="flex justify-center flex-wrap gap-x-8 gap-y-10 px-8 max-w-3xl mx-auto">
   {% for sponsor in inkind_sponsors %}
-  <div class="max-w-[{{270 | times:sponsor.logo_scale | round}}px] w-full flex flex-col">
-    <div class="flex-grow w-full flex items-center justify-center">
-      <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name + "("+ sponsor.tool +")" | strip_html }}のロゴ">
-    </div>
-    <p class="w-full text-center break-keep">{{ sponsor.tool }}<wbr>のご提供</p>
-  </div>
+    {% if sponsor.link %}
+      <a
+        class="max-w-[{{270 | times:sponsor.logo_scale | round}}px] w-full flex flex-col transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
+        style="transform-style: preserve-3d;"
+        href="{{ sponsor.link }}"
+        target="_blank" rel="noopener noreferrer"
+      >
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | append: "(" | append: sponsor.tool | append:")" | strip_html }}のロゴ">
+        </div>
+        <p class="w-full text-center break-keep">{{ sponsor.tool }}<wbr>のご提供</p>
+      </a>
+    {% else %}
+      <div class="max-w-[{{270 | times:sponsor.logo_scale | round}}px] w-full flex flex-col">
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | append: "(" | append: sponsor.tool | append:")" | strip_html }}のロゴ">
+        </div>
+        <p class="w-full text-center break-keep">{{ sponsor.tool }}<wbr>のご提供</p>
+      </div>
+    {% endif %}
   {% endfor %}
 </div>
 
+<div class="max-w-5xl mx-auto px-8 mb-8">
+  {% include button.html href="/sponsorship/list/" label="スポンサー一覧はこちら" %}
+</div>
diff --git a/_pages/sponsors.md b/_pages/sponsors.md
@@ -0,0 +1,132 @@
+---
+layout: default
+permalink: /sponsorship/list/
+title: スポンサーのご紹介
+---
+{% include navbar.html %}
+
+{% assign gold_sponsors       = site.data.sponsors | where: "type", "gold"       %}
+{% assign silver_sponsors     = site.data.sponsors | where: "type", "silver"     %}
+{% assign bronze_sponsors     = site.data.sponsors | where: "type", "bronze"     %}
+{% assign inkind_sponsors     = site.data.sponsors | where: "type", "inkind"     %}
+{% assign individual_sponsors = site.data.sponsors | where: "type", "individual" %}
+
+<h2 class="text-4xl text-center mb-8 mt-30 xl:mt-15">
+  スポンサーのご紹介
+  <span class="block mt-5 text-2xl">SPONSORS</span>
+</h2>
+
+<p class="text-center mb-10 break-keep wrap-anywhere text-sm sm:text-base">
+  DojoCon Japan 2025は、スポンサーのご協力により開催されています。<br>協賛くださいました皆様ありがとうございます。
+</p>
+
+<h3 class="text-2xl mt-15 mx-8 text-center mb-4">ゴールドスポンサー
+  <span class="block text-base mt-1">GOLD SPONSOR</span>
+</h3>
+<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl w-full mx-auto">
+  {% for sponsor in gold_sponsors %}
+    <div class="w-full flex flex-col mb-5">
+      {% if sponsor.link %}
+        <a
+          class="flex-grow w-full flex items-center justify-center transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
+          style="transform-style: preserve-3d;"
+          href="{{ sponsor.link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </a>
+      {% else %}
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </div>
+      {% endif %}
+      <p class="w-full mb-3 text-center break-keep">{{ sponsor.name }}</p>
+      <p class="w-full text-gray-600 break-keep wrap-anywhere">{{ sponsor.message }}</p>
+    </div>
+  {% endfor %}
+</div>
+
+<h3 class="text-2xl mt-15 mx-8 text-center mb-4">シルバースポンサー
+  <span class="block text-base mt-1">SILVER SPONSOR</span>
+</h3>
+
+<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
+  {% for sponsor in silver_sponsors %}
+    <div class="flex flex-col mb-5">
+      {% if sponsor.link %}
+        <a
+          class="flex-grow w-full flex items-center justify-center transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
+          style="transform-style: preserve-3d;"
+          href="{{ sponsor.link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <img class="max-w-[{{500 | times:sponsor.logo_scale | round}}px] w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </a>
+      {% else %}
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </div>
+      {% endif %}
+      <p class="w-full mb-3 text-center break-keep">{{ sponsor.name }}</p>
+      <p class="w-full text-gray-600 break-keep wrap-anywhere">{{ sponsor.message }}</p>
+    </div>
+  {% endfor %}
+</div>
+
+<h3 class="text-2xl mt-15 mx-8 text-center mb-4">ブロンズスポンサー
+  <span class="block text-base mt-1">BRONZE SPONSOR</span>
+</h3>
+
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-10 px-8 max-w-3xl w-7/10 mx-auto">
+  {% for sponsor in bronze_sponsors %}
+    <div class="flex flex-col mb-5">
+      {% if sponsor.link %}
+        <a
+          class="w-full h-auto lg:h-96 flex-grow-0 flex items-center justify-center transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
+          style="transform-style: preserve-3d;"
+          href="{{ sponsor.link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <img class="max-w-[{{300 | times:sponsor.logo_scale | round}}px] w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </a>
+      {% else %}
+        <div class="w-full h-auto lg:h-96 flex-grow-0 flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
+        </div>
+      {% endif %}
+      <p class="w-full mb-3 text-center break-keep">{{ sponsor.name }}</p>
+      <p class="w-full text-gray-600 break-keep wrap-anywhere">{{ sponsor.message }}</p>
+    </div>
+  {% endfor %}
+</div>
+
+<h3 class="text-2xl mt-15 mx-8 text-center mb-4">インカインドスポンサー
+  <span class="block text-base mt-1">IN-KIND SPONSOR</span>
+</h3>
+
+<div class="flex justify-center flex-wrap gap-x-8 gap-y-10 px-8 max-w-3xl mx-auto mb-20">
+  {% for sponsor in inkind_sponsors %}
+    <div class="flex flex-col">
+      {% if sponsor.link %}
+        <a
+          class="flex-grow w-full flex items-center justify-center transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
+          style="transform-style: preserve-3d;"
+          href="{{ sponsor.link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <img class="max-w-[{{270 | times:sponsor.logo_scale | round}}px] w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | append: "(" | append: sponsor.tool | append:")" | strip_html }}のロゴ">
+        </a>
+      {% else %}
+        <div class="flex-grow w-full flex items-center justify-center">
+          <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | append: "(" | append: sponsor.tool | append:")" | strip_html }}のロゴ">
+        </div>
+      {% endif %}
+      <p class="w-full text-center break-keep">{{ sponsor.name }}</p>
+      <p class="w-full text-center break-keep">{{ sponsor.tool }}<wbr>のご提供</p>
+    </div>
+  {% endfor %}
+</div>