Toolipedia 埋め込み
JA
← すべてのテキストツール

HTML・CSS・JSプレイグラウンド

HTML、CSS、JavaScriptを書いて結果をリアルタイムで確認し、ダウンロードまたは共有します。

  • 無料
  • 登録不要
  • どの端末でも使える

約HTML・CSS・JSプレイグラウンド

HTML、CSS、JavaScriptを3つのペインに書くと、結果がリアルタイムに更新され、ページのダウンロードや共有もできます。レイアウトのアイデアを試したり、バグを再現したり、教えたりするための手軽なサンドボックスで、JSFiddleやCodePenに似ており、インストールや設定は不要です。

HTML・CSS・JSプレイグラウンドの使い方

  1. 3つのエディタに、HTML、CSS、JavaScriptを入力してください。
  2. その横で、ライブの結果が更新されるのを見てください。
  3. 作業内容をファイルとしてダウンロードするか、共有してください。

このツールを使う理由

別名

よくある質問

プレイグラウンドのコードはサーバーに保存されますか?

エディターはお使いのブラウザー内で動作します。ブラウザーのデータを消去すると、保存していないものはすべて失われることがあるため、作業内容をダウンロードするか、共有リンクをコピーして保管してください。

プレイグラウンドで、外部ライブラリを読み込めますか?

HTMLに、ライブラリのアドレスを指すscriptタグを追加できます。そのアドレスがブラウザから到達可能な場合にのみ機能します。

JavaScriptが動作しないのはなぜですか?

ブラウザコンソールで構文エラーを確認して、スクリプトが使う要素が存在した後に実行されるようにしてください。たとえば、最後に配置します。

HTML・CSS・JSプレイグラウンドは無料ですか？

はい。ToolipediaのHTML・CSS・JSプレイグラウンドは無料で、登録不要、透かしもありません。

安全に使えますか？

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか？

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか？

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

HTML・CSS・JSプレイグラウンド を自分のサイトに置けますか？

はい。ツールの下にある「サイトに埋め込む」ボタンで短いコードをコピーし、ページに貼り付けてください。無料でアカウントも不要、ツールはページ内でそのまま動作します。

関連ツール