コードプレイグラウンド について
即時ライブプレビュー付きでHTML、CSS、JavaScriptを書いて実行します。CodePenのように、アカウント不要、完全にブラウザ内で動作します。
コードプレイグラウンド の使い方
- 1スターターテンプレート（Hello World、Flexbox、アニメーション、Canvas）を選択するか、空白から始めます。
- 2最初のパネルにHTML、2番目にCSS、3番目にJavaScriptを書きます。
- 3「自動実行」を有効にして変更を即座に確認するか、「実行」をクリックして手動でプレビューをトリガーします。
- 4画面に合わせて垂直と水平のレイアウトを切り替えます。
- 5完全なHTML出力をコピーするか、スタンドアロンHTMLファイルとしてダウンロードします。
ヒント
- ジェネラティブアートやインタラクティブビジュアリゼーションの出発点としてCanvasテンプレートを使用してください。
- 複雑なJavaScriptを書くときは、不完全な編集中のエラーを避けるために自動実行を無効にしてください。
- ダウンロードしたHTMLファイルは自己完結型です。サーバーなしで任意のブラウザで開けます。
OneKitTools チーム更新日 2.21.4