HTML オンライン実行
HTML/CSS/JS を書いてすぐ結果を確認。コードはブラウザ内でのみ実行され、アップロードされません。
コード
プレビュー ヒント:「実行」をクリックするか「自動実行」を有効にしてください。
オンライン HTML 実行ツールとは
左側のエディタに HTML・CSS・JavaScript を貼り付けると、右側に実際のページが描画されます。コードの検証やスタイルのデバッグに便利です。
使い方
3 ステップ: ① 左側にコードを入力 ②「実行」をクリック（または自動実行を有効化）③ 右側で結果を確認し、コピーまたは .html として保存。
対応している機能
HTML5 セマンティックタグ、CSS3（Flexbox/Grid/アニメーション/メディアクエリ）、モダン JavaScript（ES6+）に対応しています。
ローカルエディタとの違い
ローカルエディタはインストールと保存が必要ですが、本ツールはページを開いた瞬間から使えます。大規模な開発にはローカルエディタを推奨します。
よくある質問
オンラインで HTML を実行しても安全ですか？コードは送信されますか？
安全です。コードはブラウザ内でのみ実行され、サーバーに送信されません。プレビューは sandbox 属性付きの iframe で、サイトの cookie やローカルストレージにはアクセスできません。
JavaScript に対応していますか？
はい。DOM 操作、イベント、タイマーを含むモダン JavaScript（ES6+）が動作します。
外部 CDN ライブラリは使えますか？
<script src="..."> で利用できます。ただしプライバシー保護のため、一部の機能は sandbox により制限されます。
ローカルでは動くのにここでは動かないのはなぜ？
よくある原因: ① sandbox で禁止された機能の使用 ② ローカルファイルへの依存 ③ コンソールのエラーをご確認ください。
コードを保存できますか？
クリップボードへのコピー、または「HTML をダウンロード」で .html として保存できます。サーバーには保存されません。
スマートフォンに対応していますか？
はい。スマートフォンではエディタとプレビューが縦に並び、プレビューは全画面表示できます。
CodePen との違いは？
CodePen はコミュニティとホスティングを提供します。本ツールは「すぐ使える・完全ローカル・アップロードなし」に特化しています。
プレビューは実際のブラウザと同じですか？
レンダリングエンジンは同じため、ほぼ同一です。違いは sandbox 制限、外部リソース、プレビュー領域のサイズです。