HTML/CSS/JS ライブエディタ
ブラウザだけで動く小さな遊び場 — HTML・CSS・JSを書くと、サンドボックス化されたプレビューにその場で反映されます。アカウントやビルド不要。
891回閲覧
セットアップ不要の遊び場
HTML・CSS・JSタブに入力すると、下のプレビューが入力と同時に更新されます — すべてブラウザ内で完結し、このページやあなたのデータにアクセスできないサンドボックス化されたiframe内で動作します。コード片のテスト、コンポーネントの試作、実プロジェクトに組み込む前にCSSの見た目を確認するのに便利です。
これは意図的にプレーンテキスト編集（シンタックスハイライトなし）としています — ツールを軽量に保ち、外部のエディタライブラリに依存させないためです。
よくある質問
自分のコードはどこかに送信されますか？
いいえ — すべてブラウザ内でローカルに実行されます。プレビューは同じページ上のサンドボックス化されたiframeでレンダリングされ、サーバーへのアップロードや保存は一切行われません。
なぜシンタックスハイライトがないのですか？
本格的なコードエディタ（シンタックスハイライトや自動補完）を追加するには、重量級のサードパーティ製エディタライブラリを読み込む必要があります。このツールはあえて軽量に保っています — シンプルなテキストエリア、瞬時の読み込み、依存関係ゼロです。
プレビューで信頼できないコードを実行しても安全ですか？
プレビュー用iframeはallow-same-originを付けずにsandbox="allow-scripts"を使用しているため、内部のスクリプトはこのページのクッキーやローカルストレージなど、いかなる情報も読み取れません — 信頼できない埋め込みコンテンツと同じ方法で隔離されています。
関連ツール
問題を報告
HTML/CSS/JS ライブエディタ