https://aso-aso.com/guides/

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">
6    <!-- Google tag (gtag.js) -->

6
7    <script async src="https://www.googletagmanager.com/gtag/js?id=

7G-ZWE0042E90

7"></script>
8    

8<script>
9      

9window.dataLayer = window.dataLayer || [];
10      function gtag(){dataLayer.push(arguments);}
11      gtag('js', new Date());
12      gtag('config', '

12G-ZWE0042E90

12');
13    

13</script>

13
14    

14<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7927260139193410"
15     crossorigin="anonymous"></script>

15
16    <meta name="google-adsense-account" content="ca-pub-7927260139193410">
17    <title>おでかけガイド｜群馬イベントナビ</title>
18    <meta name="description" content="群馬でのイベントや親子おでかけの選び方をまとめた編集ガイドです。雨の日、乳幼児、高崎・前橋、無料、移動の考え方など。">
19    <meta name="robots" content="index,follow">
20    <link rel="canonical" href="https://aso-aso.com/guides/">
21    <link rel="icon" href="../favicon.ico" sizes="any">
22    <link rel="icon" href="../favicon.svg" type="image/svg+xml">
23    <link rel="icon" href="../favicon-32.png" type="image/png" sizes="32x32">
24    <link rel="apple-touch-icon" href="../apple-touch-icon.png" sizes="180x180">
25    <meta property="og:type" content="article">
26    <meta property="og:site_name" content="群馬イベントナビ">
27    <meta property="og:title" content="おでかけガイド｜群馬イベントナビ">
28    <meta property="og:description" content="群馬でのイベントや親子おでかけの選び方をまとめた編集ガイドです。雨の日、乳幼児、高崎・前橋、無料、移動の考え方など。">
29    <meta property="og:url" content="https://aso-aso.com/guides/">
30    <meta property="og:image" content="https://aso-aso.com/og-image.png">
31    <meta name="twitter:card" content="summary_large_image">
32    <meta name="twitter:image" content="https://aso-aso.com/og-image.png">
33    <link rel="preconnect" href="https://fonts.googleapis.com">
34    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
35    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800;900&display=swap" rel="stylesheet">
36    <link rel="stylesheet" href="../styles.css?v=20260728i">
37    

37<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"おでかけガイド","url":"https://aso-aso.com/guides/","description":"群馬でのイベントや親子おでかけの選び方をまとめた編集ガイドです。雨の日、乳幼児、高崎・前橋、無料、移動の考え方など。"}</script>

37
38  </head>
39  <body class="static-detail-page hub-page guide-index-page">
40    <nav class="topbar" aria-label="サイト内ナビゲーション">
41      <div class="topbar-inner">
42        <a class="brand" href="../">
43          <span class="brand-mark">群</span>
44          <span>
45            <strong>群馬イベントナビ</strong>
46            <small>イベント・遊び場データベース</small>
47          </span>
48        </a>
49        <div class="topbar-links">
50          <a data-list-return href="../#eventList"><i class="ui-icon ui-icon--arrow-left" aria-hidden="true"></i>一覧へ戻る</a>
51          <a href="../areas/"><i class="ui-icon ui-icon--map" aria-hidden="true"></i>地域</a>
52          <a href="../themes/"><i class="ui-icon ui-icon--layers" aria-hidden="true"></i>テーマ</a>
53          <a href="../guides/"><i class="ui-icon ui-icon--book" aria-hidden="true"></i>ガイド</a>
54        </div>
55      </div>
56    </nav>
57    <main class="static-detail-shell">
58      <article class="static-detail">
59        <div class="static-detail-head"><p class="eyebrow">群馬イベントナビ</p><h1>おでかけガイド</h1><p class="lead">群馬でのイベントや親子おでかけの選び方をまとめた編集ガイドです。雨の日、乳幼児、高崎・前橋、無料、移動の考え方など。</p></div><div class="static-detail-body"><section class="static-detail-section detail-section"><h2><i class="ui-icon ui-icon--book" aria-hidden="true"></i>記事一覧</h2><div class="hub-card-grid"><a class="hub-card" href="./rainy-day-indoor.html"><div class="hub-card__body"><strong>群馬の雨の日屋内遊び場の選び方</strong><p class="card-kicker"><span class="meta-item"><i class="ui-icon ui-icon--book" aria-hidden="true"></i>おでかけガイド</span></p><small>群馬で雨の日に子どもと出かけるとき、屋内遊び場をどう選ぶかを年齢・滞在時間・移動の観点で整理します。</small></div></a><a class="hub-card" href="./infant-friendly.html"><div class="hub-card__body"><strong>乳幼児連れで行きやすい群馬の遊び場</strong><p class="card-kicker"><span class="meta-item"><i class="ui-icon ui-icon--book" aria-hidden="true"></i>おでかけガイド</span></p><small>乳児・未就園児連れで群馬のおでかけ先を選ぶとき、設備・雰囲気・移動負担の観点で候補を絞る方法を解説します。</small></div></a><a class="hub-card" href="./takasaki-outing.html"><div class="hub-card__body"><strong>高崎駅・もてなし広場周辺のおでかけの考え方</strong><p class="card-kicker"><span class="meta-item"><i class="ui-icon ui-icon--book" aria-hidden="true"></i>地域ガイド</span></p><small>高崎駅周辺やもてなし広場を起点に、イベントと親子の遊び場をどう組み合わせるかを整理したガイドです。</small></div></a>

59<a class="hub-card" href="./maebashi-halfday.html"><div class="hub-card__body"><strong>前橋で子どもと過ごす半日プランの作り方</strong><p class="card-kicker"><span class="meta-item"><i class="ui-icon ui-icon--book" aria-hidden="true"></i>地域ガイド</span></p><small>前橋市で子どもと半日おでかけするときの組み立て方。児童遊園、室内プレイ、科学館などを組み合わせる視点を紹介します。</small></div></a><a class="hub-card" href="./free-or-budget.html"><div class="hub-card__body"><strong>無料または低予算で遊べる群馬スポットの見方</strong><p class="card-kicker"><span class="meta-item"><i class="ui-icon ui-icon--book" aria-hidden="true"></i>おでかけガイド</span></p><small>群馬で無料・低予算のおでかけを探すときの読み方。入園無料と遊び自体が無料は違う、という視点で整理します。</small></div></a><a class="hub-card" href="./how-to-find-events.html"><div class="hub-card__body"><strong>群馬イベントの探し方と公式確認のコツ</strong><p class="card-kicker"><span class="meta-item"><i class="ui-icon ui-icon--book" aria-hidden="true"></i>使い方ガイド</span></p><small>群馬のイベントを効率よく探し、公式情報で最終確認するための手順。群馬イベントナビの使い方もあわせて紹介します。</small></div></a><a class="hub-card" href="./weekend-checklist.html"><div class="hub-card__body"><strong>夏の週末、群馬で予定を決めるチェックリスト</strong><p class="card-kicker"><span class="meta-item"><i class="ui-icon ui-icon--book" aria-hidden="true"></i>おでかけガイド</span></p><small>夏の群馬で週末のおでかけを決めるときのチェックリスト。天候、暑さ、混雑、公式確認の順で整理します。</small></div></a><a class="hub-card" href="./transport-with-kids.html"><div class="hub-card__body"><strong>車なし・車あり別：群馬の親子おでかけ移動の考え方</strong><p class="card-kicker"><span class="meta-item"><i class="ui-icon ui-icon--book" aria-hidden="true"></i>おでかけガイド</span></p><small>群馬で子ども連れおでかけをするときの移動の考え方。車あり・車なしで候補の絞り方を変える方法を説明します。</small></div></a></div></section><div class="dialog-actions static-detail-actions"><a class="primary-button" href="../#eventList"><i class="ui-icon ui-icon--list" aria-hidden="true"></i>トップの一覧へ</a><a class="secondary-button" href="../areas/"><i class="ui-icon ui-icon--map" aria-hidden="true"></i>地域から探す</a><a class="secondary-button" href="../themes/"><i class="ui-icon ui-icon--layers" aria-hidden="true"></i>テーマから探す</a></div></div>
60      </article>
61    </main>
62    <footer class="site-footer">
63      <div class="site-footer-inner">
64        <p class="site-footer-brand">群馬イベントナビ</p>
65        <nav class="site-footer-nav" aria-label="フッター">
66          <a href="../guides/">おでかけガイド</a>
67          <a href="../about.html">運営について</a>
68          <a href="../privacy.html">プライバシーポリシー</a>
69          <a href="https://forms.gle/dvMZU7xV8vetDgLHA" target="_blank" rel="noopener noreferrer">お問い合わせ</a>
70          <a href="https://forms.gle/2fLgxWBXKD75u6Kx5" target="_blank" rel="noopener noreferrer">サイト掲載について</a>
71        </nav>
72      </div>
73    </footer>
74    

74<script>
75      (function () {
76        try {
77          var url = sessionStorage.getItem("aso:listUrl");
78          if (!url) return;
79          document.querySelectorAll("[data-list-return]").forEach(function (link) {
80            link.setAttribute("href", url);
81          });
82        } catch (e) {}
83      })();
84    </script>

84
85    

85<script>
86      (function () {
87        function initCarousel(root) {
88          var viewport = root.querySelector(".detail-carousel__viewport");
89          var track = root.querySelector(".detail-carousel__track");
90          var slides = Array.prototype.slice.call(root.querySelectorAll(".detail-carousel__slide"));
91          var dots = Array.prototype.slice.call(root.querySelectorAll("[data-carousel-dot]"));
92          var countEl = root.querySelector("[data-carousel-count]");
93          var prev = root.querySelector("[data-carousel-prev]");
94          var next = root.querySelector("[data-carousel-next]");
95          if (!viewport || !track || slides.length < 2) return;
96
97          var index = 0;
98          var total = slides.length;
99
100          function slideWidth() {
101            return viewport.clientWidth || 1;
102          }
103
104          function goTo(nextIndex, smooth) {
105            index = (nextIndex + total) % total;
106            viewport.scrollTo({ left: slideWidth() * index, behavior: smooth === false ? "auto" : "smooth" });
107            updateUI();
108          }
109
110          function updateUI() {
111            if (countEl) countEl.textContent = (index + 1) + " / " + total;
112            dots.forEach(function (dot, i) {
113              dot.classList.toggle("is-active", i === index);
114            });
115            slides.forEach(function (slide, i) {
116              slide.setAttribute("aria-hidden", i === index ? "false" : "true");
117            });
118          }
119
120          function syncFromScroll() {
121            var nextIndex = Math.round(viewport.scrollLeft / slideWidth());
122            if (nextIndex !== index && nextIndex >= 0 && nextIndex < total) {
123              index = nextIndex;
124              updateUI();
125            }
126          }
127
128          if (prev) prev.addEventListener("click", function () { goTo(index - 1); });
129          if (next) next.addEventListener("click", function () { goTo(index + 1); });
130          dots.forEach(function (dot) {
131            dot.addEventListener("click", function () {
132              goTo(Number(dot.getAttribute("data-carousel-dot")) || 0);
133            });
134          });
135          viewport.addEventListener("scroll", function () {
136            window.clearTimeout(viewport._carouselTimer);
137            viewport._carouselTimer = window.setTimeout(syncFromScroll, 60);
138          }, { passive: true });
139          viewport.addEventListener("keydown", function (event) {
140            if (event.key === "ArrowLeft") { event.preventDefault(); goTo(index - 1); }
141            if (event.key === "ArrowRight") { event.preventDefault(); goTo(index + 1); }
142          });
143          window.addEventListener("resize", function () { goTo(index, false); });
144          updateUI();
145        }
146
147        document.querySelectorAll("[data-carousel]").forEach(initCarousel);
148      })();
149    </script>

149
150  </body>
151</html>