統合エディタ
html~/css~/js~ のマーカーでセクションを分ける
例: html~ css~ js~
html~<h1>サンプル</h1><p>ボタンで色変更</p><button id='btnPink'>ピンク</button><button id='btnBlue'>ブルー</button> css~body{font-family:sans-serif;text-align:center;padding:40px;transition:background 0.5s;}h1{color:coral;font-size:2rem;}button{margin:8px;padding:8px 16px;border:none;border-radius:8px;background:#60a5fa;color:#05203a;font-size:1rem;cursor:pointer;}button:hover{opacity:0.8;} js~document.addEventListener('DOMContentLoaded',()=>{document.getElementById('btnPink').addEventListener('click',()=>{document.body.style.background='pink'});document.getElementById('btnBlue').addEventListener('click',()=>{document.body.style.background='lightblue'});});
コンパイルしてプレビュー
HTML/CSS/JSをダウンロード
クリア
プレビュー
iframe を使用
出力 / ダウンロード
生成された HTML/CSS/JS を個別に保存可能
HTML を表示
ダウンロード .andlg
CSS を表示
ダウンロード .andlg
JS を表示
ダウンロード .andlg