Slop Code · 無料、ブラウザーで

HTML を書いてプレビューで実行する

CSS と JavaScript を含むページを書き、コードの横で実行します。プレビューは隔離されたサンドボックスで動き、その下にコンソールの出力とエラーが表示されます。

Slop Code を開く

手順

1. Slop Code を開き、「新規」を選んで HTML を選び、ファイル名を付けます。
2. ページを書きます。Ctrl+Space で、タグ、属性、CSS のプロパティを補完できます。
3. 同じ Slop Drive のフォルダーに .css と .js のファイルを追加し、相対パスでリンクします。
4. 「実行」（Ctrl+Enter）を選んでページを表示します。コンソールのメッセージとエラーがその下に表示されます。
5. 「保存」（Ctrl+S）を選び、ファイルを Slop Drive に保持します。

ファイルはこのデバイスに保存されたままです：Slop Code はブラウザーで動作し、アップロードもアカウントも透かしも必要ありません。

よくある質問

プレビューはインターネットに接続できますか？

いいえ。プレビューはネットワークにアクセスできず、アプリの保存領域も読めません。プロジェクトのファイルはインラインで読み込まれ、画像はフォルダーからデータとして読み込まれます。

保存していない変更もプレビューに反映されますか？

はい。開いているタブは現在のテキストを使うため、保存する前に変更を試せます。

ファイルはどこに保存されますか？

このブラウザーの Slop Drive です。保存していないテキストも下書きとして保持されるため、タブを閉じても失われません。

Slop Code でほかにできること

• JSON を整形する

関連するアプリ

• Slop Docs
  開発中
  WordとGoogleドキュメントを、ブラウザー向けに作り直しました。
• File convert
  開発中
  画像、PDF、データ、テキストを、端末上で変換します。
• Slop Effects
  ベータ
  ブラウザーでのモーションデザイン。アップロードはありません。