meetus（ミータス）とは？これまでの歩み

京都市では、地域の魅力やポテンシャルを最大限活かし、あらゆる世代がワクワクするような山科・醍醐を地域の皆さんとともに目指すため、これまで地域の皆さんとともに「meetus山科-醍醐」の取組を進めてきました。（meetus山科-醍醐については、

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>これまでの歩みと次のステップ</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet">
<style>
  /* ===== 配色（未来像カード・進め方と共通） ===== */
  .history {
    --ink:    #222222;
    --coral:  #F1917F;
    --coral-soft: #F8C4B9;
    --green:  #6BBE86;
    --orange: #E3702A;
    --yellow: #F6EFA0;
    --text:   #3A3A3A;

    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    background: #FFFFFF;
    padding: 24px 6px 24px 0;
  }

  .history__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* 1行＝「年度｜線と点｜内容」 */
  .history-item {
    display: grid;
    grid-template-columns: 6.5em 32px minmax(0, 1fr);
    grid-template-areas: "year mark body";
    column-gap: 14px;
  }

  /* 年度 */
  .history-item__year {
    grid-area: year;
    margin: 0;
    padding-top: 2px;
    text-align: right;
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: 0.02em;
    line-height: 1.5;
  }

  /* 線と点：イラストのオレンジの点線に合わせる */
  .history-item__mark {
    grid-area: mark;
    position: relative;
  }
  .history-item__mark::before {           /* 縦の点線 */
    content: "";
    position: absolute;
    top: 8px;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 3px dotted var(--orange);
  }
  .history-item__mark::after {            /* 点 */
    content: "";
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border: 2px solid var(--ink);
    border-radius: 50%;
    background: var(--yellow);
    box-sizing: border-box;
  }
  /* 現在地の点は大きく、コーラルで */
  .history-item--now .history-item__mark::after {
    top: 2px;
    width: 20px;
    height: 20px;
    background: var(--coral);
  }
  /* 最後の項目は内容の下端まで線を伸ばす */
  .history-item--now .history-item__mark::before {
    bottom: 0;
  }

  /* 内容 */
  .history-item__body {
    grid-area: body;
    padding-bottom: 36px;
  }
  .history-item--now .history-item__body { padding-bottom: 0; }

  .history-item__tag {
    display: inline-block;
    padding: 2px 12px;
    border: 2px solid var(--ink);
    border-radius: 999px;
    background: #FFFFFF;
    color: var(--ink);
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 10px;
  }
  .history-item--now .history-item__tag { background: var(--coral); }

  .history-item__text {
    margin: 0;
    font-size: 0.9375rem;
    color: var(--text);
    line-height: 1.9;
    letter-spacing: 0.02em;
  }
  /* 記事内の他のリンクに合わせた青字・太字 */
  .history-item__text a {
    color: #2B6CD4;
    font-weight: 700;
    text-decoration: none;
  }
  .history-item__text a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .history-item__text a:focus-visible {
    outline: 2px solid var(--ink);
    outline-offset: 2px;
    border-radius: 2px;
  }

  /* 現在地の3つの問い */
  .history-questions {
    margin: 16px 0;
    padding: 0;
    list-style: none;
  }
  .history-questions li {
    border: 2px solid var(--ink);
    border-radius: 16px;
    padding: 16px 20px;
    box-shadow: 4px 4px 0 var(--coral-soft);
  }
  .history-questions li + li { margin-top: 14px; }
  .history-questions__title {
    margin: 0 0 6px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .history-questions__text {
    margin: 0;
    font-size: 0.9375rem;
    color: var(--text);
    line-height: 1.8;
    letter-spacing: 0.02em;
  }

  /* スマホ：年度を内容の上に */
  @media (max-width: 600px) {
    .history-item {
      grid-template-columns: 24px minmax(0, 1fr);
      grid-template-areas:
        "mark year"
        "mark body";
      column-gap: 12px;
    }
    .history-item__year {
      text-align: left;
      padding-top: 0;
      margin-bottom: 6px;
    }
    .history-item__mark { grid-row: 1 / span 2; }
    .history-item__body { padding-bottom: 32px; }
    .history-questions li { padding: 14px 16px; }
  }
</style>
</head>
<body style="margin:0;">

<section class="history">
  <ol class="history__list" role="list">

    <li class="history-item">
      <h2 class="history-item__year">2024年度</h2>
      <div class="history-item__mark" aria-hidden="true"></div>
      <div class="history-item__body">
        <span class="history-item__tag">みんなで考える</span>
        <p class="history-item__text">
          meetus山科-醍醐プロジェクトがスタート。地域の皆さんからの意見をもらいながら「みんなで創るまちPLAN」をまとめました。（<a href="https://www.city.kyoto.lg.jp/tokei/cmsfiles/contents/0000326/326422/250319meetusmachiplan.pdf">みんなで創るまちPLANはこちら（PDF）</a>）
        </p>
      </div>
    </li>

    <li class="history-item">
      <h2 class="history-item__year">2025年度</h2>
      <div class="history-item__mark" aria-hidden="true"></div>
      <div class="history-item__body">
        <span class="history-item__tag">知ってもらう</span>
        <p class="history-item__text">
          まずは知ってもらい、できることから始める段階。周知・啓発、区役所をはじめとする行政の事業、地域活動や交流の促進などに取り組みました。
        </p>
      </div>
    </li>

    <li class="history-item history-item--now">
      <h2 class="history-item__year">2026年度〜</h2>
      <div class="history-item__mark" aria-hidden="true"></div>
      <div class="history-item__body">
        <span class="history-item__tag">現在地</span>
        <p class="history-item__text">その取組を一歩進めて、</p>

        <ul class="history-questions" role="list">
          <li>
            <h3 class="history-questions__title">それぞれの地域をどのようなまちにしていきたいか</h3>
            <p class="history-questions__text">地域で暮らす人・働く人・活動する人、それぞれが思い描く「椥辻らしさ」「醍醐らしさ」を出し合うところから始めます。</p>
          </li>
          <li>
            <h3 class="history-questions__title">地域の良さを将来にどう引き継ぐか</h3>
            <p class="history-questions__text">子どもや孫の世代に、どのような椥辻・醍醐を引き継ぎたいか。長年地域を支えてこられた皆さんの経験や想いを大切にします。</p>
          </li>
          <li>
            <h3 class="history-questions__title">公共施設や公園などをどう活かすか</h3>
            <p class="history-questions__text">山科区総合庁舎や東野公園、パセオ・ダイゴローなど、地域ごとの資産である公共空間の活用や再編の方向性を考えます。</p>
          </li>
        </ul>

        <p class="history-item__text">を地域の皆さんと一緒に考えていきます。</p>
      </div>
    </li>

  </ol>
</section>

</body>
</html>

「まちの未来像」とは？まちづくりを進めるための「道しるべ」

「まちの未来像」は、それぞれの地域のこれからのまちづくりを進めるための「道しるべ」です。未来像が示すのは、次の4つです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>未来像が示すこと</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet">
<style>
  /* ===== 配色（イラストから抽出） ===== */
  .vision-cards {
    --ink:    #222222; /* 線画の黒 */
    --coral:  #F1917F; /* 吹き出し */
    --green:  #6BBE86; /* タブレット・コメント枠 */
    --orange: #E3702A; /* 点線・ドット */
    --yellow: #F6EFA0; /* 付箋 */
    --lime:   #E1E59A; /* 画面の背景 */
    --paper:  #FFFFFF;
    --text:   #3A3A3A;
    --bg:     #FFFFFF;

    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    background: var(--bg);
    padding: 24px 6px 24px 0; /* 右側は影の分だけ余白 */
  }

  .vision-cards__grid {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    list-style: none;
    padding: 0;
  }

  /* カード：イラストの線画に合わせて、黒い線＋ずらした影 */
  .vision-card {
    position: relative;
    isolation: isolate;
    background: var(--paper);
    border: 2px solid var(--ink);
    border-radius: 20px;
    padding: 28px 28px 30px;
    box-shadow: 5px 5px 0 var(--accent-soft);
  }

  /* 番号：吹き出しの形 */
  .vision-card__num {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid var(--ink);
    border-radius: 50%;
    background: var(--accent);
    color: var(--ink);
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1;
    margin-bottom: 18px;
  }
  .vision-card__num::after {
    content: "";
    position: absolute;
    left: 4px;
    bottom: -7px;
    width: 12px;
    height: 12px;
    background: var(--accent);
    border-left: 2px solid var(--ink);
    border-bottom: 2px solid var(--ink);
    transform: skewY(-35deg);
    border-bottom-left-radius: 2px;
    z-index: -1;
  }

  .vision-card__title {
    margin: 0 0 12px;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: 0.04em;
    line-height: 1.4;
  }

  .vision-card__text {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--text);
    line-height: 1.9;
    letter-spacing: 0.02em;
  }

  /* カードごとの色 */
  .vision-card--1 { --accent: var(--coral);  --accent-soft: #F8C4B9; }
  .vision-card--2 { --accent: var(--green);  --accent-soft: #BFE3CA; }
  .vision-card--3 { --accent: var(--orange); --accent-soft: #F3BE9C; }
  .vision-card--4 { --accent: var(--yellow); --accent-soft: var(--lime); }

  /* スマホ：1列 */
  @media (max-width: 600px) {
    .vision-cards__grid {
      grid-template-columns: 1fr;
      gap: 18px;
    }
    .vision-card { padding: 24px 22px 26px; }
    .vision-card__title { font-size: 1.125rem; }
  }
</style>
</head>
<body style="margin:0;">

<section class="vision-cards">
  <ol class="vision-cards__grid" role="list">
    <li class="vision-card vision-card--1">
      <span class="vision-card__num">1</span>
      <h3 class="vision-card__title">地域らしさ</h3>
      <p class="vision-card__text">地域で暮らす人・働く人・活動する人が思い描く「椥辻らしさ」「醍醐らしさ」。</p>
    </li>
    <li class="vision-card vision-card--2">
      <span class="vision-card__num">2</span>
      <h3 class="vision-card__title">目指すまちの姿</h3>
      <p class="vision-card__text">子どもや孫の世代に、どのような椥辻・醍醐を引き継ぎたいか。</p>
    </li>
    <li class="vision-card vision-card--3">
      <span class="vision-card__num">3</span>
      <h3 class="vision-card__title">具体的な取組</h3>
      <p class="vision-card__text">その姿に近づくために、地域と行政が何に取り組むか。</p>
    </li>
    <li class="vision-card vision-card--4">
      <span class="vision-card__num">4</span>
      <h3 class="vision-card__title">公共施設や公園などのこれから</h3>
      <p class="vision-card__text">山科区総合庁舎や東野公園、パセオ・ダイゴローなど、地域ごとの資産の活用や再編の方向性。</p>
    </li>
  </ol>
</section>

</body>
</html>

こうした内容を、地域の皆さまと一緒に形にしていきたい、というのがこのプロジェクトの目的です。

「このまちには大切にしたい価値がある」「これからもこのまちで暮らし続けたい」「自分もまちづくりに関わりたい」

そう思える地域を目指したいと考えています。

集まった声を具体的な取り組みへ

まちの未来像を考えるうえで大切にしたいことは、

「声を聴くだけで終わらせず、具体的な取り組みにつなげる」

話し合い、イベント、アンケートなどを通じて幅広い世代の「想い」や「アイデア」を集めます。

集まった声から地域の魅力や課題を整理し、それぞれの地域の将来の姿をわかりやすく示します。

・地域資源をいかした取組の具体化

地域で取り組めること／地域と行政が協力すること／行政が進めることを整理します。

・公共施設などの在り方の検討

目指すまちの姿を基準に、公共施設や公園といった公共空間の活用・再編の方向性を検討します。

幅広い世代・立場の方々に、声をお聴きします！

自治会町内会など地域を長年支えてくださっている皆様、子育て層や学生などの若い世代、地域で活躍する活動団体、商店・企業・学校・寺社仏閣、公共施設や公園を利用する方など、幅広い世代の声を集めるため、様々なイベントやワークショップなど、リアルの機会に加え、オンラインで意見やアイデアを届けられる機会をつくっていきます。

例えば、次のようなことを様々な場で幅広い世代の方に聴きたいと考えています！

2026年度は「知る・聴く」、2027年度は「磨き上げる」

ここまでにお伝えした取り組みは、2026年度、2027年度の2年間で進めていきます。

様々なワークショップやイベント、オンラインでの意見募集を通じて、地域の幅広い方々とコミュニケーションを取りながら、行政が答えを先に決めてお示しするのではなく、

地域の皆さんが感じていることを出発点に、未来像を描いていきたい

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>これからの2年間の進め方</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet">
<style>
  /* ===== 配色（未来像カードと共通） ===== */
  .roadmap {
    --ink:    #222222;
    --coral:  #F1917F;
    --coral-soft: #F8C4B9;
    --green:  #6BBE86;
    --green-soft: #BFE3CA;
    --track:  #EFEFEF;
    --text:   #3A3A3A;

    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    background: #FFFFFF;
    padding: 24px 6px 24px 0; /* 右側は影の分だけ余白 */
  }

  .roadmap__grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }

  .roadmap-phase {
    display: flex;
    flex-direction: column;
  }
  .roadmap-phase--1 { --accent: var(--coral); --accent-soft: var(--coral-soft); }
  .roadmap-phase--2 { --accent: var(--green); --accent-soft: var(--green-soft); }

  /* 時期ラベル */
  .roadmap-phase__badge {
    align-self: flex-start;
    display: inline-block;
    padding: 4px 12px;
    border: 2px solid var(--ink);
    border-radius: 999px;
    background: #FFFFFF;
    color: var(--ink);
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 14px;
  }
  /* 現在地だけ色付きで目立たせる */
  .roadmap-phase--1 .roadmap-phase__badge { background: var(--accent); }

  /* 番号＋タイトル */
  .roadmap-phase__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
  }
  .roadmap-phase__num {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid var(--ink);
    border-radius: 50%;
    background: var(--accent);
    color: var(--ink);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1;
  }
  .roadmap-phase__title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: 0.04em;
    line-height: 1.4;
  }
  .roadmap-phase__year {
    display: block;
    margin-top: 2px;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--text);
    letter-spacing: 0.02em;
  }

  /* 取組内容のボックス */
  .roadmap-phase__box {
    flex-grow: 1;
    background: #FFFFFF;
    border: 2px solid var(--ink);
    border-radius: 20px;
    padding: 22px 24px;
    box-shadow: 5px 5px 0 var(--accent-soft);
  }
  .roadmap-phase__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .roadmap-phase__list li {
    position: relative;
    padding-left: 1.2em;
    font-size: 0.9375rem;
    color: var(--text);
    line-height: 1.8;
    letter-spacing: 0.02em;
  }
  .roadmap-phase__list li + li { margin-top: 10px; }
  .roadmap-phase__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.65em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    border: 1.5px solid var(--ink);
  }

  /* スマホ：1列 */
  @media (max-width: 600px) {
    .roadmap__grid {
      grid-template-columns: 1fr;
      gap: 32px;
    }
    .roadmap-phase__title { font-size: 1.125rem; }
    .roadmap-phase__box { padding: 20px 20px; }
  }
</style>
</head>
<body style="margin:0;">

<section class="roadmap">
  <ol class="roadmap__grid" role="list">

    <li class="roadmap-phase roadmap-phase--1">
      <span class="roadmap-phase__badge">現在地</span>
      <div class="roadmap-phase__head">
        <span class="roadmap-phase__num">1</span>
        <h3 class="roadmap-phase__title">知る・聴く<span class="roadmap-phase__year">2026年度</span></h3>
      </div>
      <div class="roadmap-phase__box">
        <ul class="roadmap-phase__list" role="list">
          <li>地域の声を幅広く聞いて、まちを知る</li>
          <li>「目指すまちの姿」と具体的な取組を整理</li>
          <li>「椥辻・醍醐のまちの未来像」原案を作成</li>
        </ul>
      </div>
    </li>

    <li class="roadmap-phase roadmap-phase--2">
      <span class="roadmap-phase__badge">次の段階</span>
      <div class="roadmap-phase__head">
        <span class="roadmap-phase__num">2</span>
        <h3 class="roadmap-phase__title">磨き上げる<span class="roadmap-phase__year">2027年度</span></h3>
      </div>
      <div class="roadmap-phase__box">
        <ul class="roadmap-phase__list" role="list">
          <li>原案を地域の皆さんと確認し、磨き上げる</li>
          <li>「椥辻・醍醐のまちの未来像」完成（2028年3月）</li>
        </ul>
      </div>
    </li>

  </ol>
</section>

</body>
</html>

お住まい・関わりのあるエリアを選んで、my grooveで声を届けてください！

椥辻・醍醐それぞれの地域でどんな風に「まちの未来像」を考えていくのか？

それぞれの地域での詳しい取り組みや、オンラインでの意見募集について、関わりのあるエリアのプロジェクトページからぜひご覧ください。

地域の皆さまと一緒に未来像を作りたいと考えています。

プロジェクトへのご参加、ご協力、どうぞよろしくお願いします！

mygroovetop_0924.png

記事

meetus山科-醍醐のこれまでと、みんなで作る「まちの未来像」

thumbnail_tantai-color_文字なしロゴ.png

MV.png

京都市

daigo_0924.jpg

醍醐地域では、これまで「meetus山科-醍醐」を通じて、地域の皆様と一緒にまちづくりを進めてきました。

2026年度からは、その取り組みを一歩進め、「醍醐をどんなまちにしていきたいか」「醍醐の良さを将来にどう引き継ぐか」「公共施設や公園をどう活かすか」など、、これからのまちづくりの道しるべとなる「まちの未来像」を、皆様と一緒に考えていきます。

行政だけで検討を進めるのではなく、醍醐で暮らし・働き・活動するみなさんの声を集めたい。
そのための対話の場として「醍醐地域のまちの未来像検討プロジェクト」を立ち上げました！

この特設サイトでは、その検討状況やワークショップなどのイベント情報を知ったり、自分の意見・アイデアをオンラインで投稿・共有したりすることができます。

すでに醍醐で活動している方も、これから関わってみたい方も、ぜひあなたの声を聞かせてください。
一緒に醍醐の未来を考えましょう！

醍醐地域のまちの未来像検討プロジェクト

浅野翔

中田

東(ひがし)宏一

yukimamire

DjgA5rbl

Bm2TU1TC

Daichi

DJじむちょー

XRwNBwU0

sion

」の取組を通じて、「多様な人々が住み、学び、つながることのできる文化・教育のまち“山科・醍醐”」を目指し、地域の住民や事業者の皆さまと行政がコラボレーションしながら、まちづくりを進めています。

「地域の皆様が感じていらっしゃることを出発点に未来像を描いていきたい。」

その思いから、meetusポータルを立ち上げました。

このポータル上で、できること

椥辻・醍醐、それぞれの取り組みの進み具合や、オンライン意見募集やワークショップのお知らせをご覧いただけます。

また、まちの動きを知る、ちょっと声を届ける、自分も活動に参加してみる、などなど..

各プロジェクトへ参加ができます！

<div class="grid_nagitujidaigo">
  <a class="link" href="https://mygroove.city/organizations/29/project_groups/20/components/53">
  <img class="image"  src="https://mygroove-staging-public.s3.ap-northeast-1.amazonaws.com/uploads/project_group_image/file/168/%E6%A4%A5%E8%BE%BB%E9%86%8D%E9%86%90%EF%BC%91.png">
  </a>
   <a class="link" href="https://mygroove.city/organizations/29/project_groups/20/articles/1312">
  <img class="image"  src="https://mygroove-staging-public.s3.ap-northeast-1.amazonaws.com/uploads/project_group_image/file/169/%E6%A4%A5%E8%BE%BB%E9%86%8D%E9%86%90%EF%BC%92.png">
  </a>
</div>
<style>
.grid_nagitujidaigo {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 14px;
  column-gap: 4px;
  white-space: initial;
  margin-top: 6px;
}
.image {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .grid_nagitujidaigo {
    grid-template-columns: repeat(2, 1fr);
  }
}
</style>