<div class="hamburger-menu" id="hamburger-menu"></div>
<div class="menu" id="menu">
    <ul></ul>
</div>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        const headers = document.querySelectorAll('h1, h2');
        const hamburgerMenu = document.getElementById('hamburger-menu');
        const menu = document.getElementById('menu');
        const ul = menu.querySelector('ul');
        const minWidth = 900;

        // メニューの幅を取得
        const menuWidth = menu.offsetWidth;

        headers.forEach(header => {
            const line = document.createElement('div');
            line.classList.add('hamburger-line');
            if (header.tagName === 'H1') {
                line.classList.add('h1-line');
            } else {
                line.classList.add('h2-line');
            }
            hamburgerMenu.appendChild(line);
        });

        headers.forEach(header => {
            const li = document.createElement('li');
            if (header.tagName === 'H2') {
                li.classList.add('h2-indent');
            }
            const a = document.createElement('a');
            a.href = `#${header.id}`;
            a.textContent = header.textContent;
            li.appendChild(a);
            ul.appendChild(li);
        });

        hamburgerMenu.addEventListener('mouseover', () => {
            menu.style.right = '0';
        });

        menu.addEventListener('mouseleave', () => {
            menu.style.right = `calc(-${menuWidth}px)`;
        });

        function checkWindowSize() {
            if (window.innerWidth < minWidth) {
                hamburgerMenu.style.display = 'none';
            } else {
                hamburgerMenu.style.display = 'block';
                menu.style.right = `calc(-${menuWidth}px)`; // 初期状態で隠す
            }
        }

        checkWindowSize();
        window.addEventListener('resize', checkWindowSize);
    });
</script>


Datachainに採用情報ページです。Datachainでは、「ステーブルコインを用いた次世代クロスボーダー送金基盤の構築」や「異なるブロックチェーン間をつなぐクロスチェーンインフラの構築」を一緒に進めていく仲間を募集しています。

Datachainの技術

Hyperledger Labs YUI

概要

使用技術

詳細

LCP

概要

使用技術

詳細