MC、ゲスト

公開日

_URL

内容

タイトル

ゲスト所属部門

namburyuji

株式会社HANOWAは、『働くを祝える毎日を共に』をミッションに掲げ、歯科医療従事者と歯科医院のマッチングプラットフォーム『ハノワ』を運営しています。

株式会社HANOWA

ハノワ座談会は、社会保障を支える人たちが、自分らしい働き方や生き方の選択肢を見つけられるように開いている、オンラインの集いです。 
ゲストの体験談や働き方の工夫、日常の喜びや悩みを分かち合いながら、 “**働くを祝える毎日**”に近づくヒントを見つけていきます。

HANOWA座談会

<div class="custom-hamburger" id="js-ham-btn">
  <span></span>
</div>
<div id="custom-menu-overlay"></div>
<div id="custom-menu-content">
  <ul class="menu-list" id="js-menu-list"></ul>
</div>
<script>
// ① カバー画像切り替え
const PC_IMG = 'https://res.cloudinary.com/dmdnur0rx/image/upload/v1772512350/FV%E7%94%BB%E5%83%8F_PC_260303_rb69f4.jpg'
const SP_IMG = 'https://res.cloudinary.com/dmdnur0rx/image/upload/v1772079372/FV%E7%94%BB%E5%83%8F_SP_260225_1_cap1ek.jpg'

function changeCoverImage() {
    const img = document.querySelector('.coverImage');
    if(!img) return;
    const target = (window.innerWidth < 768) ? SP_IMG : PC_IMG;
    if(img.getAttribute('src') !== target) img.setAttribute('src', target);
}
changeCoverImage();
window.addEventListener('resize', changeCoverImage);

// ② メニュー制御とジャンプ処理
(function() {
    function setupMenu() {
        const btn = document.getElementById('js-ham-btn');
        const overlay = document.getElementById('custom-menu-overlay');
        const list = document.getElementById('js-menu-list');
        if (!btn || !list) return false;

        function closeMenu() {
            document.body.classList.remove('is-menu-open');
            btn.classList.remove('is-active');
        }

        function toggle() {
            document.body.classList.toggle('is-menu-open');
            btn.classList.toggle('is-active');
        }

        btn.onclick = toggle;
        overlay.onclick = toggle;

        // 見出し1を取得して自動生成
        const headings = document.querySelectorAll('h1.notion-h1, h1.notion-header-block, .notion-h1');
        list.innerHTML = "";
        headings.forEach((h, i) => {
            // IDが付与されていない場合は付与
            const targetId = h.id || 'section-' + i;
            h.id = targetId;

            const li = document.createElement('li');
            const a = document.createElement('a');
            a.innerText = h.innerText;
            
            // クリック時のジャンプ処理をJavaScriptで制御
            a.onclick = function(e) {
                e.preventDefault(); // デフォルトのジャンプを無効化
                
                // 移動先の位置を計算（ヘッダー高さ約60pxを引く）
                const headerHeight = 60;
                const rect = h.getBoundingClientRect();
                const offset = window.pageYOffset;
                const targetPosition = rect.top + offset - headerHeight;

                // スムーズにスクロール
                window.scrollTo({
                    top: targetPosition,
                    behavior: 'smooth'
                });

                closeMenu(); // メニューを閉じる
            };

            li.appendChild(a);
            list.appendChild(li);
        });
        return true;
    }
    window.addEventListener('load', setupMenu);
    setTimeout(setupMenu, 1500); // Notionの描画待ち時間を少し長めに
})();
</script>

第127話 エンジニアとビジネスの距離感の難しさ

第127話　エンジニアとビジネスの距離感の難しさ