1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 6 <title>KomeKaigi 2025</title> 7 <link rel="icon" type="image/svg+xml" href="assets/images/komekaigi_symbol.svg"/> 8 9 <!-- OGP Meta Tags --> 10 <meta property="og:title" content="KomeKaigi - æ°æ½ã®ç¾å³ãããç±³ã»ãé ã楽ãã¿ãæè¡ãå¦ã¶ã«ã³ãã¡ã¬ã³ã¹"/> 11 <meta property="og:description" 12 content="KomeKaigiãæ°æ½ã®ç¾å³ãããç±³ã»ãé ã楽ãã¿ãªããæè¡ãå¦ã¶ã«ã³ãã¡ã¬ã³ã¹ã§ãã"/> 13 <meta property="og:type" content="website"/> 14 <meta property="og:url" content="https://komekaigi.dev/2025/"/> 15 <meta property="og:site_name" content="KomeKaigi"/> 16 <meta property="og:locale" content="ja_JP"/> 17 18 <meta property="og:image" content="https://komekaigi.dev/2025/assets/images/ogp.jpg"/> 19 <meta property="og:image:width" content="1200"/> 20 <meta property="og:image:height" content="630"/> 21 <meta property="og:image:type" content="image/jpeg"/> 22 <meta property="og:image:alt" content="KomeKaigi ã¤ãã³ããã´ã¨æ°æ½ã®ã³ã¡ã¨æ¥æ¬é ãã¤ã¡ã¼ã¸ãã OGP ç»å"/> 23 24 <!-- Twitter Card Meta Tags --> 25 <meta name="twitter:card" content="summary_large_image"/> 26 <meta name="twitter:site" content="@KomeKaigi_jp"/> 27 <meta name="twitter:title" content="KomeKaigi"/> 28 <meta name="twitter:description" 29 content="KomeKaigiãæ°æ½ã®ç¾å³ãããç±³ã»ãé ã楽ãã¿ãªããæè¡ãå¦ã¶ã«ã³ãã¡ã¬ã³ã¹ã§ãã"/> 30 <meta name="twitter:image" content="https://komekaigi.dev/2025/assets/images/ogp.jpg"/> 31 32 <!-- SEO Meta Tags --> 33 <meta name="description" content="KomeKaigiãæ°æ½ã®ç¾å³ãããç±³ã»ãé ã楽ãã¿ãªããæè¡ãå¦ã¶ã«ã³ãã¡ã¬ã³ã¹ã§ãã"/> 34 <link rel="canonical" href="https://komekaigi.dev/2025/"/> 35 36 <!-- Google Fonts --> 37 <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Noto+Sans+JP:wght@400;500;700&display=swap" 38 rel="stylesheet"/> 39 <!-- Tailwind CSS CDN --> 40
40<script src="https://cdn.tailwindcss.com"></script>
40 41 <!-- Main Styles --> 42 <link href="css/main.css" rel="stylesheet"> 43 <link href="css/sponsors.css" rel="stylesheet"> 44 <link href="css/staff.css" rel="stylesheet"> 45</head> 46<body class="text-[#2A2E35] leading-relaxed tech-bg pt-[7.5rem] md:pt-[8rem]"> 47<!-- Archive Notice Banner --> 48<div class="fixed top-0 left-0 right-0 z-[60] bg-[#2A2E35] text-white"> 49 <div class="container mx-auto px-4 py-2.5 flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-xs md:text-sm text-center"> 50 <span class="opacity-80">ãã㯠KomeKaigi 2025 ã®ã¢ã¼ã«ã¤ãã§ã</span> 51 <span class="opacity-40 hidden sm:inline">|</span> 52 <a href="/" class="font-bold text-[#fabe00] hover:underline">ææ°éå¬ã¯ãã¡ã â</a> 53 </div> 54</div> 55 56<!-- Header --> 57<header class="bg-white/95 backdrop-blur py-4 shadow-md fixed top-10 md:top-11 left-0 right-0 z-50"> 58 <div class="container mx-auto flex items-center justify-between px-4"> 59 <a href="#hero" class="flex items-center"> 60 <img src="assets/images/komekaigi_symbol.svg" alt="KomeKaigi Logo" class="h-8 md:h-10 mr-2 md:mr-3"/> 61 <h1 class="text-xl md:text-2xl font-bold text-primary">KomeKaigi 2025</h1> 62 </a> 63 64 <!-- Desktop Navigation --> 65 <nav class="hidden md:block"> 66 <ul class="flex items-center space-x-6"> 67 <li><a href="about.html" class="hover-text-primary transition-colors">éå¬è¶£æ¨</a></li> 68 <li><a href="#overview" class="hover-text-primary transition-colors">æ¦è¦</a></li> 69 <li><a href="#access" class="hover-text-primary transition-colors">ã¢ã¯ã»ã¹</a></li> 70 <li><a href="#sessions" class="hover-text-primary transition-colors">ã»ãã·ã§ã³</a></li> 71 <li><a href="#sponsors" class="hover-text-primary transition-colors">ã¹ãã³ãµã¼</a></li> 72 <li><a href="https://x.com/komekaigi" target="_blank" 73 class="hover-text-primary transition-colors">å ¬å¼X</a></li> 74 <li><a href="https://note.com/komekaigi/m/mf56a6e60a550" target="_blank" 75 class="hover-text-primary transition-colors">å ¬å¼note</a></li> 76 </ul> 77 </nav> 78 79 <!-- Mobile Menu Button --> 80 <button id="mobile-menu-button" class="md:hidden p-2" aria-label="ã¡ãã¥ã¼ãéã"> 81 <svg class="w-6 h-6 text-primary fill-none stroke-current" viewBox="0 0 24 24"> 82 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 83 </svg> 84 </button> 85 </div> 86 87 <!-- Mobile Navigation Menu --> 88 <nav id="mobile-menu" class="md:hidden hidden bg-white/95 backdrop-blur border-t"> 89 <ul class="flex flex-col py-4"> 90 <li><a href="about.html" class="block px-4 py-3 hover:bg-[#fabe00]/10 transition-colors text-center">éå¬è¶£æ¨</a></li> 91 <li><a href="#overview" class="block px-4 py-3 hover:bg-[#fabe00]/10 transition-colors text-center">æ¦è¦</a></li> 92 <li><a href="#access" class="block px-4 py-3 hover:bg-[#fabe00]/10 transition-colors text-center">ã¢ã¯ã»ã¹</a></li> 93 <li><a href="#sessions" class="block px-4 py-3 hover:bg-[#fabe00]/10 transition-colors text-center">ã»ãã·ã§ã³</a></li> 94 <li><a href="#sponsors" class="block px-4 py-3 hover:bg-[#fabe00]/10 transition-colors text-center">ã¹ãã³ãµã¼</a></li> 95 <li><a href="https://x.com/komekaigi" target="_blank" 96 class="block px-4 py-3 hover:bg-[#fabe00]/10 transition-colors text-center">å ¬å¼X</a></li> 97 <li><a href="https://note.com/komekaigi/m/mf56a6e60a550" target="_blank" 98 class="block px-4 py-3 hover:bg-[#fabe00]/10 transition-colors text-center">å ¬å¼note</a></li> 99 </ul> 100 </nav> 101</header> 102 103<!-- Hero Section --> 104<section id="hero" class="relative pt-24 pb-12 md:pt-32 md:pb-16 flex items-center justify-center text-center bg-white/90"> 105 <div class="relative z-10 container mx-auto px-4 max-w-6xl"> 106 <img src="assets/images/komekaigi_logomark.svg" alt="KomeKaigi Symbol" class="h-48 mx-auto mb-8"/> 107 <div class="card section-card mx-auto p-8 mb-12 animate-fadeInUp"> 108 <div class="text-xl"> 109 <p class="hidden lg:block typing mx-auto" style="max-width: fit-content;"> 110 KomeKaigiã¯æ°æ½ã®ç¾å³ãããç±³ã»ãé ã楽ãã¿ãæè¡ãå¦ã¶ã«ã³ãã¡ã¬ã³ã¹ã§ãã 111 </p> 112 <div class="lg:hidden"> 113 <p class="mb-2">ãKomeKaigiãã¯æ°æ½ã®ç¾å³ãããç±³ã»ãé ã楽ãã¿ã</p> 114 <p>æè¡ãå¦ã¶ã«ã³ãã¡ã¬ã³ã¹ã§ãã</p> 115 </div> 116 </div> 117 </div> 118 <div class="grid grid-cols-1 md:grid-cols-3 gap-4 max-w-4xl mx-auto">
119 <a href="https://note.com/yukyu2nd/n/nef3ed3aae7ab" 120 target="_blank" 121 rel="noopener noreferrer" 122 class="py-6 px-4 rounded-lg font-mono text-center h-20 flex flex-col items-center justify-center bg-gray-100 hover:bg-gray-200 border-2 border-gray-300 text-gray-400 transition-colors"> 123 <span class="text-lg font-bold">[ ãããã¼ã¶ã«åéã«ã¤ã㦠]</span> 124 <span class="text-sm">åéçµäºãã¾ãã</span> 125 </a> 126 <a href="https://note.com/akshimo/n/n4374853952d5" 127 target="_blank" 128 rel="noopener noreferrer" 129 class="py-6 px-4 rounded-lg font-mono text-center h-20 flex flex-col items-center justify-center bg-gray-100 hover:bg-gray-200 border-2 border-gray-300 text-gray-400 transition-colors"> 130 <span class="text-lg font-bold">[ ã¹ãã³ãµã¼åéã«ã¤ã㦠]</span> 131 <span class="text-sm">åéçµäºãã¾ãã</span> 132 </a> 133 <a href="https://komekaigi.connpass.com/event/365113/" 134 target="_blank" 135 rel="noopener noreferrer" 136 class="py-6 px-4 rounded-lg font-mono text-center h-20 flex flex-col items-center justify-center bg-gray-100 hover:bg-gray-200 border-2 border-gray-300 text-gray-400 transition-colors"> 137 <span class="text-lg font-bold">[ åå ç³è¾¼ ]</span> 138 <span class="text-sm">åéçµäºãã¾ãã</span> 139 </a> 140 <a href="https://fortee.jp/komekaigi-2025/timetable" 141 target="_blank" 142 rel="noopener noreferrer" 143 class="py-6 px-4 rounded-lg font-mono text-center h-20 flex items-center justify-center bg-gray-100 hover:bg-gray-200 border-2 border-gray-300 text-gray-400 transition-colors text-lg font-bold"> 144 [ ã¿ã¤ã ãã¼ãã« ] 145 </a> 146 </div> 147 </div> 148</section> 149 150<!-- Theme Explanation Section --> 151<section id="theme" class="py-16 md:py-20"> 152 <div class="container mx-auto px-4 max-w-6xl text-center"> 153 <div class="card section-card mx-auto p-6 md:p-8 animate-fadeInUp mb-6"> 154 <p class="text-lg md:text-xl mb-2">è¨å¿µãã¹ãåéå¬ã®ãã¼ãã¯</p> 155 <h3 class="text-2xl md:text-3xl font-bold text-primary">ãæ°ç±³ã«ã³ãã¡ã¬ã³ã¹ã</h3> 156 </div> 157 <div class="card section-card mx-auto p-5 md:p-6 animate-fadeInUp bg-amber-50"> 158 <p class="text-gray-700"> 159 ä»åã¯ç¬¬0åéå¬ã«ã¤ããå°è¦æ¨¡ã§ã®å®æ½ã¨ãªãã¾ãã<br> 160 è³ãã¬ç¹ããããã¨åãã¾ãããä½åã容赦ãã ããã¾ããããé¡ãç³ãä¸ãã¾ãã 161 </p> 162 </div> 163 </div> 164</section> 165 166<!-- Overview Section --> 167<section id="overview" class="py-12 md:py-16"> 168 <div class="container mx-auto px-4 max-w-6xl"> 169 <div class="card section-card mx-auto p-8 md:p-12 animate-fadeInUp"> 170 <h3 class="text-3xl mb-8 text-center section-title">éå¬æ¦è¦</h3> 171 <div class="grid md:grid-cols-2 gap-8"> 172 <div class="text-center"> 173 <svg class="w-8 h-8 mx-auto mb-2 text-primary fill-none stroke-current"
174 viewBox="0 0 24 24"> 175 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 176 d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path> 177 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 178 d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> 179 </svg> 180 <p class="text-sm text-gray-600 mb-2">ä¼å ´</p> 181 <p class="text-xl font-medium">éå¿å°éè·å¤§å¦ 米山ãã£ã³ãã¹</p> 182 </div> 183 <div class="text-center"> 184 <svg class="w-8 h-8 mx-auto mb-2 text-primary fill-none stroke-current" 185 viewBox="0 0 24 24"> 186 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 187 d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> 188 </svg> 189 <p class="text-sm text-gray-600 mb-2">æ¥ç¨</p> 190 <p class="text-xl font-medium">2025å¹´11æ1æ¥(å)</p> 191 </div> 192 </div> 193 </div> 194 </div> 195</section> 196 197<!-- Access Section --> 198<section id="access" class="py-12 md:py-16"> 199 <div class="container mx-auto px-4 max-w-6xl"> 200 <div class="card section-card mx-auto p-8 md:p-12 animate-fadeInUp"> 201 <h3 class="text-3xl mb-8 text-center section-title">ã¢ã¯ã»ã¹</h3> 202 203 <div class="mb-8"> 204 <h4 class="text-xl font-bold mb-4 text-primary">ä¼å ´</h4> 205 <p class="text-lg font-medium mb-2">éå¿å°éè·å¤§å¦ 米山ãã£ã³ãã¹</p> 206 <p class="text-gray-600 mb-4">ã950-0916 æ°æ½çæ°æ½å¸ä¸å¤®åºç±³å±±3ä¸ç®1-53</p> 207 208 <h4 class="text-lg font-bold mb-2 text-primary">交éã¢ã¯ã»ã¹</h4> 209 <div class="flex items-start mb-6"> 210 <svg class="w-5 h-5 text-primary mr-2 mt-0.5 fill-none stroke-current" viewBox="0 0 24 24"> 211 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 212 </svg> 213 <p>JRæ°æ½é§ åå£ããå¾æ©3å</p> 214 </div> 215 </div> 216 217 <div class="h-96 rounded-lg overflow-hidden"> 218 <iframe 219 title="éå¿å°éè·å¤§å¦ 米山ãã£ã³ãã¹ã®å°å³" 220 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3147.8082272999997!2d139.0591637!3d37.9082273!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5ff4c99ea6a6ba51%3A0xe4a30abaebd3a74!2z6ZaL5b-X5bCC6ZaA6IG35aSn5a2mIOexs-WxseOCreODo-ODs-ODkeOCuQ!5e0!3m2!1sja!2sjp!4v1738032000000!5m2!1sja!2sjp" 221 width="100%" 222 height="100%" 223 style="border:0;" 224 allowfullscreen="" 225 loading="lazy" 226 referrerpolicy="no-referrer-when-downgrade"> 227 </iframe> 228 </div> 229 </div> 230 </div> 231</section> 232 233<!-- Sessions Section --> 234<section id="sessions" class="py-12 md:py-16"> 235 <div class="container mx-auto px-4 max-w-6xl"> 236 <div class="text-center mb-12"> 237 <h2 class="text-3xl md:text-4xl section-title"> 238 ã»ãã·ã§ã³ 239 </h2> 240 </div> 241 242 <!-- ã¹ãã¼ã«ã¼ã«ã¼ã --> 243 <div class="flex flex-col gap-10 max-w-2xl mx-auto mb-12"> 244 <!-- ã¹ãã¼ã«ã¼ã«ã¼ãã¯JavaScriptã§åçã«çæ --> 245 </div> 246 247 <!-- ã¿ã¤ã ãã¼ãã«ãªã³ã¯ --> 248 <div class="text-center"> 249 <a href="https://fortee.jp/komekaigi-2025/timetable" target="_blank" rel="noopener noreferrer" 250 class="inline-block tech-button px-8 py-4 text-lg font-bold rounded-lg transition-all duration-300"> 251 ã¿ã¤ã ãã¼ãã«ãè¦ã â 252 </a> 253 </div> 254 </div> 255</section> 256 257<!-- Sponsors Section --> 258<section id="sponsors" class="py-12 md:py-16 bg-amber-50"> 259 <div class="container mx-auto px-4 max-w-6xl"> 260 <h3 class="text-3xl text-center section-title">ã¹ãã³ãµã¼</h3> 261 262 <div id="sponsors-content"> 263 <div class="text-center"> 264 <div class="inline-block"> 265 <svg class="animate-spin h-8 w-8 text-primary fill-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 266 <circle class="opacity-25 stroke-current" cx="12" cy="12" r="10" stroke-width="4"></circle> 267 <path class="opacity-75 fill-current" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 268 </svg> 269 </div> 270 </div> 271 </div> 272 </div> 273 274 <!-- ã¹ãã³ãµã¼ã¢ã¼ãã« --> 275 <div id="sponsorModal" class="modal"> 276 <div class="modal-content"> 277 <button class="modal-close" id="modalCloseButton"> 278 <svg class="w-4 h-4 fill-none stroke-current" stroke-width="2" viewBox="0 0 24 24"> 279 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 280 </svg> 281 </button> 282 <div class="modal-logo" id="modalLogo"></div> 283 <div class="modal-body"> 284 <div class="modal-info" id="modalInfo"></div> 285 </div> 286 </div> 287 </div> 288</section> 289
290<!-- Individual Sponsors Section --> 291<section id="individual-sponsors" class="py-8 md:py-12 bg-amber-50"> 292 <div class="container mx-auto px-4 max-w-6xl"> 293 <div id="individual-sponsors-content" class="max-w-5xl mx-auto"> 294 <!-- å人ã¹ãã³ãµã¼ãªã¹ãã¯JavaScriptã§åçã«çæ --> 295 </div> 296 </div> 297</section> 298 299<!-- Staff Section --> 300<section id="staff" class="py-8 md:py-12 bg-amber-50"> 301 <div class="container mx-auto px-4 max-w-6xl"> 302 <div id="staff-content" class="max-w-5xl mx-auto"> 303 <!-- ã¹ã¿ãããªã¹ãã¯JavaScriptã§åçã«çæ --> 304 </div> 305 </div> 306</section> 307 308<!-- Footer --> 309<footer class="bg-[#2A2E35] text-white py-12"> 310 <div class="container mx-auto px-4 max-w-6xl"> 311 <div class="flex flex-col md:flex-row justify-center items-center gap-4 md:gap-8 mb-6"> 312 <a href="https://fortee.jp/komekaigi-2025/page/coc" 313 target="_blank" 314 rel="noopener noreferrer" 315 class="hover:text-[#fabe00] transition-colors"> 316 è¡åè¦ç¯ 317 </a> 318 <span class="hidden md:inline text-gray-500">|</span> 319 <a href="https://fortee.jp/komekaigi-2025/page/photographing-policy" 320 target="_blank" 321 rel="noopener noreferrer" 322 class="hover:text-[#fabe00] transition-colors"> 323 æ®å½±ããªã·ã¼ 324 </a> 325 </div> 326 <p class="text-center">© 2025 KomeKaigi. All Rights Reserved.</p> 327 </div> 328</footer> 329 330<!-- JavaScript Files -->
331<script src="js/utils.js"></script>
vendor: 1 bytes, line 331
331
332<script src="js/sponsors.js"></script>
vendor: 1 bytes, line 332
332
333<script src="js/speakers.js"></script>
vendor: 1 bytes, line 333
333
334<script src="js/staff.js"></script>
vendor: 1 bytes, line 334
334
335<script src="js/individual_sponsors.js"></script>
vendor: 1 bytes, line 335
335
336<script src="js/main.js"></script>
vendor: 1 bytes, line 336
336
337<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"17202b0e46914752b1167aa311dc6948","r":1,"spa":2}' crossorigin="anonymous"></script>
337 338</body> 339</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.