1<!DOCTYPE html> 2<html lang="ja"> 3 <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> 4 <!-- /- Google Tag Manager --> 5
5<script>
vendor: 358 bytes, lines 5-10
5 6 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 7 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 8 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 9 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 10 })(window,document,'script','dataLayer','
10GTM-K7FX3B45
vendor: 8 bytes, lines 10-11
10'); 11
11</script>
11 12 <!-- /- End Google Tag Manager --> 13 <!-- / google reCAPTCHA --> 14 <meta charset="UTF-8"/> 15 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 16 <meta name="viewport" content="width=device-width initial-scale=1.0 minimum-scale=1.0 maximum-scale=1.0 user-scalable=no"/> 17 <meta name="description" content="ã¹ããã¯ã楽ãããï¼ä»è©±é¡ã®ã¹ãã¼ããªã¹ããã¯ãã¹ããã¯ãã¯ããã¸ã¼ãº(ã¹ããã¯)ãã®å ¬å¼ã¢ããªï¼ãªã¢ã«ã¨ãããã§ã¤ãªãããµã¼ããã¬ã¤ã¹ãä½é¨ããã"/> 18 <meta name="title" content="ã¹ãã㯠Snack Technologies"/> 19 <meta name="author" content="æ ªå¼ä¼ç¤¾ã¹ããã¯ãã¯ããã¸ã¼ãº"/> 20 <meta property="og:description" content="ã¹ããã¯ã楽ãããï¼ä»è©±é¡ã®ã¹ãã¼ããªã¹ããã¯ãã¹ããã¯ãã¯ããã¸ã¼ãº(ã¹ããã¯)ãã®å ¬å¼ã¢ããªï¼ãªã¢ã«ã¨ãããã§ã¤ãªãããµã¼ããã¬ã¤ã¹ãä½é¨ããã"/> 21 <meta property="og:image" content="https://snatech.jp/img/ogimage.png"/> 22 <meta property="og:locale" content="ja_JP"/> 23 <meta property="og:url" content="https://snatech.jp/"/> 24 <meta property="og:type" content="website"/> 25 <meta property="og:title" content="ã¹ãã㯠Snack Technologies"/> 26 <meta property="og:site_name" content="ã¹ãã㯠Snack Technologies"/> 27 <meta name="csrf-token" content="5ee6476f58644b8fda0f3dd832e792fbd943aa69-1791105846060-1b4e4a2fb686cebd58a7a9de"/> 28 <title>ã¹ãã㯠Snack Technologies</title> 29 <link rel="canonical" href="https://snatech.jp/"/> 30 <link rel="manifest" href="/manifest.json"/> 31 <link rel="icon" type="image/png" href="/img/favicon.ico"/> 32 <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png"/> 33
33<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
33 34
34<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
34 35
35<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
35 36
36<script src="https://unpkg.com/[email protected]/dist/vue.global.prod.js"></script>
36 37 <link rel="stylesheet" href="/css/main.css?0be4d465af9592ebd620f4efdc2861f14253219d" media="all"/> 38
38<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery.pwdMeasure.min.js"></script>
38 39
39<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js" type="text/javascript"></script>
39 40
40<script src="/js/index.js?0be4d465af9592ebd620f4efdc2861f14253219d"></script>
40 41
41<script> 42 // VAPIDå ¬ééµãã°ãã¼ãã«å¤æ°ã«è¨å® 43 const vapidPublicKey = "BE1z6by0Q9UU9xIJzYbn_qCZVA7HY7EMCt3dG3r0IQghJfpPnUvEXOqKy06S0bnbU9TLP25P3-ExG9-feKIu4Uc"; 44 if (vapidPublicKey) { 45 window.vapidPublicKey = vapidPublicKey; 46 } 47 // pwa 48 if ('serviceWorker' in navigator) { 49 navigator.serviceWorker.register('/sw.js').then(function() { console.log('Service Worker Registered'); }); 50 } 51 </script>
51 52 </head> 53 <body id="top-index" data-sidebar-collapsed="true"> 54 <!-- /- Google Tag Manager (noscript) -->
vendor: 79 bytes, lines 54-56
54 55 <noscript> 56 <iframe src="https://www.googletagmanager.com/ns.html?id=
56GTM-K7FX3B45
vendor: 92 bytes, lines 56-58
56" height="0" width="0" style="display:none;visibility:hidden"></iframe> 57 </noscript> 58
58<!-- /- End Google Tag Manager (noscript) --> 59 <!-- /- -else if(pageInfo.bodyId.startsWith("admin") && pageInfo.bodyId != "admin-broadcast-index") --> 60 <!-- /- .prod.prod-admin æ¬çª --> 61<header class="header is-site"> 62 <div class="wrap-1330 uk-padding-small uk-padding-remove-vertical"> 63 <div class="header__inner"> 64 <div class="header__logo"> 65 <a href="/"> 66 <img src="/img/common/logo_blue.png" alt="ã¹ãã㯠Snack Technologies"/> 67 </a> 68 </div> 69 <nav class="header__nav uk-visible@m"> 70 <ul class="header__nav-list uk-margin-remove"> 71 <li class="header__nav-item"> 72 <a href="/registration" data-auto-translate="data-auto-translate">æ°è¦ä¼å¡ç»é²</a> 73 </li> 74 <li class="header__nav-item"> 75 <a href="/login" data-auto-translate="data-auto-translate">ãã°ã¤ã³</a> 76 </li> 77 <li class="header__nav-item"> 78 <a href="/store" data-auto-translate="data-auto-translate">ãåºã«å°å ¥ãã</a> 79 </li> 80 <li class="header__nav-item"> 81 <a href="/company" data-auto-translate="data-auto-translate">éå¶ä¼ç¤¾</a> 82 </li> 83 </ul> 84 </nav> 85 <div class="header__btn uk-hidden@m"> 86 <a href="/registration" class="btn-arrow"> 87 <span data-auto-translate="data-auto-translate">æ°è¦ä¼å¡ç»é²</span> 88 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 89 </a> 90 <a href="/login" class="btn-arrow uk-visible@s" data-style="secondary"> 91 <span data-auto-translate="data-auto-translate">ãã°ã¤ã³</span> 92 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 93 </a> 94 </div> 95 <div class="uk-hidden@m"> 96 <a class="js-drawerOpen" style="color: #0070b3;"> 97 <span uk-icon="menu"></span> 98 </a> 99 <div class="drawer js-drawer" style="display: none;"> 100 <div class="wrap-1330 uk-padding-small uk-padding-remove-vertical"> 101 <div class="ft-bottom-margin"> 102 <div class="drawer__head"> 103 <div class="drawer__logo"> 104 <a href="/"> 105 <img src="/img/common/logo_blue.png" alt="ã¹ãã㯠Snack Technologies"/> 106 </a> 107 </div> 108 <a class="drawer__close js-drawerClose" uk-icon="icon: close" style="color: #0070b3;"></a> 109 </div> 110 <div class="drawer__inner"> 111 <div class="drawer__btns"> 112 <a class="drawer__btn" href="/registration"> 113 <span data-auto-translate="data-auto-translate">æ°è¦ä¼å¡ç»é²</span> 114 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 115 </a> 116 <a class="drawer__btn" href="/login" data-style="reversed"> 117 <span data-auto-translate="data-auto-translate">ãã°ã¤ã³</span> 118 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 119 </a> 120 </div> 121 <div class="drawer__menu"> 122 <div id="js-userMenu" class="drawer__menu-container"> 123 <div class="drawer__menu-inner"> 124 <div class="drawer__menu-list" uk-accordion=""> 125 <div> 126 <p class="drawer__menu-cat uk-accordion-title"> 127 <span data-auto-translate="data-auto-translate">ä¸è¬ã®å©ç¨è æ§</span> 128 <span class="js-iconToggle uk-margin-small-left" uk-icon="icon: plus"></span> 129 </p> 130 <div class="uk-accordion-content uk-margin-remove"> 131 <a class="drawer__menu-item" href="/#about"> 132 <span data-auto-translate="data-auto-translate">ã¹ããã¯ã«ã¤ãã¦</span> 133 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 134 </a> 135 <a class="drawer__menu-item" href="/#feature">
136 <span data-auto-translate="data-auto-translate">ä¸»ãªæ©è½</span> 137 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 138 </a> 139 <a class="drawer__menu-item" href="https://www.snack-map.com/snatech" target="_blank"> 140 <span data-auto-translate="data-auto-translate">å çåºä¸è¦§</span> 141 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 142 </a> 143 <a class="drawer__menu-item" href="/#news"> 144 <span data-auto-translate="data-auto-translate">ãç¥ãã</span> 145 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 146 </a> 147 <a class="drawer__menu-item" href="/#faq"> 148 <span data-auto-translate="data-auto-translate">ãããã質å</span> 149 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 150 </a> 151 <a class="drawer__menu-item" href="https://forms.gle/YBa6DjypM7XsmFXa7" target="_blank"> 152 <span data-auto-translate="data-auto-translate">åæã«ã¤ãã¦ãåãåãã</span> 153 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 154 </a> 155 </div> 156 </div> 157 </div> 158 <div class="drawer__menu-list" uk-accordion=""> 159 <div> 160 <p class="drawer__menu-cat uk-accordion-title"> 161 <span data-auto-translate="data-auto-translate">åºèãªã¼ãã¼æ§</span> 162 <span class="js-iconToggle uk-margin-small-left" uk-icon="icon: plus"></span> 163 </p> 164 <div class="uk-accordion-content uk-margin-remove"> 165 <a class="drawer__menu-item" href="/store#merit"> 166 <span data-auto-translate="data-auto-translate">ã¹ããã¯å°å ¥ã®ã¡ãªãã</span> 167 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 168 </a> 169 <a class="drawer__menu-item" href="/store#faq"> 170 <span data-auto-translate="data-auto-translate">ãããã質å</span> 171 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 172 </a> 173 <a class="drawer__menu-item" href="https://forms.gle/xaFL4GxPnCfgxsoE6" target="_blank"> 174 <span data-auto-translate="data-auto-translate">å çã»å°å ¥ã«ã¤ãã¦ãåãåãã</span> 175 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 176 </a> 177 </div> 178 </div> 179 </div> 180 <div class="drawer__menu-list" uk-accordion=""> 181 <div> 182 <p class="drawer__menu-cat uk-accordion-title"> 183 <span data-auto-translate="data-auto-translate">伿¥æ å ±/æ¡ç¨æ å ±</span> 184 <span class="js-iconToggle uk-margin-small-left" uk-icon="icon: plus"></span> 185 </p> 186 <div class="uk-accordion-content uk-margin-remove"> 187 <a class="drawer__menu-item" href="/company#message"> 188 <span data-auto-translate="data-auto-translate">ä»£è¡¨æ¨æ¶</span> 189 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 190 </a> 191 <a class="drawer__menu-item" href="/company#company"> 192 <span data-auto-translate="data-auto-translate">ä¼ç¤¾æ¦è¦</span> 193 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 194 </a> 195 <a class="drawer__menu-item" href="/recruit">
196 <span data-auto-translate="data-auto-translate">æ¡ç¨æ å ±</span> 197 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 198 </a> 199 <a class="drawer__menu-item" href="/company#news"> 200 <span data-auto-translate="data-auto-translate">ãã¥ã¼ã¹ãªãªã¼ã¹</span> 201 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 202 </a> 203 </div> 204 </div> 205 </div> 206 </div> 207 </div> 208 <hr class="uk-margin-medium-top uk-visible@m" style="border-color: #A7A7A7;"/> 209 <ul class="drawer__link uk-margin-medium-top uk-margin-medium-bottom"> 210 <li data-style="line"> 211 <a href="https://lin.ee/U5oJYp1"> 212 <img src="/img/common/icon_line.svg" alt="LINE"/> 213 <span data-auto-translate="data-auto-translate">å ¬å¼LINE</span> 214 </a> 215 </li> 216 <li> 217 <a href="/"> 218 <span data-auto-translate="data-auto-translate">ããã</span> 219 </a> 220 </li> 221 <li> 222 <a href="/terms/privacy"> 223 <span data-auto-translate="data-auto-translate">ãã©ã¤ãã·ã¼ããªã·ã¼</span> 224 </a> 225 </li> 226 <li> 227 <a href="/terms/term"> 228 <span data-auto-translate="data-auto-translate">å©ç¨è¦ç´</span> 229 </a> 230 </li> 231 <li> 232 <a href="/terms/snabomb"> 233 <span data-auto-translate="data-auto-translate">ã¹ããã æ©è½å©ç¨ç¹ç´</span> 234 </a> 235 </li> 236 <li> 237 <a href="/terms/tokushoho"> 238 <span data-auto-translate="data-auto-translate">ç¹å®åå弿³ã«åºã¥ã表è¨</span> 239 </a> 240 </li> 241 </ul> 242 </div> 243 </div> 244 </div> 245 </div> 246 </div> 247 </div> 248 </div> 249 </div> 250</header> 251<input type="hidden" name="csrfToken" value="5ee6476f58644b8fda0f3dd832e792fbd943aa69-1791105846060-1b4e4a2fb686cebd58a7a9de"/> 252<main class="uk-position-relative"> 253 <section class="mv"> 254 <div class="mv__background"> 255 <picture> 256 <source media="(max-width: 639px)" srcset="/img/top/mv_background_sp.png"></source> 257 <img src="/img/top/mv_background.png" alt="" loading="lazy" decoding="async"/> 258 </picture> 259 </div> 260 <div class="mv__content wrap-1280"> 261 <h1 class="mv__title"> 262 ã¤ãªããããæ°ããã 263 <br/> 264 ã¹ããã¯ããæªæ¥ã¸ã 265 </h1> 266 <div class="mv__btns"> 267 <a id="gtm-top-contact-membership" class="btn-arrow" href="https://forms.gle/xaFL4GxPnCfgxsoE6" target="_blank"> 268 å çã®ãåãåãã 269 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 270 </a> 271 <a id="gtm-top-contact-media" class="btn-arrow" href="https://forms.gle/YBa6DjypM7XsmFXa7" target="_blank" data-style="secondary"> 272 åæããã®ä»ã«ã¤ã㦠273 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 274 </a> 275 <a id="gtm-top-recruit" class="btn-arrow" href="recruit" data-style="success2"> 276 æ¡ç¨é¢é£ã¯ãã¡ã 277 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 278 </a> 279 </div> 280 </div> 281 </section> 282 <section id="casestudy" class="casestudy"> 283 <div class="uk-padding uk-padding-remove-vertical"> 284 <div class="wrap-1280"> 285 <h2 class="heading uk-margin-medium-bottom uk-text-center"> 286 <span class="heading__app">å çåºã®å£°</span> 287 </h2> 288 <div class="casestudy-card-grid uk-margin-medium-bottom"> 289<a class="casestudy-card" href="/casestudy/axia1"> 290 <div class="casestudy-card__thumb-wrap"> 291 <img class="casestudy-card__thumb" src="/img/casestudy/axia1/og.png" alt=""/> 292 </div> 293 <div class="casestudy-card__body"> 294 <div class="casestudy-card__heading"> 295 <p class="casestudy-card__shop-name uk-margin-remove">ã¢ãã½ã³ãã¼AXIA</p> 296 <p class="casestudy-card__title uk-margin-remove">
296ã¹ããã ã§åºå ¨ä½ãçãä¸ãããèªç¶ã¨ããã䏿¯ããå¢ãã¾ããã</p> 297 </div> 298 <div class="casestudy-card__tags"> 299 <span class="casestudy-card__tag" data-style="mute">ä¹å·_ç¦å²¡</span> 300 <span class="casestudy-card__tag" data-style="mute">ã«ã¦ã³ã¿ã¼8å¸</span> 301 <span class="casestudy-card__tag" data-style="mute">ããã¯ã¹12å¸</span> 302 <span class="casestudy-card__tag" data-style="mute">20代ã50代</span> 303 </div> 304 </div> 305</a> 306<a class="casestudy-card" href="/casestudy/egl1"> 307 <div class="casestudy-card__thumb-wrap"> 308 <img class="casestudy-card__thumb" src="/img/casestudy/egl1/og.png" alt=""/> 309 </div> 310 <div class="casestudy-card__body"> 311 <div class="casestudy-card__heading"> 312 <p class="casestudy-card__shop-name uk-margin-remove">eagle</p> 313 <p class="casestudy-card__title uk-margin-remove">ä¼è¨ãã¹ã ã¼ãºã«ãªããæ¥å®¢ã«ãã£ã¨éä¸ã§ããããã«ãªãã¾ããã</p> 314 </div> 315 <div class="casestudy-card__tags"> 316 <span class="casestudy-card__tag" data-style="mute">æ±å_山形</span> 317 <span class="casestudy-card__tag" data-style="mute">ã«ã¦ã³ã¿ã¼7å¸</span> 318 <span class="casestudy-card__tag" data-style="mute">ããã¯ã¹4ããã¯ã¹ï¼8å¸Ã4ï¼</span> 319 <span class="casestudy-card__tag" data-style="mute">30代ã60代</span> 320 </div> 321 </div> 322</a> 323<a class="casestudy-card" href="/casestudy/ovrt1"> 324 <div class="casestudy-card__thumb-wrap"> 325 <img class="casestudy-card__thumb" src="/img/casestudy/ovrt1/og.png" alt=""/> 326 </div> 327 <div class="casestudy-card__body"> 328 <div class="casestudy-card__heading"> 329 <p class="casestudy-card__shop-name uk-margin-remove">OVER TIME</p> 330 <p class="casestudy-card__title uk-margin-remove">é éãã ã§ãæ¥ãããªã常é£ããã¨ãä¸ç·ã«çãä¸ãã£ã¦ãã¾ãã</p> 331 </div> 332 <div class="casestudy-card__tags"> 333 <span class="casestudy-card__tag" data-style="mute">æ±å_山形</span> 334 <span class="casestudy-card__tag" data-style="mute">ã«ã¦ã³ã¿ã¼8å¸</span> 335 <span class="casestudy-card__tag" data-style="mute">ããã¯ã¹6å</span> 336 <span class="casestudy-card__tag" data-style="mute">40代ã60代</span> 337 </div> 338 </div> 339</a> 340 </div> 341 <div class="uk-text-center"> 342 <a class="btn-arrow" href="/casestudy"> 343 äºä¾éä¸è¦§ 344 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 345 </a> 346 </div> 347 </div> 348 </div> 349 </section> 350 <section id="about" class="about"> 351 <div class="uk-padding uk-padding-remove-vertical"> 352 <div class="wrap-1280"> 353 <div class="about__inner"> 354 <div class="about__info"> 355 <h2 class="heading uk-margin-remove uk-text-center"> 356 90ç§ã§ããã<span class="heading__app"><br>ã¹ããã¯</span> 357 </h2> 358 </div> 359 <div id="js-videoController" class="about__video"> 360 <video src="https://cdn.snatech.jp/snatech_service_vert.mp4" autoplay="autoplay" muted="muted" loop="loop" playsinline="playsinline" controlsList="nodownload" preload="metadata">ã使ãã®ãã©ã¦ã¶ã¯ video ã«å¯¾å¿ãã¦ãã¾ããã</video> 361 </div> 362 </div> 363 </div> 364 </div> 365 </section> 366 <section id="merit" class="merit bg-gray"> 367 <div class="uk-padding uk-padding-remove-vertical"> 368 <div class="merit__wrap wrap-1280"> 369 <div class="merit__spimg uk-hidden@m"> 370 <img src="img/company/service.png" alt=""/> 371 </div> 372 <section class="merit__container"> 373 <h2 class="heading merit__heading"> 374 <span class="heading__app">ã客æ§</span>ã®ã¡ãªãã 375 </h2> 376 <div class="merit__inner"> 377 <div class="merit__ttlicon"> 378 <img src="img/top/merit_ttl_icon1.png" alt=""/> 379 </div> 380 <div class="merit__txt"> 381 <div> 382 <div class="merit__title"> 383 <div class="merit__title-icon"> 384 <img src="img/top/merit_icon_01.svg" alt="" uk-svg=""/> 385 </div>
386 <span>ææä¼è¨ã§å®å¿</span> 387 </div> 388 <p class="uk-margin-remove">æéæç´°ãé 忏ãèªåéä»ãã¹ããã§DLã確èªã楽ã ã</p> 389 </div> 390 <div> 391 <div class="merit__title"> 392 <div class="merit__title-icon"> 393 <img src="img/top/merit_icon_02.svg" alt="" uk-svg=""/> 394 </div> 395 <span>ãã¤ã§ãå ¥ãããã</span> 396 </div> 397 <p class="uk-margin-remove">æ··ãã§ããã®ãã仲éãããããåãããåºå åç»ãå å®ã</p> 398 </div> 399 <div> 400 <div class="merit__title"> 401 <div class="merit__title-icon"> 402 <img src="img/top/merit_icon_03.svg" alt="" uk-svg=""/> 403 </div> 404 <span>ã¤ãªãããåºãã</span> 405 </div> 406 <p class="uk-margin-remove">顧客å士ãèªç¶ã«ã¤ãªããæ§ã ãªä»çµã¿ã楽ãããåºããã</p> 407 </div> 408 </div> 409 </div> 410 </section> 411 <section class="merit__container"> 412 <h2 class="heading merit__heading"> 413 <span class="heading__app">ãåº</span>ã®ã¡ãªãã 414 </h2> 415 <div class="merit__inner" data-style="reverse"> 416 <div class="merit__ttlicon"> 417 <img src="img/top/merit_ttl_icon2.png" alt=""/> 418 </div> 419 <div class="merit__txt"> 420 <div> 421 <div class="merit__title"> 422 <div class="merit__title-icon"> 423 <img src="img/top/merit_icon_04.svg" alt="" uk-svg=""/> 424 </div> 425 <span>æ°è¦å®¢ã»ãªãã¼ãçã¢ãã</span> 426 </div> 427 <p class="uk-margin-remove">å ¥ãããããä¸ãããæ¥åºé »åº¦ãé«ãããã¾ãã¾ãªä»çµã¿ã</p> 428 </div> 429 <div> 430 <div class="merit__title"> 431 <div class="merit__title-icon"> 432 <img src="img/top/merit_icon_05.svg" alt="" uk-svg=""/> 433 </div> 434 <span>売ä¸ã«ã¤ãªãã顧客管ç</span> 435 </div> 436 <p class="uk-margin-remove">ãå®¢æ§æ å ±ãéå»ã®å±¥æ´ã顧客å士ã®ã¤ãªãããè¦ããåã</p> 437 </div> 438 <div> 439 <div class="merit__title"> 440 <div class="merit__title-icon"> 441 <img src="img/top/merit_icon_06.svg" alt="" uk-svg=""/> 442 </div> 443 <span>誰ã§ã楽ã ä¼è¨å¦ç</span> 444 </div> 445 <p class="uk-margin-remove">èªåä¼è¨ã§ãã¹ãæ¸ããã¯ã³ãªãã§ãå®å¿ãå¤é¨ã¨ã飿ºã</p> 446 </div> 447 </div> 448 </div> 449 </section> 450 </div> 451 </div> 452 </section> 453 <section id="feature" class="feature"> 454 <div class="uk-padding uk-padding-remove-vertical"> 455 <div class="wrap-1280"> 456 <h2 class="heading uk-margin-medium-bottom uk-text-center"> 457 <span class="heading__app">ã¹ããã¯</span>ã®ä¸»ãªæ©è½ 458 </h2> 459 <ul class="feature__list uk-padding-remove uk-margin-remove"> 460 <li class="feature__item"> 461 <div class="feature__item-img"> 462 <img src="/img/top/feature_01.png" alt=""/> 463 </div> 464 <div> 465 <h3 class="feature__item-title">åºèããæ©è½</h3> 466 <p class="uk-margin-remove">åºå åç»ãããã¸ã®ã¤ã³ã¿ãã¥ã¼åç»ã§äºåã«ãåºã®é°å²æ°ããã§ãã¯ãããã¨ãã§ãã¾ããâ</p> 467 </div> 468 </li> 469 <li class="feature__item"> 470 <div class="feature__item-img"> 471 <img src="/img/top/feature_02.png" alt=""/> 472 </div> 473 <div> 474 <h3 class="feature__item-title">ææä¼è¨</h3> 475 <p class="uk-margin-remove">æéæç´°ã¨é 忏ãå³åº§ã«ã¹ããã§ç¢ºèªå¯è½ãæéä½ç³»ã䏿çãªã¹ããã¯ã®ä¸å®ãè§£æ¶ããå®å¿ãã¦æ¥½ããã¾ããâ</p> 476 </div> 477 </li> 478 <li id="feature_tenponow" class="feature__item"> 479 <div class="feature__item-img"> 480 <img src="/img/top/feature_03.png" alt=""/> 481 </div> 482 <div> 483 <h3 class="feature__item-title">誰ããããåãã</h3> 484 <p class="uk-margin-remove">æ¥åºä¸ã®ã¦ã¼ã¶ã¼ããã®ãããã£ã¼ã«ããªã¢ã«ã¿ã¤ã ã§è¡¨ç¤ºãåºå ã®çãä¸ãããç¥ãåãã®æ¥åºç¶æ³ãããããâä»ããåæµâãã¹ãã¼ãã«å®ç¾ãã¾ããâ</p> 485 </div> 486 </li> 487 <li class="feature__item"> 488 <div class="feature__item-img"> 489 <img src="/img/top/feature_04.png" alt=""/> 490 </div> 491 <div> 492 <h3 class="feature__item-title">ç°¡åæ±ºæ¸</h3> 493 <p class="uk-margin-remove">ãä¼è¨ã¯ãã¹ããã¯ã«ç»é²æ¸ã¿ã®ã¯ã¬ã¸ããã«ã¼ãèªå決æ¸ã§ã¹ãã¼ãã«ã帰ãããã ãã¾ããâ</p> 494 </div> 495 </li> 496 </ul> 497 </div> 498 </div> 499 </section> 500 <section id="merchant" class="merchant bg-gray"> 501 <div class="uk-padding-small uk-padding-remove-vertical"> 502 <div class="wrap-1280"> 503 <h2 class="heading uk-margin-medium-bottom uk-text-center">
504 <span class="heading__app">ã¹ããã¯å çåº</span> 505 </h2> 506 <div class="merchant__list uk-margin-medium-bottom"> 507 <a class="merchant__item" href="https://www.snack-map.com/snack/sntk1" target="_blank"> 508 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 509 <img class="merchant__item-img" src="img/top/merchant/merchant_sntk1.png" alt=""/> 510 <p class="merchant__item-access">赤å</p> 511 </a> 512 <a class="merchant__item" href="https://www.snack-map.com/snack/mogu1" target="_blank"> 513 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 514 <img class="merchant__item-img" src="img/top/merchant/merchant_mogu1.png" alt=""/> 515 <p class="merchant__item-access">é座</p> 516 </a> 517 <a class="merchant__item" href="https://www.snack-map.com/snack/rdt1" target="_blank"> 518 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 519 <img class="merchant__item-img" src="img/top/merchant/merchant_rdt1.png" alt=""/> 520 <p class="merchant__item-access">大éªåº</p> 521 </a> 522 <a class="merchant__item" href="https://www.snack-map.com/snack/s61" target="_blank"> 523 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 524 <img class="merchant__item-img" src="img/top/merchant/merchant_s61.png" alt=""/> 525 <p class="merchant__item-access">å µåº«ç</p> 526 </a> 527 <a class="merchant__item" href="https://www.snack-map.com/snack/srmnc1" target="_blank"> 528 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 529 <img class="merchant__item-img" src="img/top/merchant/merchant_srmnc1.png" alt=""/> 530 <p class="merchant__item-access">é«å寺</p> 531 </a> 532 <a class="merchant__item" href="https://www.snack-map.com/snack/vgsw1" target="_blank"> 533 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 534 <img class="merchant__item-img" src="img/top/merchant/merchant_vgsw1.png" alt=""/> 535 <p class="merchant__item-access">æµæ¯å¯¿</p> 536 </a> 537 <a class="merchant__item" href="https://www.snack-map.com/snack/egl1" target="_blank"> 538 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 539 <img class="merchant__item-img" src="img/top/merchant/merchant_egl1.png" alt=""/> 540 <p class="merchant__item-access">山形</p> 541 </a> 542 <a class="merchant__item" href="https://www.snack-map.com/snack/ldn1" target="_blank"> 543 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 544 <img class="merchant__item-img" src="img/top/merchant/merchant_ldn1.png" alt=""/> 545 <p class="merchant__item-access">ç§èå</p> 546 </a> 547 <a class="merchant__item" href="https://www.snack-map.com/snack/axia1" target="_blank"> 548 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 549 <img class="merchant__item-img" src="img/top/merchant/merchant_axia1.png" alt=""/> 550 <p class="merchant__item-access">ç¦å²¡</p> 551 </a> 552 <a class="merchant__item" href="https://www.snack-map.com/snack/sren1" target="_blank"> 553 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 554 <img class="merchant__item-img" src="img/top/merchant/merchant_sren1.png" alt=""/> 555 <p class="merchant__item-access">大å</p> 556 </a> 557 <a class="merchant__item" href="https://www.snack-map.com/snack/nsn1" target="_blank"> 558 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 559 <img class="merchant__item-img" src="img/top/merchant/merchant_nsn1.png" alt=""/> 560 <p class="merchant__item-access">ç¦å²¡</p> 561 </a> 562 <a class="merchant__item" href="https://www.snack-map.com/snack/lco1" target="_blank"> 563 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 564 <img class="merchant__item-img" src="img/top/merchant/merchant_lco1.png" alt=""/> 565 <p class="merchant__item-access">ç§èå</p> 566 </a> 567 <a class="merchant__item" href="https://www.snack-map.com/snack/shn1" target="_blank"> 568 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 569 <img class="merchant__item-img" src="img/top/merchant/merchant_shn1.png" alt=""/> 570 <p class="merchant__item-access">ç§èå</p> 571 </a> 572 <a class="merchant__item" href="https://www.snack-map.com/snack/ovrt1" target="_blank"> 573 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 574 <img class="merchant__item-img" src="img/top/merchant/merchant_ovrt1.png" alt=""/> 575 <p class="merchant__item-access">山形</p> 576 </a> 577 <a class="merchant__item" href="https://www.snack-map.com/snack/ldn2" target="_blank"> 578 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 579 <img class="merchant__item-img" src="img/top/merchant/merchant_ldn2.png" alt=""/> 580 <p class="merchant__item-access">ç§èå</p> 581 </a> 582 <a class="merchant__item" href="https://www.snack-map.com/snack/ked1" target="_blank"> 583 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 584 <img class="merchant__item-img" src="img/top/merchant/merchant_ked1.png" alt=""/> 585 <p class="merchant__item-access">å æ¬æ¨</p> 586 </a> 587 <a class="merchant__item" href="https://www.snack-map.com/snack/ncti1" target="_blank"> 588 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 589 <img class="merchant__item-img" src="img/top/merchant/merchant_ncti1.png" alt=""/> 590 <p class="merchant__item-access">çæ¬</p> 591 </a> 592 <a class="merchant__item" href="https://www.snack-map.com/snack/stmn1" target="_blank"> 593 <img class="merchant__item-img" src="/media/logo/37/361d5dfd-f6c6-498c-9955-391e2dc0363e.png" alt="" style="object-fit: contain; background-color: #f0f0f0;"/> 594 <p class="merchant__item-access">æ± å°»å¤§æ©</p> 595 </a> 596 <a class="merchant__item" href="https://www.snack-map.com/snack/tsbo1" target="_blank"> 597 <img class="merchant__item-img" src="/media/logo/38/5e9455ef-5206-4e77-9d40-9d719f28871d.png" alt="" style="object-fit: contain; background-color: #f0f0f0;"/> 598 <p class="merchant__item-access">鹿å å³¶</p> 599 </a> 600 <a class="merchant__item" href="https://www.snack-map.com/snack/nmsd1" target="_blank"> 601 <img class="merchant__item-img" src="/media/logo/39/2d46f990-465f-40ce-b85d-8cc3395c99ef.png" alt="" style="object-fit: contain; background-color: #f0f0f0;"/> 602 <p class="merchant__item-access">ç§èå</p> 603 </a> 604 <a class="merchant__item" href="https://www.snack-map.com/snack/cwk1" target="_blank"> 605 <img class="merchant__item-img" src="/media/logo/40/1f2d5b74-e461-42bc-b003-894874
6050bad2a.png" alt="" style="object-fit: contain; background-color: #f0f0f0;"/> 606 <p class="merchant__item-access">湯島</p> 607 </a> 608 <a class="merchant__item" href="https://www.snack-map.com/snack/mtr1" target="_blank"> 609 <img class="merchant__item-img" src="/media/logo/43/5ce82ecb-df11-4fb4-a32c-a01bf8f9e090.png" alt="" style="object-fit: contain; background-color: #f0f0f0;"/> 610 <p class="merchant__item-access">麻å¸åçª/港åº</p> 611 </a> 612 <a class="merchant__item" href="https://www.snack-map.com/snack/cnch1" target="_blank"> 613 <img class="merchant__item-img" src="/media/logo/44/6a80ab72-b496-4d41-9726-90babf0249f4.png" alt="" style="object-fit: contain; background-color: #f0f0f0;"/> 614 <p class="merchant__item-access">ååä½/è¶³ç«åº</p> 615 </a> 616 <a class="merchant__item" href="https://www.snack-map.com/snack/cmns1" target="_blank"> 617 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 618 <img class="merchant__item-img" src="img/top/merchant/merchant_cmns1.png" alt=""/> 619 <p class="merchant__item-access">æåªç</p> 620 <span class="merchant__item-label">Coming soon</span> 621 </a> 622 <a class="merchant__item" href="https://www.snack-map.com/snack/kzk1" target="_blank"> 623 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 624 <img class="merchant__item-img" src="img/top/merchant/merchant_kzk1.png" alt=""/> 625 <p class="merchant__item-access">æ¸è°·</p> 626 <span class="merchant__item-label">Coming soon</span> 627 </a> 628 <a class="merchant__item" href="https://www.snack-map.com/snack/aksk1" target="_blank"> 629 <!-- /- TODOï¼åºèãã´ã¯å ¨ã¦MediaFileã«ç§»è¡ãã¦ããªãå ´åã¯NO IMAGEã®ãããªç»åã«ãã --> 630 <img class="merchant__item-img" src="img/top/merchant/merchant_aksk1.png" alt=""/> 631 <p class="merchant__item-access">赤åè¦é</p> 632 <span class="merchant__item-label">Coming soon</span> 633 </a> 634 <a class="merchant__item" href="https://www.snack-map.com/snack/ygo1" target="_blank"> 635 <img class="merchant__item-img" src="/media/logo/41/23f43df0-fde6-4e65-bb9c-0bfbe9b33c38.png" alt="" style="object-fit: contain; background-color: #f0f0f0;"/> 636 <p class="merchant__item-access">æ°å°å²©</p> 637 <span class="merchant__item-label">Coming soon</span> 638 </a> 639 <a class="merchant__item" href="https://www.snack-map.com/snack/s391" target="_blank"> 640 <img class="merchant__item-img" src="/media/logo/42/498197c6-c059-4ed0-9dc7-141283008514.png" alt="" style="object-fit: contain; background-color: #f0f0f0;"/> 641 <p class="merchant__item-access">åºå³¶</p> 642 <span class="merchant__item-label">Coming soon</span> 643 </a> 644 </div> 645 <div class="uk-text-center"> 646 <a class="btn-arrow" href="https://www.snack-map.com/snatech" target="_blank"> 647 å çåºä¸è¦§ 648 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 649 </a> 650 </div> 651 </div> 652 </div> 653 </section> 654 <section id="flow" class="flow bg-base"> 655 <div class="uk-padding uk-padding-remove-vertical"> 656 <div class="wrap-1280"> 657 <h2 class="heading uk-margin-medium-bottom" style="color: white;">æç1åï¼<br class="uk-hidden@s">ãã¾ããå§ããã</h2> 658 <ol class="flow__content uk-padding-remove uk-margin-medium-bottom"> 659 <li class="flow__item"> 660 <p class="flow__item-num">STEP1</p> 661 <div class="flow__item-img"> 662 <img src="/img/top/flow_01.png" alt=""/> 663 </div> 664 <h3 class="flow__item-title">æ°è¦ç»é²</h3> 665 <p class="uk-margin-remove">LINE飿ºãSMSèªè¨¼å¾å¿ è¦é ç®ãè¨å ¥</p> 666 </li> 667 <li class="flow__item"> 668 <p class="flow__item-num">STEP2</p> 669 <div class="flow__item-img"> 670 <img src="/img/top/flow_02.png" alt=""/> 671 </div> 672 <h3 class="flow__item-title">ã¯ã¬ã¸ããã«ã¼ãç»é²</h3> 673 <p class="uk-margin-remove">ãä¼è¨æã¾ã§ã«ã¯ã¬ã¸ããã«ã¼ããç»é²â</p> 674 </li> 675 <li class="flow__item"> 676 <p class="flow__item-num">STEP3</p> 677 <div class="flow__item-img"> 678 <img src="/img/top/flow_03.png" alt=""/> 679 </div> 680 <h3 class="flow__item-title">ãã§ãã¯ã¤ã³</h3> 681 <p class="uk-margin-remove">æ¥åºæã«ãåºã®QRã³ã¼ããã¹ãã£ã³ããç°¡åãã§ãã¯ã¤ã³â</p> 682 </li> 683 <li class="flow__item"> 684 <p class="flow__item-num">STEP4</p> 685 <div class="flow__item-img"> 686 <img src="/img/top/flow_04.png" alt=""/> 687 </div> 688 <h3 class="flow__item-title">èªå決æ¸</h3> 689 <p class="uk-margin-remove">éåºæã¯èªå決æ¸ã®ãããã¯ã¬ã¸ããã«ã¼ããç¾éããç¨æããã ãå¿ è¦ã¯ããã¾ãããâ</p> 690 </li> 691 </ol> 692 <div class="uk-text-center"> 693 <a class="btn-arrow" href="/registration" data-style="secondary"> 694 æ°è¦ä¼å¡ç»é² 695 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 696 </a> 697 </div> 698 </div> 699 </div> 700 </section> 701 <section id="faq" class="faq"> 702 <div class="uk-padding uk-padding-remove-vertical"> 703 <div class="wrap-800 uk-position-relative"> 704 <h2 class="heading uk-margin-medium-bottom uk-text-center">ãããã質å</h2> 705 <ul class="faq__list uk-padding-remove" uk-accordion="multiple: true"> 706 <li class="faq__item uk-margin-remove"> 707 <div class="uk-accordion-title"> 708 <p class="faq__item-title uk-margin-remove">å©ç¨æéã¯ãããã¾ããï¼</p> 709 </div> 710 <div class="faq__item-content uk-accordion-content"> 711 <div> 712 <p class="uk-margin-remove">ç¡æã§ãå©ç¨ããã ãã¾ãã</p> 713 <p class="uk-margin-remove-top uk-margin-small-bottom"> 714 <a href="/registration">æ°è¦ç»é²</a> 715 å¾ãããã«ãå©ç¨ããã ãã¾ãã 716 </p> 717 <p class="uk-margin-remove notes uk-text-emphasis">
718 <span class="notes__mk">â»</span> 719 ã¯ã¬ã¸ããã«ã¼ãã®æå¹æ§ã確èªãããããå°é¡ï¼300åç¨åº¦ï¼ã®æ±ºæ¸ãçºçããå ´åãããã¾ãããå½è©²éé¡ã¯éããã«è¿éããã¾ãã 720 </p> 721 </div> 722 </div> 723 </li> 724 <li class="faq__item uk-margin-remove"> 725 <div class="uk-accordion-title"> 726 <p class="faq__item-title uk-margin-remove">é 忏ã¯çºè¡ããã¾ããï¼</p> 727 </div> 728 <div class="faq__item-content uk-accordion-content"> 729 <div> 730 <p class="uk-margin-remove">ãä¼è¨å¾ã«ãã¤ãã¼ã¸ã§é²è¦§ã»ãã¦ã³ãã¼ãããã ãã¾ããâ</p> 731 <p class="uk-margin-remove">ã¡ã¼ã«ã¢ãã¬ã¹ããç»é²ããã ãã¦ãæ¹ã«ã¯ãã¡ã¼ã«ã§ããéããã¦ããã¾ããâ</p> 732 </div> 733 </div> 734 </li> 735 <li class="faq__item uk-margin-remove"> 736 <div class="uk-accordion-title"> 737 <p class="faq__item-title uk-margin-remove">ç¾éæ¯æãã«å¯¾å¿ãã¦ãã¾ããï¼</p> 738 </div> 739 <div class="faq__item-content uk-accordion-content"> 740 <div> 741 <p class="uk-margin-remove">ç¾é対å¿ã¯åºèã«ãã£ã¦ç°ãªãã¾ããâ</p> 742 <p class="uk-margin-remove">ãå©ç¨ã®åºèã«ãååããã ãããâ</p> 743 </div> 744 </div> 745 </li> 746 <li class="faq__item uk-margin-remove"> 747 <div class="uk-accordion-title"> 748 <p class="faq__item-title uk-margin-remove">ã¹ããã¯ã®ä¼å¡ç»é²ã¯ãåºæ¯ã«è¡ãå¿ è¦ãããã¾ããï¼</p> 749 </div> 750 <div class="faq__item-content uk-accordion-content"> 751 <div> 752 <p class="uk-margin-remove-top uk-margin-xsmall-bottom">ããããä¼å¡ç»é²ã¯ï¼åã®ã¿ã§ãå çåºå ¨åºèã§å ±éã§ãå©ç¨ããã ãã¾ããâ</p> 753 </div> 754 </div> 755 </li> 756 <li class="faq__item uk-margin-remove"> 757 <div class="uk-accordion-title"> 758 <p class="faq__item-title uk-margin-remove">ã¯ã¬ã¸ããã«ã¼ããç»é²ããã®ãä¸å®ã§ãã</p> 759 </div> 760 <div class="faq__item-content uk-accordion-content"> 761 <div> 762 <p class="uk-margin-remove">ãç»é²ããã ããã¯ã¬ã¸ããã«ã¼ãæ å ±ã¯çµç£çç»é²äºæ¥è ã§ããå§è¨å ã«ã¦å®å ¨ã«åãæ±ã£ã¦ããã¾ããã¹ããã¯ã§ã¯ãã«ã¼ãæ å ±ã¯ééã»ä¿æãã¦ããã¾ããã®ã§ãå®å¿ããã ããã°å¹¸ãã§ããâ</p> 763 </div> 764 </div> 765 </li> 766 </ul> 767 </div> 768 </div> 769 </section> 770 <section id="contact" class="contact bg-base"> 771 <div class="uk-padding-small uk-padding-remove-vertical"> 772 <div class="wrap-1330"> 773 <div class="cta-banner"> 774 <div class="cta-banner__detail"> 775 <h2 class="cta-banner__title">ãåãåãã</h2> 776 <div class="cta-banner__txt"> 777 <p class="uk-margin-remove">ã質åã»åæä¾é ¼ã®ä¾é ¼ãªã©ã¯ä»¥ä¸ã®ãåãåãããã©ã¼ã ãããé£çµ¡ãã ããã</p> 778 <p class="uk-margin-remove">é常ããåãåããã«ã¯2ã3å¶æ¥æ¥ä»¥å ã«ãè¿ä¿¡ãããã¾ãã</p> 779 </div> 780 <a id="gtm-top-contact-form" class="btn-arrow" href="https://forms.gle/YBa6DjypM7XsmFXa7" target="_blank"> 781 ãåãåãããã©ã¼ã ã¯ãã¡ã 782 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 783 </a> 784 </div> 785 <div class="cta-banner__img"> 786 <img src="/img/cta/cta_banner_contact.png" alt=""/> 787 </div> 788 </div> 789 </div> 790 </div> 791 </section> 792 <section id="news" class="news"> 793 <div class="uk-padding uk-padding-remove-vertical"> 794 <div class="wrap-800"> 795 <h2 class="heading uk-margin-medium-bottom uk-text-center">ãç¥ãã</h2> 796 <div class="news__list"> 797 <article class="news__item"> 798 <div class="news-meta"> 799 <time class="news-meta__time" datetime="2026-06-08">2026.06.08</time> 800 <p class="news-meta__tag">ãã¬ã¹ãªãªã¼ã¹</p> 801 </div> 802 <a class="news-link" href="/news/20260608_news"> 803 è³é調éã®ãç¥ãã 804 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 805 </a> 806 </article> 807 <article class="news__item"> 808 <div class="news-meta"> 809 <time class="news-meta__time" datetime="2025-12-17">2025.12.17</time> 810 <p class="news-meta__tag">ã¡ãã£ã¢æ²è¼</p> 811 </div> 812 <a class="news-link" href="/news/20251217_realvalue">
813 ãREALéæï¼ãå¼ç¤¾ä»£è¡¨ã®é¢è°·ãYouTubeçªçµãREAL VALUEãã«åºæ¼ãã¾ããã 814 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 815 </a> 816 </article> 817 <article class="news__item"> 818 <div class="news-meta"> 819 <time class="news-meta__time" datetime="2025-10-22">2025.10.22</time> 820 <p class="news-meta__tag">ãã¬ã¹ãªãªã¼ã¹</p> 821 </div> 822 <a class="news-link" href="/news/20251022_prtimes"> 823 é±åæ±æ´çµæ¸ã®ç¹éãããããã³ãã£ã¼100ãã«é¸åºããã¾ããã 824 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 825 </a> 826 </article> 827 <article class="news__item"> 828 <div class="news-meta"> 829 <time class="news-meta__time" datetime="2025-02-26">2025.02.26</time> 830 <p class="news-meta__tag">ã¡ãã£ã¢æ²è¼</p> 831 </div> 832 <a class="news-link" href="/news/20250226_nikkei"> 833 2025å¹´2æ26æ¥ã®ãæ¥æ¬çµæ¸æ°èãã«ã¦ã¹ããã¯ããç´¹ä»é ãã¾ããã 834 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 835 </a> 836 </article> 837 <article class="news__item"> 838 <div class="news-meta"> 839 <time class="news-meta__time" datetime="2025-02-26">
8392025.02.26</time> 840 <p class="news-meta__tag">ãã¬ã¹ãªãªã¼ã¹</p> 841 </div> 842 <a class="news-link" href="/news/20250226_prtimes"> 843 大人ã®ç¤¾äº¤å ´âã¹ããã¯DXé©å½â é´æ¨ãããæ°ãè±ªè¯æè³é£ã¨âæ¥æ¬åã®ãã«ã³ã¼ã³âã«ææ¦ãã¾ãã 844 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 845 </a> 846 </article> 847 </div> 848 </div> 849 </div> 850 </section> 851 <section id="store" class="store"> 852 <div class="uk-padding-small uk-padding-remove-vertical"> 853 <div class="wrap-1330"> 854 <div class="cta-banner" data-style="bg-full"> 855 <div class="cta-banner__detail"> 856 <h2 class="cta-banner__title">ãåºã«å°å ¥ãã</h2> 857 <div class="cta-banner__txt"> 858 <p class="uk-margin-remove">ã¹ããã¯ã®å°å ¥ããæ¤è¨ä¸ã®ãåºã®æ¹ã¯<br class="uk-visible@s">以ä¸ã®ãåºã¸ã®å°å ¥ãã¼ã¸ãããç³ãè¾¼ã¿ãã ããã</p> 859 </div> 860 <a class="btn-arrow" href="/store" data-style="secondary"> 861 ãåºã¸ã®å°å ¥ã«ã¤ãã¦ã¯ãã¡ã 862 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 863 </a> 864 </div> 865 <div class="cta-banner__img"> 866 <img src="/img/cta/cta_banner_store.png" alt=""/> 867 </div> 868 </div> 869 </div> 870 </div> 871 </section> 872 <div id="js-ctaFloating" class="cta-floating"> 873 <button class="cta-floating__close" type="button"> 874 <img src="img/cta/cta_floating_close.png" alt="éãã"/> 875 </button> 876 <a class="cta-floating__link" href="https://forms.gle/YBa6DjypM7XsmFXa7" target="_blank"> 877 <img src="img/cta/cta_floating_contact.png" alt="ã¹ããã¯ã«ã¤ãã¦ã®ãç¸è«ã¯ãã¡ã"/> 878 </a> 879 </div> 880</main>
881<script type='text/javascript'> 882 //<![CDATA[ 883 document.addEventListener('DOMContentLoaded', () => { 884 const container = document.getElementById('js-videoController'); 885 const video = container.querySelector('video'); 886 887 video.controls = false; 888 889 const autoplay = () => video.play().catch(() => {}); 890 if (video.readyState >= 2) { 891 autoplay(); 892 } else { 893 video.addEventListener('canplay', autoplay, { once: true }); 894 } 895 896 let interacted = false; 897 const onFirstTap = () => { 898 if (interacted) return; 899 interacted = true; 900 901 video.controls = true; 902 video.play().catch(() => {}); 903 }; 904 905 ['pointerup', 'click', 'touchend'].forEach(eventName => { 906 container.addEventListener(eventName, onFirstTap, { once: true, passive: true }); 907 }); 908 }); 909 910 document.addEventListener("DOMContentLoaded", function () { 911 const floating = document.getElementById("js-ctaFloating"); 912 const closeBtn = floating.querySelector(".cta-floating__close"); 913 const footer = document.querySelector("footer"); 914 915 if (!floating || !footer || !closeBtn) return; 916 917 const BASE_BOTTOM = 20; 918 const EXTRA_MARGIN = 20; 919 const SHOW_SCROLL_Y = 20; 920 921 closeBtn.addEventListener("click", () => { 922 floating.style.display = "none"; 923 window.removeEventListener("scroll", onScroll); 924 window.removeEventListener("resize", onScroll); 925 }); 926 927 function onScroll() { 928 const scrollY = window.scrollY || window.pageYOffset; 929 930 if (scrollY > SHOW_SCROLL_Y) { 931 floating.classList.add("is-visible"); 932 } else { 933 floating.classList.remove("is-visible"); 934 } 935 936 const footerRect = footer.getBoundingClientRect(); 937 const winHeight = window.innerHeight; 938 const bannerBottomY = winHeight - BASE_BOTTOM; 939 const footerTopY = footerRect.top; 940 const overlap = bannerBottomY - footerTopY; 941 942 if (overlap > 0) { 943 floating.style.bottom = `${BASE_BOTTOM + overlap + EXTRA_MARGIN}px`; 944 } else { 945 floating.style.bottom = `${BASE_BOTTOM}px`; 946 } 947 } 948 949 window.addEventListener("scroll", onScroll); 950 window.addEventListener("resize", onScroll); 951 onScroll(); 952 }); 953 //]]> 954</script>
954 955 956<footer class="footer bg-base"> 957 <div class="wrap-1330"> 958 <div class="footer__container"> 959 <div class="footer__inner"> 960 <div class="footer-sitemap"> 961 <div class="footer-sitemap__list uk-margin-medium-bottom"> 962 <div class="footer-sitemap__item"> 963 <p class="footer-sitemap__item-title" data-auto-translate="data-auto-translate">ä¸è¬ã®å©ç¨è æ§</p> 964 <ul class="uk-padding-remove uk-margin-remove"> 965 <li> 966 <a href="/#about" data-auto-translate="data-auto-translate">ã¹ããã¯ã«ã¤ãã¦</a> 967 </li> 968 <li> 969 <a href="/#feature" data-auto-translate="data-auto-translate">ä¸»ãªæ©è½</a> 970 </li> 971 <li> 972 <a href="https://www.snack-map.com/snatech" target="_blank" data-auto-translate="data-auto-translate">å çåºä¸è¦§</a> 973 </li> 974 <li> 975 <a href="/#news" data-auto-translate="data-auto-translate">ãç¥ãã</a> 976 </li> 977 <li> 978 <a href="/#faq" data-auto-translate="data-auto-translate">ãããã質å</a> 979 </li> 980 <li> 981 <a href="https://forms.gle/YBa6DjypM7XsmFXa7" target="_blank" data-auto-translate="data-auto-translate">åæã«ã¤ãã¦ãåãåãã</a> 982 </li> 983 </ul> 984 </div> 985 <div class="footer-sitemap__item"> 986 <p class="footer-sitemap__item-title" data-auto-translate="data-auto-translate">åºèãªã¼ãã¼æ§</p> 987 <ul class="uk-padding-remove uk-margin-remove"> 988 <li> 989 <a href="/store#merit" data-auto-translate="data-auto-translate">ã¹ããã¯å°å ¥ã®ã¡ãªãã</a> 990 </li> 991 <li> 992 <a href="/store#faq" data-auto-translate="data-auto-translate">ãããã質å</a> 993 </li> 994 <li> 995 <a href="https://forms.gle/xaFL4GxPnCfgxsoE6" target="_blank" data-auto-translate="data-auto-translate">å çã»å°å ¥ã«ã¤ãã¦ãåãåãã</a> 996 </li> 997 </ul> 998 </div> 999 <div class="footer-sitemap__item"> 1000 <p class="footer-sitemap__item-title"> 1001 <a href="/company" data-auto-translate="data-auto-translate">æ ªå¼ä¼ç¤¾ã¹ããã¯ãã¯ããã¸ã¼ãºï¼éå¶ä¼ç¤¾ï¼</a> 1002 </p> 1003 <ul class="uk-padding-remove uk-margin-remove"> 1004 <li> 1005 <a href="/company#message" data-auto-translate="data-auto-translate">ä»£è¡¨æ¨æ¶</a> 1006 </li> 1007 <li> 1008 <a href="/company#company" data-auto-translate="data-auto-translate">ä¼ç¤¾æ¦è¦</a> 1009 </li> 1010 <li> 1011 <a href="/recruit" data-auto-translate="data-auto-translate">æ¡ç¨æ å ±</a> 1012 </li> 1013 <li> 1014 <a href="/company#news" data-auto-translate="data-auto-translate">ãã¥ã¼ã¹ãªãªã¼ã¹</a> 1015 </li> 1016 </ul> 1017 </div> 1018 </div> 1019 </div> 1020 <div class="footer-applink"> 1021 <div class="footer-applink__container"> 1022 <div class="footer-applink__btn"> 1023 <a class="btn-arrow" href="/registration"> 1024 <span data-auto-translate="data-auto-translate">æ°è¦ä¼å¡ç»é²</span> 1025 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 1026 </a> 1027 <a class="btn-arrow" href="/login" data-style="secondary"> 1028 <span data-auto-translate="data-auto-translate">ãã°ã¤ã³</span> 1029 <img src="/img/common/icon_arrow.svg" alt="" uk-svg=""/> 1030 </a> 1031 </div> 1032 <ul class="footer-applink__link uk-padding-remove uk-margin-remove"> 1033 <li data-style="line"> 1034 <a href="https://lin.ee/U5oJYp1"> 1035 <img src="/img/common/icon_line.svg" alt="LINE"/>
1036 <span data-auto-translate="data-auto-translate">å ¬å¼LINE</span> 1037 </a> 1038 </li> 1039 <li> 1040 <a href="/terms/privacy"> 1041 <span data-auto-translate="data-auto-translate">ãã©ã¤ãã·ã¼ããªã·ã¼</span> 1042 </a> 1043 </li> 1044 <li> 1045 <a href="/terms/term"> 1046 <span data-auto-translate="data-auto-translate">å©ç¨è¦ç´</span> 1047 </a> 1048 </li> 1049 </ul> 1050 </div> 1051 </div> 1052 </div> 1053 <hr style="margin: 0; border-top: solid 1px white;"/> 1054 <div class="footer-copyright"> 1055 <div class="footer-copyright__logo"> 1056 <img src="/img/logo/logo_s.png" alt="ã¹ãã㯠Snack Technologies"/> 1057 </div> 1058 <p class="footer-copyright__txt"> 1059 ©. Snack Technologies, Inc. All Rights Reserved. 1060 </p> 1061 </div> 1062 </div> 1063 </div> 1064</footer>
1065<script type='text/javascript'> 1066 //<![CDATA[ 1067 function toggleFtNavDrawer() { 1068 if ($('.js-drawer').hasClass('is-active')) { 1069 $('.js-drawerClose').trigger('click'); 1070 } else { 1071 $('.js-drawerOpen').trigger('click'); 1072 } 1073 } 1074 1075 let toggleMenu = $('.js-drawer'); 1076 $(function () { 1077 $('.js-drawerOpen').on('click', function () { 1078 $(toggleMenu).show(); 1079 $(toggleMenu).addClass('is-active'); 1080 $('body').addClass('is-fixed'); 1081 $('body').attr('data-sidebar-collapsed', 'false'); 1082 1083 setTimeout(() => { 1084 $('.ft-bottom-btn.ft-nav-active') 1085 .addClass('ft-nav-inactive') 1086 .removeClass('ft-nav-active'); 1087 }, 600); 1088 }); 1089 1090 $('.js-drawerClose').on('click', closeMenu); 1091 1092 $(document).on('click', '.js-drawer a[href^="/#"]', function (e) { 1093 const targetHref = $(this).attr('href'); 1094 const path = window.location.pathname; 1095 1096 if (path !== '/') return; 1097 1098 const targetId = targetHref.replace('/', ''); 1099 const target = $(targetId); 1100 1101 if (target.length) { 1102 e.preventDefault(); 1103 closeMenu(() => { 1104 const offset = target.offset().top; 1105 $('html, body').animate({ scrollTop: offset }, 200); 1106 }); 1107 } 1108 }); 1109 1110 function closeMenu(callback) { 1111 console.log('closeMenu called'); 1112 console.log('Before removeClass:', $('body').attr('class')); 1113 1114 $(toggleMenu).removeClass('is-active'); 1115 $('body').removeClass('is-fixed'); 1116 $('body').attr('data-sidebar-collapsed', 'true'); 1117 1118 console.log('After removeClass:', $('body').attr('class')); 1119 1120 setTimeout(() => { 1121 $(toggleMenu).hide(); 1122 $('.ft-bottom-btn.ft-nav-inactive') 1123 .addClass('ft-nav-active') 1124 .removeClass('ft-nav-inactive'); 1125 1126 if (typeof callback === 'function') { 1127 callback(); 1128 } 1129 }, 600); 1130 } 1131 }); 1132 1133 document.addEventListener('DOMContentLoaded', () => { 1134 const labels = document.querySelectorAll('.js-hasMegamenu > .header__nav-label'); 1135 1136 labels.forEach(label => { 1137 label.addEventListener('click', (event) => { 1138 event.stopPropagation(); // ä»ã®å ´æã¸ã®ä¼æãé²ã 1139 const menuItem = label.closest('.js-hasMegamenu'); 1140 const isOpen = menuItem.classList.contains('is-open'); 1141 1142 // ä»ãéãã 1143 document.querySelectorAll('.js-hasMegamenu.is-open').forEach(openItem => { 1144 if (openItem !== menuItem) { 1145 openItem.classList.remove('is-open'); 1146 openItem.setAttribute('aria-expanded', 'false'); 1147 } 1148 }); 1149 1150 // èªåã®éé 1151 menuItem.classList.toggle('is-open'); 1152 menuItem.setAttribute('aria-expanded', String(!isOpen)); 1153 }); 1154 }); 1155 1156 // å¤é¨ã¯ãªãã¯ã§ã¡ãã¥ã¼ãéãã 1157 document.addEventListener('click', (event) => { 1158 // ã¡ãã¥ã¼ã®å å´ãã¯ãªãã¯ãã¦ããªãããã§ã㯠1159 const clickedInsideMenu = event.target.closest('.js-hasMegamenu'); 1160 if (!clickedInsideMenu) { 1161 document.querySelectorAll('.js-hasMegamenu.is-open').forEach(openItem => { 1162 openItem.classList.remove('is-open'); 1163 openItem.setAttribute('aria-expanded', 'false'); 1164 }); 1165 } 1166 }); 1167 }); 1168 1169 function drawerTabs(staffBtnId, userBtnId, staffMenuSelector, userMenuSelector) { 1170 const staffBtn = document.getElementById(staffBtnId); 1171 const userBtn = document.getElementById(userBtnId); 1172 const staffMenu = document.getElementById(staffMenuSelector); 1173 const userMenu = document.getElementById(userMenuSelector); 1174 1175 if (!staffBtn || !userBtn || !staffMenu || !userMenu) return; 1176 1177 function activateStaffMenu() { 1178 staffBtn.removeAttribute('data-style'); 1179 userBtn.setAttribute('data-style', 'reversed'); 1180 staffMenu.classList.remove('is-hidden'); 1181 userMenu.classList.add('is-hidden'); 1182 } 1183 1184 function activateUserMenu() { 1185 userBtn.removeAttribute('data-style'); 1186 staffBtn.setAttribute('data-style', 'reversed'); 1187 userMenu.classList.remove('is-hidden'); 1188 staffMenu.classList.add('is-hidden'); 1189 } 1190 staffBtn.addEventListener('click', activateStaffMenu); 1191 userBtn.addEventListener('click', activateUserMenu); 1192 1193 activateStaffMenu(); 1194 } 1195 drawerTabs('js-staffBtn', 'js-userBtn', 'js-staffMenu', 'js-userMenu'); 1196 1197 document.addEventListener("DOMContentLoaded", function () { 1198 const accordionTitles = document.querySelectorAll(".uk-accordion-title"); 1199
1200 accordionTitles.forEach((title) => { 1201 title.addEventListener("click", function () { 1202 setTimeout(() => { 1203 const parent = title.closest("[uk-accordion] > div"); 1204 const icon = title.querySelector(".js-iconToggle"); 1205 1206 if (parent && icon) { 1207 const isOpen = parent.classList.contains("uk-open"); 1208 icon.setAttribute("uk-icon", isOpen ? "icon: minus" : "icon: plus"); 1209 } 1210 }, 10); 1211 }); 1212 }); 1213 }); 1214 //]]> 1215</script>
vendor: 1 bytes, line 1215
1215
1216<script type='text/javascript'> 1217 //<![CDATA[ 1218 document.addEventListener('DOMContentLoaded', () => { 1219 // ç»é¢å ã§ãã®ã¹ã¯ãªãããè¤æ°åèªã¿è¾¼ã¾ããå ´åã«ãå¦çãéè¤ãã¦å®è¡ãããã®ãé²ãããã®ãã©ã° 1220 if (window.__notificationScriptAttached) return; 1221 window.__notificationScriptAttached = true; 1222 1223 // ç»é¢ä¸ã«åå¨ãããã¹ã¦ã®éç¥è¦ç´ ï¼ãã«ã¢ã¤ã³ã³ãªã©ï¼ãåå¾ãã 1224 const notifications = document.querySelectorAll('.notification'); 1225 1226 // éç¥è¦ç´ ãåå¨ããå ´åã®ã¿å¦çãå®è¡ãã 1227 if (notifications.length > 0) { 1228 1229 // ãµã¼ãã¼ããæªèªã¡ãã»ã¼ã¸ã®éç¥ãåå¾ããéåæé¢æ° 1230 async function fetchUnreadMessages() { 1231 try { 1232 // APIãå¼ã³åºãã¦æªèªã¡ãã»ã¼ã¸æ å ±ãåå¾ 1233 // ãã¼ã¯ã³ãåããªãå ´å Common.csrfToken() ãä¾å¤ãæããä¸ã® catch ã§ãéç¥ã®åå¾ã«å¤±æãã¾ãããã表示ãã 1234 const response = await fetch('/api/message/notif', { 1235 method: 'GET', 1236 credentials: 'include', 1237 headers: { 1238 'Csrf-Token': Common.csrfToken() 1239 } 1240 }); 1241 1242 const data = await response.json(); 1243 const unreadMessages = data.values; 1244 1245 // åå¾ããæªèªã¡ãã»ã¼ã¸ããç»é¢ä¸ã®ãã¹ã¦ã®éç¥è¦ç´ ï¼ãããããã¦ã³çï¼ã«åæ ããã 1246 notifications.forEach(notification => { 1247 updateNotifications(notification, unreadMessages); 1248 }); 1249 1250 } catch (_) { 1251 // éä¿¡ã¨ã©ã¼çã§åå¾ã«å¤±æããå ´åã®ãã©ã¼ã«ããã¯å¦ç 1252 notifications.forEach(notification => { 1253 const notificationBadge = notification.querySelector('.notification__badge'); 1254 const noNotificationsMessage = notification.querySelector('.no-notifications'); 1255 1256 // ããã¸ãé表示ã«ãã 1257 if(notificationBadge) notificationBadge.style.display = 'none'; 1258 // ãããããã¦ã³ã«ãéç¥ã®åå¾ã«å¤±æãã¾ãããã¨ããã¡ãã»ã¼ã¸ã表示ãã 1259 if (noNotificationsMessage) { 1260 noNotificationsMessage.style.display = 'block'; 1261 const a = noNotificationsMessage.querySelector('a'); 1262 if(a) a.textContent = 'éç¥ã®åå¾ã«å¤±æãã¾ãã'; 1263 } 1264 }); 1265 } 1266 } 1267 1268 // 1ã¤ã®éç¥è¦ç´ ã«å¯¾ãã¦ãæªèªã¡ãã»ã¼ã¸ã®ãªã¹ããDOMã«è¿½å ãããã¸ã®è¡¨ç¤ºç¶æ ãæ´æ°ãã颿° 1269 function updateNotifications(notification, unreadMessages) { 1270 const dropdownNav = notification.querySelector('.uk-dropdown-nav'); 1271 const notificationBadge = notification.querySelector('.notification__badge'); 1272 const noNotificationsMessage = notification.querySelector('.no-notifications'); 1273 1274 // ãããããã¦ã³ã®è¦ç´ ããªãå ´åã¯å¦çããªã 1275 if (!dropdownNav) return; 1276 1277 // ååã®åå¾ã§è¿½å ããé ç®ãåãé¤ããååå¾ãã¦ãéç¥ãéè¤ãã¦ç©ã¿ä¸ãããªãããã«ãã 1278 dropdownNav.querySelectorAll('li.js-notification-item') 1279 .forEach(li => li.remove()); 1280 1281 // æªèªã¡ãã»ã¼ã¸ãåå¨ããå ´åããããããã¦ã³ã¡ãã¥ã¼ã«ãªã¹ãé ç®ã¨ãã¦è¿½å ãã 1282 if (unreadMessages && unreadMessages.length > 0) { 1283 unreadMessages.forEach(message => { 1284 const listItem = document.createElement('li'); 1285 listItem.className = 'notification__item js-notification-item'; 1286 const link = document.createElement('a'); 1287 link.style.display = 'block'; 1288 1289 // éä¿¡è ãã¹ã¿ãããã©ããã§ãªã³ã¯å ã®URLãåºãåãã 1290 if (isNaN(Number(message.senderId))) { 1291 link.href = `/message/${message.senderId}`; 1292 } else { 1293 link.href = `/staff/message/${message.senderId}`; 1294 } 1295 1296 // éä¿¡è åãæ§ç¯ 1297 const title = document.createElement('p'); 1298 title.textContent = message.senderName; 1299 title.style.fontWeight = 'bold'; 1300 title.style.marginBottom = '4px'; 1301 1302 // ã¡ãã»ã¼ã¸æ¬æã®ãã¬ãã¥ã¼ï¼15æå以ä¸ã¯çç¥ï¼ãæ§ç¯ 1303 const snippet = document.createElement('p'); 1304 snippet.textContent = message.message.substring(0, 15) + (message.message.length > 20 ? '...' : ''); 1305 snippet.style.fontSize = '0.9em'; 1306 snippet.style.color = '#666'; 1307 snippet.style.margin = '0'; 1308 1309 // ãªã¹ãã¢ã¤ãã ã«æ§ç¯ããè¦ç´ ã追å 1310 link.appendChild(title); 1311 link.appendChild(snippet); 1312 listItem.appendChild(link); 1313 dropdownNav.appendChild(listItem); 1314 1315 // ãªã¹ãã®åºåãç·ã追å 1316 const divider = document.createElement('li'); 1317 divider.className = 'uk-nav-divider js-notification-item'; 1318 dropdownNav.appendChild(divider); 1319 }); 1320 } 1321 1322 // éç¥ãªã¹ãï¼åºå®ã®ãããã¼ããéç¥ã¯ããã¾ããããªã©ã®ã¡ãã»ã¼ã¸ä»¥å¤ã®liè¦ç´ ï¼ãåå¾ 1323 const allMessages = dropdownNav.querySelectorAll('li:not(.uk-nav-header):not(.uk-nav-divider):not(.no-notifications)'); 1324 1325 // æªèªã¡ãã»ã¼ã¸ã1件以ä¸ããå ´åã®è¡¨ç¤ºå¶å¾¡ 1326 if (allMessages.length > 0) { 1327 // æªèªããã¸ã表示ãããéç¥ã¯ããã¾ãããã®ã¡ãã»ã¼ã¸ãé表示ã«ãã 1328 if(notificationBadge) notificationBadge.style.display = 'block'; 1329 if (noNotificationsMessage) { 1330 noNotificationsMessage.style.display = 'none'; 1331 } 1332 } else { 1333 // æªèªã¡ãã»ã¼ã¸ããªãå ´åã®è¡¨ç¤ºå¶å¾¡ 1334 // æªèªããã¸ãé表示ã«ãããéç¥ã¯ããã¾ãããã®ã¡ãã»ã¼ã¸ã表示ãã 1335 if(notificationBadge) notificationBadge.style.display = 'none'; 1336 if (noNotificationsMessage) { 1337 noNotificationsMessage.style.display = 'block'; 1338 const a = noNotificationsMessage.querySelector('a'); 1339 if(a) a.textContent = 'éç¥ã¯ããã¾ãã'; 1340 } 1341 } 1342 } 1343 1344 // ã¹ã¯ãªããèªã¿è¾¼ã¿æã«ä¸åº¦éç¥åå¾ãå®è¡ãã 1345 fetchUnreadMessages(); 1346 } 1347 }); 1348 //]]> 1349</script>
1349 1350 <div id="common-spinner" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: white; opacity: 0.6"> 1351 <div id="sinner" uk-spinner="ratio:2" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div> 1352 </div> 1353 </body> 1354</html> 1355<style type='text/css'> 1356 /* <![CDATA[ */ 1357 .prod{ 1358 font-weight:bold; 1359 color:#fff; 1360 background-color:red; 1361 position:fixed; 1362 left:10px; 1363 top:10px; 1364 z-index:999; 1365 font-size:3em; 1366 padding:10px 30px; 1367 } 1368 .prod-admin{ 1369 background-color:yellow; 1370 color:red; 1371 border:4px solid red; 1372 } 1373 .prod-demo{ 1374 background-color:blue; 1375 color:white; 1376 border:4px solid white; 1377 padding:10px 20px; 1378 } 1379 .header.is-demo { 1380 background-color: orange; 1381 } 1382 #admin-user-index .prod{ 1383 font-size:1em; 1384 padding:4px 16px; 1385 } 1386 /* ]]> */ 1387</style>
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.