Newer
Older
nakatani-web / schedule / index.html
<!DOCTYPE html>
<html lang="ja">

<head>
    <title>ナカタニミライラボ</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="ナカタニミライラボ">
    <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+Serif+JP&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../nmlmain.css">
    <link rel="stylesheet" href="./index.css"> <!--年間計画用CSS-->
</head>

<body>
    <header id="header">
        <div class="site-header">
            <a class="site-header__logo" href="../">
                <img src="../img/chokailogo_B05edge.png" alt="ナカタニミライラボ">
            </a>
            <button class="site-header__hamburger" id="hamburger" aria-label="メニューを開く">
                <span></span><span></span><span></span>
            </button>
            <nav id="site-nav">
                <ul>
                    <li><a href="../home/">ホーム</a></li>
                    <li><a href="../about/">NMLとは</a></li>
                    <li><a href="../schedule/">年間計画</a></li>
                    <li><a href="../qa/">Q&A</a></li>
                    <li><a href="../apply/">申込み</a></li>
                </ul>
            </nav>
        </div>
        <div class="site-header__overlay" id="nav-overlay"></div>
    </header>

    <section id="achievements-page">
        <div class="achievements-inner wrapper">

            <h2 class="jd-section-title">
                <span class="jd-section-title__en">SCHEDULE</span>
                年間計画
            </h2>

            <!-- ===== 令和8年度 ===== -->
            <div class="achieve-year-block">
                <h3 class="achieve-year">令和8年度(2026年度)</h3>
                <p>※原則、講義会場は <u>東北公益文科大学 酒田キャンパス</u> となります。</p>


                <div class="achieve-card">
                    <div class="achieve-date">第1回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年6月27日(土) 14時~16時30分<br>
                            <b>内容:</b>開塾式、ガイダンス<br>
                            はじめてでも大丈夫!パソコン操作を楽しくマスターしよう!
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第2-1回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年7月11日(土) 9時30分~12時<br>
                            <b>内容:</b>ファイルの作成<br>
                            自分のアイディアをコンピュータに保存しよう!
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第2-2回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年7月11日(土) 14時~16時30分<br>
                            <b>内容:</b>簡単なプログラミング操作<br>
                            自分の命令で動く!プログラミングの楽しさを体験しよう!
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">サイエンス・デイ見学(希望者のみ)</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年7月26日(日)<br>
                            <b>場所:</b>東北大学(宮城県仙台市)<br>
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第3回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年8月8日(土) 14時~16時30分<br>
                            <b>内容:</b>シミュレーションで探る宇宙の仕組み<br>
                            <b>担当:</b>本学メディア情報コース教員:平居 悠
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第4回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年9月12日(土) 9時30分~12時<br>
                            <b>内容:</b>VRプラネタリウムで作る星空<br>
                            <b>担当:</b>本学メディア情報コース教員:山本 裕樹
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第5-1回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年9月26日(土) 9時30分~12時<br>
                            <b>内容:</b>WebGISを使ってみよう<br>
                            <b>担当:</b>本学メディア情報コース教員:広瀬 雄二
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第5-2回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年9月26日(土) 14時~16時30分<br>
                            <b>内容:</b>飯森山を探検してMapを作ろう<br>
                            <b>担当:</b>本学メディア情報コース教員:広瀬 雄二
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第6回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年10月3日(土) 14時~16時30分<br>
                            <b>内容:</b>プログラムで画像や映像を撮影してみよう<br>
                            <b>担当:</b>本学メディア情報コース教員:植田 和憲
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第7回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年10月10日(土) 14時~16時30分<br>
                            <b>内容:</b>プロコンチャレンジ<br>
                            とうほくプロコンエントリーへチャレンジしよう!
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第8回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年10月17日(土) 14時~16時30分<br>
                            <b>内容:</b>オリジナルプログラムを作成しよう<br>
                            学んだことを生かして自由にプログラムを作ってみよう
                        </p>
                    </div>
                </div>

                <div class="achieve-card">
                    <div class="achieve-date">第9回</div>
                    <div class="achieve-body">
                        <p class="achieve-event">
                            <b>日時:</b>令和8年11月14日(土) 14時~16時30分<br>
                            <b>内容:</b>作品発表会<br>
                            発表会終了後に閉塾式を行います
                        </p>
                    </div>
                </div>

            </div>
            <!-- /令和8年度 -->

        </div>
    </section>

    <footer id="footer">
        <p>ナカタニミライラボ</p>
        <p class="site-footer__copy">Nakatani MiraiLab All Rights Reserved.</p>
    </footer>

    <!-- ハンバーガーメニュー制御 -->
    <script>
        const hamburger = document.getElementById('hamburger');
        const siteNav = document.getElementById('site-nav');
        const overlay = document.getElementById('nav-overlay');

        function toggleMenu(open) {
            hamburger.classList.toggle('is-open', open);
            siteNav.classList.toggle('is-open', open);
            overlay.classList.toggle('is-open', open);
            document.body.style.overflow = open ? 'hidden' : '';
        }

        hamburger.addEventListener('click', () => toggleMenu(!siteNav.classList.contains('is-open')));
        overlay.addEventListener('click', () => toggleMenu(false));
        siteNav.querySelectorAll('a').forEach(a => a.addEventListener('click', () => toggleMenu(false)));
    </script>
</body>

</html>