{ } フリープレイグラウンド
HTML・CSS・JavaScriptを自由に書いて、すぐに結果を確認できます。レッスンで学んだことを試したり、自分のアイデアを形にしてみましょう。
エディタ
左側でコードを書いて、右側でリアルタイムプレビュー。Tab でインデント、Ctrl(Cmd)+Enter で再実行できます。
Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.html
preview.local
Live Preview使い方のヒント
HTML
ページの構造を定義します。タグを使って見出し、段落、ボタンなどの要素を配置しましょう。
CSS
見た目をデザインします。色、フォント、レイアウトなどをスタイルで指定しましょう。
JavaScript
動きを加えます。ボタンクリック、データ処理、アニメーションなどのロジックを書きましょう。