|
| 1 | + |
| 2 | + |
| 3 | + |
| 4 | +<!DOCTYPE html> |
| 5 | +<html lang="ja" dir="ltr"> |
| 6 | +<head> |
| 7 | + <meta charset="utf-8"> |
| 8 | + <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"> |
| 9 | + |
| 10 | + |
| 11 | + <title>DojoCon Japan 2025 プログラミングコンテスト受賞作品一覧 | DojoCon Japan 2025</title> |
| 12 | + |
| 13 | + |
| 14 | + <!-- Meta -------------------------- --> |
| 15 | + <meta property="fb:app_id" content="1750803431730303" /> |
| 16 | + <meta name="twitter:card" content="summary_large_image" /> |
| 17 | + <meta name="twitter:site" content="@DojoConJapan" /> |
| 18 | + |
| 19 | + <meta name="twitter:title" content="DojoCon Japan 2025 プログラミングコンテスト受賞作品一覧 | DojoCon Japan 2025" /> |
| 20 | + <meta property="og:title" content="DojoCon Japan 2025 プログラミングコンテスト受賞作品一覧 | DojoCon Japan 2025" /> |
| 21 | + |
| 22 | + |
| 23 | + |
| 24 | + <meta name="twitter:image" content="https://dojocon2025.coderdojo.jp/img/ogp/ogp.jpg" /> |
| 25 | + <meta property="og:image" content="https://dojocon2025.coderdojo.jp/img/ogp/ogp.jpg" /> |
| 26 | + |
| 27 | + |
| 28 | + |
| 29 | + <meta property="og:type" content="article" /> |
| 30 | + |
| 31 | + |
| 32 | + <meta property="og:url" content="https://dojocon2025.coderdojo.jp/contests/winners/" /> |
| 33 | + |
| 34 | + <meta property="og:description" content="DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。" /> |
| 35 | + <meta name="twitter:description" content="DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。" /> |
| 36 | + <meta name="description" content="DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。" /> |
| 37 | + |
| 38 | + |
| 39 | + <!-- Google Analytics -------------------------- --> |
| 40 | + |
| 41 | + <!-- Google tag (gtag.js) --> |
| 42 | +<script async src="https://www.googletagmanager.com/gtag/js?id=G-40RZ5HKFJ0"></script> |
| 43 | +<script> |
| 44 | + window.dataLayer = window.dataLayer || []; |
| 45 | + function gtag(){dataLayer.push(arguments);} |
| 46 | + gtag('js', new Date()); |
| 47 | + |
| 48 | + gtag('config', 'G-40RZ5HKFJ0'); |
| 49 | +</script> |
| 50 | + |
| 51 | + |
| 52 | + |
| 53 | + <!-- Favicon -------------------------- --> |
| 54 | + <link rel="icon" href="/img/favicon/favicon.svg" sizes="any" type="image/svg+xml"> |
| 55 | + <link rel="icon" href="/img/favicon/favicon.webp" sizes="512" type="image/webp"> |
| 56 | + <link rel="apple-touch-icon" href="/img/favicon/apple-touch-icon.png"> <!-- 192x192px --> |
| 57 | + <!-- favicon.ico をルートディレクトリにそっと置く。しかしheadには書かない。 --> |
| 58 | + |
| 59 | + <!-- CSS Framework -------------------------- --> |
| 60 | + <!-- Font Awasome https://fontawesome.com/ --> |
| 61 | + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> |
| 62 | + <!-- Tailwind CSS --> |
| 63 | + <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4.1.14" integrity="sha512-M4ecs0CyhBq7W0PeumwMxVaA9pWbhuD4mCqGTe7/357R8/avaeGSJAtk2dYCgFrZyWvjq1Sju0Wcyf2jnP941Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> |
| 64 | + |
| 65 | + <!-- CSS -------------------------- --> |
| 66 | + <!-- DojoCon CSS --> |
| 67 | + <link rel="stylesheet" href="/css/main.css?v=20251025-175944" /> |
| 68 | +</head> |
| 69 | + |
| 70 | + |
| 71 | +<body class="bg-linear-106 from-[#9d1e29] to-[#d4932a] text-[#262626] tracking-wider min-h-dvh p-4 flex"> |
| 72 | + <div class="bg-white rounded-2xl min-h-full flex-grow flex flex-col"> |
| 73 | + <h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8"> |
| 74 | + <a href="/"> |
| 75 | + <img src="/img/common/header-logo.webp" alt="DojoCon Japan 2025 Inspire Next." /> |
| 76 | + </a> |
| 77 | +</h1> |
| 78 | + |
| 79 | +<div class="fixed xl:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center"> |
| 80 | + <div |
| 81 | + class="flex flex-col h-full w-[calc(100%-60px)] items-stretch rounded-[10px] bg-[#f5f5f5] py-3 pl-4 pr-3 shadow-[7px_7px_10px_rgba(125,125,125,0.15)] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)]"> |
| 82 | + <div class="flex items-center justify-between gap-2"> |
| 83 | + <a href="/" class="flex h-full items-center"> |
| 84 | + <img src="/img/common/header-logo.webp" class="w-full max-w-[250px] max-h-full" |
| 85 | + alt="DojoCon Japan 2025 Inspire Next." /> |
| 86 | + </a> |
| 87 | + <div class="flex items-cetner gap-x-2 shrink-0"> |
| 88 | + <a href="/time-table/" class="px-3 py-2 rounded-sm text-xs text-center bg-[#cc8f2e] text-[#f5f5f5] flex items-center"> |
| 89 | + タイムテーブル |
| 90 | + </a> |
| 91 | + <button id="menu-btn" type="button" aria-label="メニューを開く" |
| 92 | + class="flex p-2 size-10 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer"> |
| 93 | + <i class="fa-solid fa-bars"></i> |
| 94 | + </button> |
| 95 | + </div> |
| 96 | + </div> |
| 97 | + <nav id="menu-nav" class="hidden my-2 flex-col items-stretch transition-all duration-300"> |
| 98 | + <ul |
| 99 | + class="flex flex-col min-h-20 items-stretch gap-2 *:px-5 *:text-center *:text-[20px] *:leading-[1.75] *:text-[#cc8f2e] [&_a]:block"> |
| 100 | + <li><a href="/#outline">開催概要</a></li> |
| 101 | + <li><a href="/sessions/">セッション</a></li> |
| 102 | + <li><a href="/events/">イベント</a></li> |
| 103 | + <li><a href="/contests/">コンテスト</a></li> |
| 104 | + <li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li> |
| 105 | + <li><a href="/sponsorship/list/">スポンサー紹介</a></li> |
| 106 | + <li><a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a></li> |
| 107 | + </ul> |
| 108 | + </nav> |
| 109 | + </div> |
| 110 | +</div> |
| 111 | + |
| 112 | +<script> |
| 113 | + document.addEventListener('DOMContentLoaded', function () { |
| 114 | + const menuBtn = document.getElementById('menu-btn'); |
| 115 | + const menuNav = document.getElementById('menu-nav'); |
| 116 | + if (!menuBtn || !menuNav) return; |
| 117 | + |
| 118 | + menuBtn.addEventListener('click', function () { |
| 119 | + menuNav.classList.toggle('flex'); |
| 120 | + menuNav.classList.toggle('hidden'); |
| 121 | + }); |
| 122 | + menuNav.querySelectorAll('a').forEach(function (link) { |
| 123 | + link.addEventListener('click', function () { |
| 124 | + menuNav.classList.remove('flex'); |
| 125 | + menuNav.classList.add('hidden'); |
| 126 | + }); |
| 127 | + }); |
| 128 | + }); |
| 129 | +</script> |
| 130 | + |
| 131 | + |
| 132 | + <div class="flex-grow"> |
| 133 | + <div class="xl:block hidden sticky mx-4 top-4 z-10"> |
| 134 | + <nav class="rounded-[40px] w-fit mx-auto bg-[#f5f5f5] mt-8 inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] shadow-[7px_7px_10px_rgba(125,125,125,0.15)] flex items-stretch"> |
| 135 | + <ul class="flex flex-wrap min-h-20 items-center p-5 pr-0 justify-center divide-x-2 gap-y-2 *:text-[#cc8f2e] *:px-5"> |
| 136 | + <li><a href="/#outline">開催概要</a></li> |
| 137 | + <li><a href="/sessions/">セッション</a></li> |
| 138 | + <li><a href="/events/">イベント</a></li> |
| 139 | + <li><a href="/contests/">コンテスト</a></li> |
| 140 | + <li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li> |
| 141 | + <li><a href="/sponsorship/list/">スポンサー紹介</a></li> |
| 142 | + <li><a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a></li> |
| 143 | + </ul> |
| 144 | + <a href="/time-table/" class="px-8 py-4 rounded-r-[40px] bg-[#cc8f2e] text-[#f5f5f5] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] flex items-center"> |
| 145 | + タイムテーブル |
| 146 | + </a> |
| 147 | + </nav> |
| 148 | +</div> |
| 149 | + |
| 150 | +<h2 class="mx-auto text-4xl text-center mb-2 mt-30 px-4 sm:px-8 xl:mt-15 break-keep"> |
| 151 | + プログラミング<wbr />コンテスト 受賞作品一覧 |
| 152 | +</h2> |
| 153 | + |
| 154 | +<div class="max-w-2xl mx-auto px-4 sm:px-8 my-15"> |
| 155 | + <section class="w-full mx-auto"> |
| 156 | + <div class="space-y-15"> |
| 157 | + |
| 158 | + |
| 159 | + <article> |
| 160 | + <div> |
| 161 | + <h3 class="text-3xl mb-4">白帯 最優秀賞</h3> |
| 162 | + <h4 class="text-2xl mb-2">スペース・サイクリング</h4> |
| 163 | + </div> |
| 164 | + |
| 165 | + <div class="flex justify-center mb-2"> |
| 166 | + <img src="/img/contests/winners/7434.webp" alt="スペース・サイクリング の画像" class="max-h-90 w-auto max-w-full object-contain rounded-md" /> |
| 167 | + </div> |
| 168 | + <p class="text-base mb-1">作: <strong>内田湘悟</strong></p> |
| 169 | + <a class="underline text-[#cc8f2e]" href="https://protopedia.net/prototype/7434" target="_blank" rel="noopener">ProtoPedia で見る</a> |
| 170 | + </article> |
| 171 | + |
| 172 | + |
| 173 | + <article> |
| 174 | + <div> |
| 175 | + <h3 class="text-3xl mb-4">白帯 優秀賞</h3> |
| 176 | + <h4 class="text-2xl mb-2">ひらめきゲーム</h4> |
| 177 | + </div> |
| 178 | + |
| 179 | + <div class="flex justify-center mb-2"> |
| 180 | + <img src="/img/contests/winners/7110.webp" alt="ひらめきゲーム の画像" class="max-h-90 w-auto max-w-full object-contain rounded-md" /> |
| 181 | + </div> |
| 182 | + <p class="text-base mb-1">作: <strong>奥村総司</strong></p> |
| 183 | + <a class="underline text-[#cc8f2e]" href="https://protopedia.net/prototype/7110" target="_blank" rel="noopener">ProtoPedia で見る</a> |
| 184 | + </article> |
| 185 | + |
| 186 | + |
| 187 | + <article> |
| 188 | + <div> |
| 189 | + <h3 class="text-3xl mb-4">白帯 優秀賞</h3> |
| 190 | + <h4 class="text-2xl mb-2">初心者ねこのお手伝い</h4> |
| 191 | + </div> |
| 192 | + |
| 193 | + <div class="flex justify-center mb-2"> |
| 194 | + <img src="/img/contests/winners/7425.webp" alt="初心者ねこのお手伝い の画像" class="max-h-90 w-auto max-w-full object-contain rounded-md" /> |
| 195 | + </div> |
| 196 | + <p class="text-base mb-1">作: <strong>松尾太耀</strong></p> |
| 197 | + <a class="underline text-[#cc8f2e]" href="https://protopedia.net/prototype/7425" target="_blank" rel="noopener">ProtoPedia で見る</a> |
| 198 | + </article> |
| 199 | + |
| 200 | + |
| 201 | + <article> |
| 202 | + <div> |
| 203 | + <h3 class="text-3xl mb-4">黒帯 最優秀賞</h3> |
| 204 | + <h4 class="text-2xl mb-2">Egg Beat</h4> |
| 205 | + </div> |
| 206 | + |
| 207 | + <div class="flex justify-center mb-2"> |
| 208 | + <img src="/img/contests/winners/7466.webp" alt="Egg Beat の画像" class="max-h-90 w-auto max-w-full object-contain rounded-md" /> |
| 209 | + </div> |
| 210 | + <p class="text-base mb-1">作: <strong>花田勘太郎</strong></p> |
| 211 | + <a class="underline text-[#cc8f2e]" href="https://protopedia.net/prototype/7466" target="_blank" rel="noopener">ProtoPedia で見る</a> |
| 212 | + </article> |
| 213 | + |
| 214 | + |
| 215 | + <article> |
| 216 | + <div> |
| 217 | + <h3 class="text-3xl mb-4">黒帯 優秀賞</h3> |
| 218 | + <h4 class="text-2xl mb-2">ヤモリゲーム</h4> |
| 219 | + </div> |
| 220 | + |
| 221 | + <div class="flex justify-center mb-2"> |
| 222 | + <img src="/img/contests/winners/7404.webp" alt="ヤモリゲーム の画像" class="max-h-90 w-auto max-w-full object-contain rounded-md" /> |
| 223 | + </div> |
| 224 | + <p class="text-base mb-1">作: <strong>伊藤碧</strong></p> |
| 225 | + <a class="underline text-[#cc8f2e]" href="https://protopedia.net/prototype/7404" target="_blank" rel="noopener">ProtoPedia で見る</a> |
| 226 | + </article> |
| 227 | + |
| 228 | + |
| 229 | + <article> |
| 230 | + <div> |
| 231 | + <h3 class="text-3xl mb-4">黒帯 優秀賞</h3> |
| 232 | + <h4 class="text-2xl mb-2">ピタへび！！</h4> |
| 233 | + </div> |
| 234 | + |
| 235 | + <div class="flex justify-center mb-2"> |
| 236 | + <img src="/img/contests/winners/7430.webp" alt="ピタへび！！ の画像" class="max-h-90 w-auto max-w-full object-contain rounded-md" /> |
| 237 | + </div> |
| 238 | + <p class="text-base mb-1">作: <strong>秋穂遥斗</strong></p> |
| 239 | + <a class="underline text-[#cc8f2e]" href="https://protopedia.net/prototype/7430" target="_blank" rel="noopener">ProtoPedia で見る</a> |
| 240 | + </article> |
| 241 | + |
| 242 | + |
| 243 | + <article> |
| 244 | + <div> |
| 245 | + <h3 class="text-3xl mb-4">九州賞</h3> |
| 246 | + <h4 class="text-2xl mb-2">To my parents 〜直接渡せない時用マシーン〜</h4> |
| 247 | + </div> |
| 248 | + |
| 249 | + <div class="flex justify-center mb-2"> |
| 250 | + <img src="/img/contests/winners/7098.webp" alt="To my parents 〜直接渡せない時用マシーン〜 の画像" class="max-h-90 w-auto max-w-full object-contain rounded-md" /> |
| 251 | + </div> |
| 252 | + <p class="text-base mb-1">作: <strong>yutokome</strong></p> |
| 253 | + <a class="underline text-[#cc8f2e]" href="https://protopedia.net/prototype/7098" target="_blank" rel="noopener">ProtoPedia で見る</a> |
| 254 | + </article> |
| 255 | + |
| 256 | + </div> |
| 257 | + </section> |
| 258 | +</div> |
| 259 | + |
| 260 | + </div> |
| 261 | + |
| 262 | + <footer class="site-footer"> |
| 263 | + <div class="footer-logo"> |
| 264 | + <img src="/img/common/footer-logo.webp" alt="DojoCon Japan 2025 Inspire Next." /> |
| 265 | + </div> |
| 266 | + <div class="footer-social"> |
| 267 | + <a href="https://x.com/DojoConJapan" target="_blank" rel="noopener" class="social-x" aria-label="X"> |
| 268 | + <i class="fa-brands fa-x-twitter" style="color:#000000;"></i> |
| 269 | + </a> |
| 270 | + <a href="https://www.facebook.com/dojoconjapan" target="_blank" rel="noopener" class="social-facebook" aria-label="Facebook"> |
| 271 | + <i class="fa-brands fa-facebook" style="color:#0866ff;"></i> |
| 272 | + </a> |
| 273 | + <a href="https://www.youtube.com/channel/UCX3tz875ZDtU85rFkYuwl5w" target="_blank" rel="noopener" class="social-youtube" aria-label="YouTube"> |
| 274 | + <i class="fa-brands fa-youtube" style="color:#ff0033;"></i> |
| 275 | + </a> |
| 276 | + </div> |
| 277 | + <nav class="footer-links"> |
| 278 | + <a href="/">ホーム</a> |
| 279 | + <a href="/code-of-conduct/">行動規範</a> |
| 280 | + <a href="/privacy">プライバシーポリシー</a> |
| 281 | + <a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a> |
| 282 | + </nav> |
| 283 | + <div class="footer-copyright"> |
| 284 | + © DojoCon Japan 2025 実行委員会 |
| 285 | + </div> |
| 286 | +</footer> |
| 287 | + |
| 288 | + </div> |
| 289 | +</body> |
| 290 | + |
| 291 | +</html> |
0 commit comments