よくある質問
オンラインコンパイラ、プレビュー動作、ローカル保存、ワークフローに関する回答。
HTML CSS JS Compilerとは？
HTML、CSS、JavaScriptをライブブラウザプレビューに結合し、frontendコードを素早く書いてテストできるオンラインワークスペースです。
HTML、CSS、JavaScriptを一緒に実行できますか？
はい。プレビュードキュメントはCSSをstyleタグに、JavaScriptをscriptタグとしてHTMLの周りに注入します。
コンパイラは無料ですか？
基本利用ではアカウント作成なしでブラウザからコアplaygroundを利用できます。
インストールは必要ですか？
いいえ。サイトを開いて編集を始めるだけです。モダンブラウザがあれば十分です。
モバイルでも使えますか？
はい。エディタ、実行、プレビュー、Consoleは小画面向けにタブペインで配置されています。
コードはブラウザ内で実行されますか？
はい。プレビュー描画とスクリプト実行はsandbox iframe内でローカルに行われます。
コードをダウンロードできますか？
はい。ダウンロードでHTML、CSS、JavaScriptを含む独立index.htmlが生成されます。
JavaScriptをテストできますか？
はい。JavaScriptペインを使い、実行後にConsoleメッセージとランタイムエラーを確認できます。
レスポンシブデザインをテストできますか？
はい。デスクトップ、タブレット、モバイルのプレビュー幅を切り替え、viewportラベルを確認できます。
コードは保存されますか？
通常編集でローカル保存が有効な場合、ペインはlocalStorage経由でこのブラウザに保存されることがあります。
コードはサーバーにアップロードされますか？
標準プレビューではエディタ内容をbackendにアップロードする必要はありません。描画はブラウザが行います。
JavaScriptが動かないのはなぜ？
よくある原因：DOMノード存在前の実行、IDの typo、sandbox権限のブロック、iframeで使えないAPIへの依存。Consoleパネルを確認してください。
コンパイラに戻る
HTML、CSS、JavaScript向けの高速ブラウザ開発環境。