|
| 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</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" /> |
| 20 | + <meta property="og:title" content="セッション | DojoCon Japan 2025" /> |
| 21 | + |
| 22 | + |
| 23 | + |
| 24 | + <meta name="twitter:image" content="https://dojocon2025.coderdojo.jp/img/sessions/thumbnails/session5.webp" /> |
| 25 | + <meta property="og:image" content="https://dojocon2025.coderdojo.jp/img/sessions/thumbnails/session5.webp" /> |
| 26 | + |
| 27 | + |
| 28 | + |
| 29 | + <meta property="og:type" content="article" /> |
| 30 | + |
| 31 | + |
| 32 | + <meta property="og:url" content="https://dojocon2025.coderdojo.jp/sessions/5/" /> |
| 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 | + セッション |
| 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 | + <h1 id="coderdojo-japan-活動報告">CoderDojo Japan 活動報告</h1> |
| 161 | + |
| 162 | +<h2 id="安川-要平やすかわ-ようへい">安川 要平（やすかわ ようへい）</h2> |
| 163 | + |
| 164 | +<p>CoderDojo Japan 代表理事<br /> |
| 165 | +<a href="https://x.com/yasulab" target="_blank">@yasulab</a></p> |
| 166 | + |
| 167 | +<div class="max-w-150 mx-auto my-8"> |
| 168 | + <img class="w-full" src="/img/sessions/thumbnails/session5.webp" alt="CoderDojo Japan 活動報告" /> |
| 169 | +</div> |
| 170 | + |
| 171 | +<h2 id="登壇者紹介">登壇者紹介</h2> |
| 172 | + |
| 173 | +<p>2012年に下北沢オープンソース Cafe のメンバーと共に日本初の CoderDojo を立ち上げました。当時から現在に到るまで、CoderDojo コミュニティがより活動しやすくなるための<a href="https://news.coderdojo.jp/author/yasulab/" target="_blank">法人連携</a>や<a href="https://www.youtube.com/CoderDojoJapan" target="_blank">周知活動</a>、<a href="https://github.com/coderdojo-japan" target="_blank">システム開発</a>や<a href="https://coderdojo.jp/kata" target="_blank">ドキュメント整備</a>などを続けています。2012年度 IPA 認定<a href="https://www.ipa.go.jp/jinzai/mitou/about.html" target="_blank">未踏</a>スーパークリエータ。</p> |
| 174 | + |
| 175 | +<h2 id="概要">概要</h2> |
| 176 | + |
| 177 | +<p> |
| 178 | + CoderDojo は子どものためのプログラミング道場です。2011年にアイルランドから始まった<a href="https://map.coderdojo.jp/world" target="_blank">国際的な非営利活動</a>で、日本には<a href="https://map.coderdojo.jp/" target="_blank">200以上の道場</a>があります。2012年に<a href="https://ja.wikipedia.org/wiki/下北沢オープンソースCafe" target="_blank">下北沢オープンソース Cafe</a> のメンバーを中心に日本初の CoderDojo が立ち上がり、2016年には公式日本法人『<a href="https://coderdojo.jp/about" target="_blank">CoderDojo Japan</a>』が設立されました。 |
| 179 | +</p> |
| 180 | + |
| 181 | +<div class="max-w-150 mx-auto my-8"> |
| 182 | + <a class="block" href="https://dojocon2016.coderdojo.jp/2016/09/04/coderdojo-japan-was-established.html" target="_blank"> |
| 183 | + <img class="w-full" src="https://i.gyazo.com/7d906b5e03c5cf0665bc071626b47f70.png" alt="CoderDojo Japan 設立時の写真" /> |
| 184 | + </a> |
| 185 | + © Photo Credit: <a href="https://dojocon2016.coderdojo.jp/" target="_blank">DojoCon Japan 2016</a> |
| 186 | +</div> |
| 187 | + |
| 188 | +<p class="mt-4"> |
| 189 | + 公式日本法人が設立されて以降、<a href="https://dojocon.coderdojo.jp/" target="_blank">DojoCon Japan</a> や <a href="https://decadojo.coderdojo.jp/" target="_blank">DecaDojo</a> をはじめ、<a href="https://coderdojo.jp/#partners" target="_blank">パートナー法人</a>との連携して全国の CoderDojo 活動を継続的に支援しています。（参考: <a href="https://codeclub.org/en/our-partners#:~:text=CoderDojo%20Japan" target="_blank">世界中の公式法人一覧</a>） |
| 190 | +</p> |
| 191 | + |
| 192 | +<p class="mt-4"> |
| 193 | + 本セッションではこの１年で行った活動実績をお伝えすると共に、これまで通り、これからも、CoderDojo が今後も楽しく活動できるよう進めていることについて皆さんと共有したいと考えています。 |
| 194 | +</p> |
| 195 | + |
| 196 | +</div> |
| 197 | + |
| 198 | + </div> |
| 199 | + |
| 200 | + <footer class="site-footer"> |
| 201 | + <div class="footer-logo"> |
| 202 | + <img src="/img/common/footer-logo.webp" alt="DojoCon Japan 2025 Inspire Next." /> |
| 203 | + </div> |
| 204 | + <div class="footer-social"> |
| 205 | + <a href="https://x.com/DojoConJapan" target="_blank" rel="noopener" class="social-x" aria-label="X"> |
| 206 | + <i class="fa-brands fa-x-twitter" style="color:#000000;"></i> |
| 207 | + </a> |
| 208 | + <a href="https://www.facebook.com/dojoconjapan" target="_blank" rel="noopener" class="social-facebook" aria-label="Facebook"> |
| 209 | + <i class="fa-brands fa-facebook" style="color:#0866ff;"></i> |
| 210 | + </a> |
| 211 | + <a href="https://www.youtube.com/channel/UCX3tz875ZDtU85rFkYuwl5w" target="_blank" rel="noopener" class="social-youtube" aria-label="YouTube"> |
| 212 | + <i class="fa-brands fa-youtube" style="color:#ff0033;"></i> |
| 213 | + </a> |
| 214 | + </div> |
| 215 | + <nav class="footer-links"> |
| 216 | + <a href="/">ホーム</a> |
| 217 | + <a href="/code-of-conduct/">行動規範</a> |
| 218 | + <a href="/privacy">プライバシーポリシー</a> |
| 219 | + <a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a> |
| 220 | + </nav> |
| 221 | + <div class="footer-copyright"> |
| 222 | + © DojoCon Japan 2025 実行委員会 |
| 223 | + </div> |
| 224 | +</footer> |
| 225 | + |
| 226 | + </div> |
| 227 | +</body> |
| 228 | + |
| 229 | +</html> |
0 commit comments