|
| 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>九州 Dojo 展示会 | 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="九州 Dojo 展示会 | DojoCon Japan 2025" /> |
| 20 | + <meta property="og:title" content="九州 Dojo 展示会 | DojoCon Japan 2025" /> |
| 21 | + |
| 22 | + |
| 23 | + |
| 24 | + <meta name="twitter:image" content="https://dojocon2025.coderdojo.jp/img/events/kyushu-dojo-expo.webp" /> |
| 25 | + <meta property="og:image" content="https://dojocon2025.coderdojo.jp/img/events/kyushu-dojo-expo.webp" /> |
| 26 | + |
| 27 | + |
| 28 | + |
| 29 | + <meta property="og:type" content="article" /> |
| 30 | + |
| 31 | + |
| 32 | + <meta property="og:url" content="https://dojocon2025.coderdojo.jp/events/kyushu-dojo-expo/" /> |
| 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?3ba454d" /> |
| 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="/registration/" class="px-3 py-2 rounded-sm text-center bg-[#cc8f2e] text-[#f5f5f5] justify-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="/time-table/">タイムテーブル</a></li> |
| 105 | + <li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li> |
| 106 | + <li><a href="/sponsorship/list/">スポンサー紹介</a></li> |
| 107 | + <li><a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a></li> |
| 108 | + </ul> |
| 109 | + </nav> |
| 110 | + </div> |
| 111 | +</div> |
| 112 | + |
| 113 | +<script> |
| 114 | + document.addEventListener('DOMContentLoaded', function () { |
| 115 | + const menuBtn = document.getElementById('menu-btn'); |
| 116 | + const menuNav = document.getElementById('menu-nav'); |
| 117 | + if (!menuBtn || !menuNav) return; |
| 118 | + |
| 119 | + menuBtn.addEventListener('click', function () { |
| 120 | + menuNav.classList.toggle('flex'); |
| 121 | + menuNav.classList.toggle('hidden'); |
| 122 | + }); |
| 123 | + menuNav.querySelectorAll('a').forEach(function (link) { |
| 124 | + link.addEventListener('click', function () { |
| 125 | + menuNav.classList.remove('flex'); |
| 126 | + menuNav.classList.add('hidden'); |
| 127 | + }); |
| 128 | + }); |
| 129 | + }); |
| 130 | +</script> |
| 131 | + |
| 132 | + |
| 133 | + <div class="flex-grow"> |
| 134 | + <div class="xl:block hidden sticky mx-4 top-4 z-10"> |
| 135 | + <nav |
| 136 | + 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"> |
| 137 | + <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"> |
| 138 | + <li><a href="/#outline">開催概要</a></li> |
| 139 | + <li><a href="/sessions/">セッション</a></li> |
| 140 | + <li><a href="/events/">イベント</a></li> |
| 141 | + <li><a href="/contests/">コンテスト</a></li> |
| 142 | + <li><a href="/time-table/">タイムテーブル</a></li> |
| 143 | + <li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li> |
| 144 | + <li><a href="/sponsorship/list/">スポンサー紹介</a></li> |
| 145 | + <li><a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a></li> |
| 146 | + </ul> |
| 147 | + <a href="/registration/" class="text-xl 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"> |
| 148 | + 参加申込 |
| 149 | + </a> |
| 150 | + </nav> |
| 151 | +</div> |
| 152 | + |
| 153 | + |
| 154 | +<h2 class="mx-auto text-4xl text-center mb-2 mt-30 px-4 sm:px-8 xl:mt-15"> |
| 155 | + 九州 Dojo 展示会 |
| 156 | + <span class="block mt-5 text-2xl"></span> |
| 157 | +</h2> |
| 158 | + |
| 159 | +<div class="max-w-4xl mx-auto px-4 sm:px-8 post-content my-8"> |
| 160 | + <p><img class="w-full pb-8" src="/img/events/kyushu-dojo-expo/thumbnail.webp" alt="九州 Dojo 展示会" /></p> |
| 161 | + |
| 162 | +<p>九州各地の Dojo からいろんなものを展示します</p> |
| 163 | + |
| 164 | +<h3 id="toio-と-microbit-で遊ぼう">toio と micro:bit で遊ぼう！</h3> |
| 165 | + |
| 166 | +<p>ちいさなロボット toio をちいさなコンピューター micro:bit で操縦します。<br /> |
| 167 | +ボールをゴールに運びましょう！</p> |
| 168 | + |
| 169 | +<p><img class="sm:w-4/5 w-full mx-auto py-3" src="/img/events/kyushu-dojo-expo/toio-microbit.webp" alt="toio と micro:bit で遊ぼう！" /></p> |
| 170 | + |
| 171 | +<h3 id="minecraft-九州ワールド">Minecraft 九州ワールド</h3> |
| 172 | + |
| 173 | +<p>ニンジャが作った九州各地の建物や場所を紹介します。</p> |
| 174 | + |
| 175 | +<p>パネルでの展示のほか、実際にパソコンを操作してワールドを見学することもできます。</p> |
| 176 | + |
| 177 | +<p><img class="sm:w-4/5 w-full mx-auto py-3" src="/img/events/kyushu-dojo-expo/minecraft-kyushu-world.webp" alt="Minecraft 九州ワールド" /></p> |
| 178 | + |
| 179 | +<h3 id="九州-dojo-紹介">九州 Dojo 紹介</h3> |
| 180 | + |
| 181 | +<p>九州各地の Dojo をパネルで紹介します。</p> |
| 182 | + |
| 183 | +<p><img class="sm:w-4/5 w-full mx-auto py-3" src="/img/events/kyushu-dojo-expo/kyushu-dojos.webp" alt="九州 Dojo 紹介" /></p> |
| 184 | + |
| 185 | +</div> |
| 186 | + |
| 187 | + </div> |
| 188 | + |
| 189 | + <footer class="site-footer"> |
| 190 | + <div class="footer-logo"> |
| 191 | + <img src="/img/common/footer-logo.webp" alt="DojoCon Japan 2025 Inspire Next." /> |
| 192 | + </div> |
| 193 | + <div class="footer-social"> |
| 194 | + <a href="https://x.com/DojoConJapan" target="_blank" rel="noopener" class="social-x" aria-label="X"> |
| 195 | + <i class="fa-brands fa-x-twitter" style="color:#000000;"></i> |
| 196 | + </a> |
| 197 | + <a href="https://www.facebook.com/dojoconjapan" target="_blank" rel="noopener" class="social-facebook" aria-label="Facebook"> |
| 198 | + <i class="fa-brands fa-facebook" style="color:#0866ff;"></i> |
| 199 | + </a> |
| 200 | + <a href="https://www.youtube.com/channel/UCX3tz875ZDtU85rFkYuwl5w" target="_blank" rel="noopener" class="social-youtube" aria-label="YouTube"> |
| 201 | + <i class="fa-brands fa-youtube" style="color:#ff0033;"></i> |
| 202 | + </a> |
| 203 | + </div> |
| 204 | + <nav class="footer-links"> |
| 205 | + <a href="/">ホーム</a> |
| 206 | + <a href="/code-of-conduct/">行動規範</a> |
| 207 | + <a href="/privacy">プライバシーポリシー</a> |
| 208 | + <a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a> |
| 209 | + </nav> |
| 210 | + <div class="footer-copyright"> |
| 211 | + © DojoCon Japan 2025 実行委員会 |
| 212 | + </div> |
| 213 | +</footer> |
| 214 | + |
| 215 | + </div> |
| 216 | +</body> |
| 217 | + |
| 218 | +</html> |
0 commit comments