HTML プレイグラウンド ツール
HTML、CSS、JavaScript を自由に試すための安全なサンドボックス。
導入
HTML プレイグラウンドは、結果をもたらすことなくコードを実験できるサンドボックス化されたオンライン環境です。好きなものを書いて実行し、結果を確認して、最初からやり直します。ここは、Web テクノロジーを学習、テスト、探索するのに最適な場所です。
遊び場は何が違うのでしょうか?
遊び場は実験のために設計されています。実稼働 IDE とは異なり、プロジェクト構造を気にしたり、ファイルを保存したり、デプロイメント パイプラインを必要としたりする必要はありません。あなたには真っ白なキャンバスがあり、何でも試す自由があります。
これは、以下の場合に特に価値があります。
- 「もしどうなるか？」をテストするシナリオをすばやく実行
- 読んだ新しい CSS プロパティを試してみる
- これまで使用したことのない JavaScript API を試してみる
- 使い捨てプロトタイプの構築
- バグを単独で再現する
遊び場の特徴
- インスタント リセット — ワンクリックでデフォルト状態に戻ります
- サンドボックス実行 — コードは分離された iframe で実行されます。
- コンソール出力 — JavaScript のログとエラーを参照してください。
- ダウンロード オプション — 保存したい実験を保存します
- モバイル対応 — あらゆるデバイスで試してみてください
遊び場で試してみたいアイデア
- CSS のみのアニメーション読み込みスピナーを構築する
- CSS グリッドを使用してレスポンシブなグリッド レイアウトを作成する
- JavaScript を使用して簡単な ToDo リストを作成する
- 交差点オブザーバー API をテストする
- ダーク/ライトモード切り替えを作成する
- CSS カスタム プロパティ (変数) を試してみる
- カウントダウンタイマーを構築する
実験を開始する
HTML コード ランナー にアクセスして、コードを試してみましょう。ルール、制限、結果はありません。あるのはあなたとブラウザだけです。
よくある質問
はい。コードは、ブラウザーのデータや他のタブにアクセスできないサンドボックス化された iframe で実行されます。
コードをダウンロードして、HTML ファイルを共有できます。このツールには共有機能が組み込まれていません。
いいえ、遊び場は好きなだけご利用いただけます。セッション制限はありません。