Code Editor
HTML
CSS
JavaScript
▶ 実行
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hello World</title> </head> <body> <h1>Hello, World!</h1> <p>ここにHTMLを書いてください。</p> </body> </html>
body { font-family: Arial, sans-serif; margin: 40px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; } h1 { color: #ffeb3b; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
document.addEventListener('DOMContentLoaded', function() { console.log('ページが読み込まれました！'); const h1 = document.querySelector('h1'); h1.addEventListener('click', function() { alert('Hello from JavaScript!'); }); });
プレビュー
リアルタイムプレビュー有効 | Ctrl+Enter で実行