diff --git a/_data/staff.yaml b/_data/staff.yaml
new file mode 100644
index 00000000..9d05bbdc
--- /dev/null
+++ b/_data/staff.yaml
@@ -0,0 +1,66 @@
+- name: 杉山美鈴
+  site: https://unit.link/sugimisu
+  dojo: 久留米
+- name: 岸川拓磨
+  site: https://github.com/Fukusan64
+  dojo: 福岡、久留米、春日
+- name: KP
+  site: https://github.com/kp54/
+  dojo: 福岡、久留米
+- name: おごもり たかし
+  site: https://github.com/ogom/
+  dojo: なかもず、大阪狭山
+- name: 柴尾 哲也
+  site: https://my.prairie.cards/u/midnight480
+  dojo: 佐賀
+- name: やす
+  site: https://x.com/Y4s2hoL
+  dojo: 福岡、久留米
+- name: 西田慶子
+  site:
+  dojo: さが、香椎
+- name: 安川 要平
+  site: https://x.com/yasulab
+  dojo: CoderDojo Japan
+- name: 杉山 好翼
+  site:
+  dojo: 久留米
+- name: 宇都木 朗
+  site: https://x.com/a_utsuki
+  dojo: 香椎、さが、春
+- name: とり子（安東）
+  site: https://x.com/siroitori0413
+  dojo: 香椎、さが
+- name: 鳥辺 裕香
+  site: https://iwakunipg.com/
+  dojo: 岩国
+- name: KeisukeSawa
+  site: https://x.com/swamptk
+  dojo: たまち、HARUMI
+- name: 千葉 聖人
+  site: https://www.instagram.com/ba_chisan1925/
+  dojo: 岡南
+- name: 井上 一
+  site: https://xn--coderdojo-ef6q138l.jp/
+  dojo: 津山
+- name: あったかい
+  site:
+  dojo: 古河、さくら、水戸、ひたちなか、ほんごう、神楽坂
+- name: かつ
+  site: https://ja.katzueno.com/about/
+  dojo: 尾張
+- name: むーちょ
+  site: https://github.com/mucho613
+  dojo: 福岡
+- name: たくさん
+  site:
+  dojo: こだいら
+- name: いかけん
+  site: https://coderdojo-mito.com/
+  dojo: 水戸
+- name: 田代
+  site:
+  dojo: さが
+- name: 山口秀帝
+  site:
+  dojo: 津山
diff --git a/_includes/top/sections/staff.html b/_includes/top/sections/staff.html
index e8622051..681b1aea 100644
--- a/_includes/top/sections/staff.html
+++ b/_includes/top/sections/staff.html
@@ -6,42 +6,59 @@ <h2 class="text-4xl text-center pt-20 xl:pt-30">
 <!-- デスクトップで表示 -->
 <div class="hidden xl:block max-w-7xl mx-auto my-24">
   <ul class="staff flex flex-wrap justify-center gap-x-36">
-    {% for i in (1..42) %}
+    {% for member in site.data.staff %}
     <li class="-mt-[74px]">
+      {% if member.site %}
+        <a href="{{ member.site }}" target="_blank">
+      {% endif %}
+
       <div class="relative aspect-[1/cos(30deg)] w-50 overflow-hidden flex items-center justify-center"
         style="clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);">
 
-        <div class="block absolute size-full opacity-0 hover:opacity-100 transition-200 transition-opacity">
+        <div class="absolute size-full opacity-0 hover:opacity-100">
           <div class="absolute size-full mix-blend-multiply bg-[#6f6f6f]"></div>
           <p class="flex flex-col items-center justify-center text-white text-center absolute size-full">
-            <span class="text-xs">肩書き</span>
-            名字 名前
-            <span class="text-xs">道場名</span>
+            {{ member.name }}
+            <span class="text-xs">{{ member.dojo }}</span>
           </p>
         </div>
-        <img class="w-full" src="https://placehold.jp/320x320.png" alt="スタッフの写真">
+        <img class="min-w-full min-h-full object-cover" src="/img/staff/{{ member.name }}.webp" alt="{{ member.name }}">
       </div>
+
+      {% if member.site %}
+        </a>
+      {% endif %}
     </li>
     {% endfor %}
+
+    {% comment %} 空の要素を入れて、最後の行のバランスを取る {% endcomment %}
+    <div class="w-50"></div>
   </ul>
 </div>
 
 <!-- モバイルで表示 -->
 <div class="block xl:hidden mx-auto mt-9 mb-20">
   <ul class="flex flex-wrap justify-center gap-x-2 gap-y-6 mx-[2%]">
-    {% for i in (1..42) %}
+    {% for member in site.data.staff %}
     <li class="flex flex-col items-center gap-y-2">
+      {% if member.site %}
+        <a href="{{ member.site }}" target="_blank" class="flex flex-col items-center gap-y-2">
+      {% endif %}
+
       <div class="relative aspect-[1/cos(30deg)] w-24 sm:w-30 overflow-hidden flex items-center justify-center"
         style="clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);">
-        <img class="w-full" src="https://placehold.jp/320x320.png" alt="スタッフの写真">
+        <img class="w-full" src="/img/staff/{{ member.name }}.webp" alt="{{ member.name }}">
       </div>
 
       <!-- モバイルで表示する、肩書きや氏名の表示 -->
-      <p class="flex flex-col text-center">
-        <span class="text-xs">肩書き</span>
-        名字 名前
-        <span class="text-xs">道場名</span>
+      <p class="flex flex-col text-center w-24 text-sm word-break">
+        {{ member.name }}
+        <span class="text-xs">{{ member.dojo }}</span>
       </p>
+
+      {% if member.site %}
+        </a>
+      {% endif %}
     </li>
     {% endfor %}
   </ul>
diff --git a/img/staff/KP.webp b/img/staff/KP.webp
new file mode 100644
index 00000000..6c7f5a50
Binary files /dev/null and b/img/staff/KP.webp differ
diff --git a/img/staff/KeisukeSawa.webp b/img/staff/KeisukeSawa.webp
new file mode 100644
index 00000000..13289218
Binary files /dev/null and b/img/staff/KeisukeSawa.webp differ
diff --git "a/img/staff/\343\201\202\343\201\243\343\201\237\343\201\213\343\201\204.webp" "b/img/staff/\343\201\202\343\201\243\343\201\237\343\201\213\343\201\204.webp"
new file mode 100644
index 00000000..3a980e0f
Binary files /dev/null and "b/img/staff/\343\201\202\343\201\243\343\201\237\343\201\213\343\201\204.webp" differ
diff --git "a/img/staff/\343\201\204\343\201\213\343\201\221\343\202\223.webp" "b/img/staff/\343\201\204\343\201\213\343\201\221\343\202\223.webp"
new file mode 100644
index 00000000..95e88a18
Binary files /dev/null and "b/img/staff/\343\201\204\343\201\213\343\201\221\343\202\223.webp" differ
diff --git "a/img/staff/\343\201\212\343\201\224\343\202\202\343\202\212 \343\201\237\343\201\213\343\201\227.webp" "b/img/staff/\343\201\212\343\201\224\343\202\202\343\202\212 \343\201\237\343\201\213\343\201\227.webp"
new file mode 100644
index 00000000..0e1ff350
Binary files /dev/null and "b/img/staff/\343\201\212\343\201\224\343\202\202\343\202\212 \343\201\237\343\201\213\343\201\227.webp" differ
diff --git "a/img/staff/\343\201\213\343\201\244.webp" "b/img/staff/\343\201\213\343\201\244.webp"
new file mode 100644
index 00000000..34db4773
Binary files /dev/null and "b/img/staff/\343\201\213\343\201\244.webp" differ
diff --git "a/img/staff/\343\201\237\343\201\217\343\201\225\343\202\223.webp" "b/img/staff/\343\201\237\343\201\217\343\201\225\343\202\223.webp"
new file mode 100644
index 00000000..d2dc133b
Binary files /dev/null and "b/img/staff/\343\201\237\343\201\217\343\201\225\343\202\223.webp" differ
diff --git "a/img/staff/\343\201\250\343\202\212\345\255\220\357\274\210\345\256\211\346\235\261\357\274\211.webp" "b/img/staff/\343\201\250\343\202\212\345\255\220\357\274\210\345\256\211\346\235\261\357\274\211.webp"
new file mode 100644
index 00000000..b319fcde
Binary files /dev/null and "b/img/staff/\343\201\250\343\202\212\345\255\220\357\274\210\345\256\211\346\235\261\357\274\211.webp" differ
diff --git "a/img/staff/\343\202\200\343\203\274\343\201\241\343\202\207.webp" "b/img/staff/\343\202\200\343\203\274\343\201\241\343\202\207.webp"
new file mode 100644
index 00000000..ae7c6dbe
Binary files /dev/null and "b/img/staff/\343\202\200\343\203\274\343\201\241\343\202\207.webp" differ
diff --git "a/img/staff/\343\202\204\343\201\231.webp" "b/img/staff/\343\202\204\343\201\231.webp"
new file mode 100644
index 00000000..7c109a46
Binary files /dev/null and "b/img/staff/\343\202\204\343\201\231.webp" differ
diff --git "a/img/staff/\344\272\225\344\270\212 \344\270\200.webp" "b/img/staff/\344\272\225\344\270\212 \344\270\200.webp"
new file mode 100644
index 00000000..8cf0c46b
Binary files /dev/null and "b/img/staff/\344\272\225\344\270\212 \344\270\200.webp" differ
diff --git "a/img/staff/\345\215\203\350\221\211 \350\201\226\344\272\272.webp" "b/img/staff/\345\215\203\350\221\211 \350\201\226\344\272\272.webp"
new file mode 100644
index 00000000..395c6d86
Binary files /dev/null and "b/img/staff/\345\215\203\350\221\211 \350\201\226\344\272\272.webp" differ
diff --git "a/img/staff/\345\256\207\351\203\275\346\234\250 \346\234\227.webp" "b/img/staff/\345\256\207\351\203\275\346\234\250 \346\234\227.webp"
new file mode 100644
index 00000000..be9cf58b
Binary files /dev/null and "b/img/staff/\345\256\207\351\203\275\346\234\250 \346\234\227.webp" differ
diff --git "a/img/staff/\345\256\211\345\267\235 \350\246\201\345\271\263.webp" "b/img/staff/\345\256\211\345\267\235 \350\246\201\345\271\263.webp"
new file mode 100644
index 00000000..66cc73e8
Binary files /dev/null and "b/img/staff/\345\256\211\345\267\235 \350\246\201\345\271\263.webp" differ
diff --git "a/img/staff/\345\261\261\345\217\243\347\247\200\345\270\235.webp" "b/img/staff/\345\261\261\345\217\243\347\247\200\345\270\235.webp"
new file mode 100644
index 00000000..44697711
Binary files /dev/null and "b/img/staff/\345\261\261\345\217\243\347\247\200\345\270\235.webp" differ
diff --git "a/img/staff/\345\262\270\345\267\235\346\213\223\347\243\250.webp" "b/img/staff/\345\262\270\345\267\235\346\213\223\347\243\250.webp"
new file mode 100644
index 00000000..42e500e0
Binary files /dev/null and "b/img/staff/\345\262\270\345\267\235\346\213\223\347\243\250.webp" differ
diff --git "a/img/staff/\346\235\211\345\261\261 \345\245\275\347\277\274.webp" "b/img/staff/\346\235\211\345\261\261 \345\245\275\347\277\274.webp"
new file mode 100644
index 00000000..031da398
Binary files /dev/null and "b/img/staff/\346\235\211\345\261\261 \345\245\275\347\277\274.webp" differ
diff --git "a/img/staff/\346\235\211\345\261\261\347\276\216\351\210\264.webp" "b/img/staff/\346\235\211\345\261\261\347\276\216\351\210\264.webp"
new file mode 100644
index 00000000..ec705f44
Binary files /dev/null and "b/img/staff/\346\235\211\345\261\261\347\276\216\351\210\264.webp" differ
diff --git "a/img/staff/\346\237\264\345\260\276 \345\223\262\344\271\237.webp" "b/img/staff/\346\237\264\345\260\276 \345\223\262\344\271\237.webp"
new file mode 100644
index 00000000..00e8571e
Binary files /dev/null and "b/img/staff/\346\237\264\345\260\276 \345\223\262\344\271\237.webp" differ
diff --git "a/img/staff/\347\224\260\344\273\243.webp" "b/img/staff/\347\224\260\344\273\243.webp"
new file mode 100644
index 00000000..853f483f
Binary files /dev/null and "b/img/staff/\347\224\260\344\273\243.webp" differ
diff --git "a/img/staff/\350\245\277\347\224\260\346\205\266\345\255\220.webp" "b/img/staff/\350\245\277\347\224\260\346\205\266\345\255\220.webp"
new file mode 100644
index 00000000..86c5f2d6
Binary files /dev/null and "b/img/staff/\350\245\277\347\224\260\346\205\266\345\255\220.webp" differ
diff --git "a/img/staff/\351\263\245\350\276\272 \350\243\225\351\246\231.webp" "b/img/staff/\351\263\245\350\276\272 \350\243\225\351\246\231.webp"
new file mode 100644
index 00000000..9fe30e3e
Binary files /dev/null and "b/img/staff/\351\263\245\350\276\272 \350\243\225\351\246\231.webp" differ