M2 譫ｶ遨ｺ髮題ｪ・遘∵怏髢ｲ隕ｧ繝・せ繝・/title> <style>body{margin:0;background:#0f172a;color:#e2e8f0;font-family:system-ui,sans-serif}main{max-width:900px;margin:auto;padding:24px}input,button{padding:9px;margin:4px}button{cursor:pointer}.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.page{background:#1e293b;border-radius:10px;padding:10px}.page img{max-width:100%;display:block}.notice{padding:12px;background:#172554;border-radius:8px}</style> <main><h1>M2 譫ｶ遨ｺ髮題ｪ・遘∵怏髢ｲ隕ｧ繝・せ繝・/h1><p>隕区悽・・縲・・峨・髱咏噪豢ｾ逕溽黄縺ｧ縺吶ょ・髢句呵｣懶ｼ・縲・0・峨・隱崎ｨｼ貂医∩縺ｮ遘∵怏API縺縺代′遏ｭ譎る俣 inline URL 繧定ｿ斐＠縺ｾ縺吶る撼陦ｨ遉ｺ・・1縲・2・峨・陦ｨ遉ｺ繝ｻAPI謠蝉ｾ帙＠縺ｾ縺帙ｓ縲・/p><div class="notice"><label>荳譎ゅユ繧ｹ繝・earer・医％縺ｮ繧ｿ繝悶・sessionStorage縺縺托ｼ・input id="token" type="password" autocomplete="off"></label><button id="save">險ｭ螳壹＠縺ｦ蜀崎ｪｭ霎ｼ</button><span id="status"></span></div><h2>繝壹・繧ｸ荳隕ｧ</h2><div id="pages" class="pages"></div></main> <script>const issue='m1-fixture-2026-07',key='estore_m2_test_bearer',q=s=>document.querySelector(s),token=()=>sessionStorage.getItem(key)||'';q('#token').value=token();q('#save').onclick=()=>{sessionStorage.setItem(key,q('#token').value);load()};const api=(path,opt={})=>fetch('/api/'+path,{...opt,headers:{...(opt.headers||{}),...(token()?{authorization:'Bearer '+token()}:{}),'content-type':opt.body?'application/json':undefined}});async function load(){q('#pages').textContent='隱ｭ縺ｿ霎ｼ縺ｿ荳ｭ窶ｦ';const r=await api('magazines/'+issue+'/pages');const data=await r.json();q('#status').textContent=r.ok?(data.access==='private'?'莉ｮ髢ｲ隕ｧ讓ｩ髯舌≠繧・:'譛ｪ繝ｭ繧ｰ繧､繝ｳ: 隕区悽縺ｮ縺ｿ'):(data.error?.message||'螟ｱ謨・);q('#pages').replaceChildren(...(data.pages||[]).map(p=>{const box=document.createElement('article');box.className='page';box.append(p.number+'. '+p.label);const img=document.createElement('img');box.append(img);if(p.source==='static')img.src=p.inlineUrl;else{box.onclick=async()=>{const pr=await api('magazines/'+issue+'/page?ref='+encodeURIComponent(p.pageRef));if(!pr.ok){const d=await pr.json();q('#status').textContent=d.error?.message||'陦ｨ遉ｺ荳榊庄';return}img.src=URL.createObjectURL(await pr.blob());await api('magazines/'+issue+'/progress',{method:'PUT',body:JSON.stringify({pageRef:p.pageRef})})}}return box}));}load()</script> </html>