roblox-extra.css / .js 動作確認ページ

このページは、追加CSS/JSが正しく読み込まれ、意図通り表示されるかを確認するためのサンプルです。

1. キーボードキー表示

上書き保存するには、Ctrl + S を押します。

2. 警告ボックス

必ずプレイを停止してから、Scriptを編集してください。

3. 達成確認ボックス

回転バーを作ることができましたか？

4. AIコーナー

🤖 AIコーナー

AIに聞いてみよう

「このScriptの各行を日本語で説明して」とAssistantに聞いてみましょう。

5. ターミナル風表示

出力
コインカウント1 コインカウント2 コインカウント3

6. ダウンロードボタン

⬇ 「 サンプルファイル.rbxl 」をダウンロード

7. AI依頼文プレビュー

GlitterPartが触れられている間、黄色のきらきらを作成する新しいスクリプトを追加して

8. Luaコードのシンタックスハイライト（暫定JS版）

Prism公式のLua言語コンポーネントが未導入の場合、roblox-extra.js による簡易ハイライトが適用されます。

-- カウント(IntValue)を見つけてcountという名前で使えるようにする
local count = game.ReplicatedStorage:WaitForChild("コインカウント")

-- プレイヤーに触れたら
script.Parent.Touched:Connect(function(hit)
        if hit.Parent:FindFirstChild("Humanoid") then
                count.Value += 1    -- countのValue(値)を1増やす
                print(count.Name..count.Value)
                script.Parent:Destroy()
        end
end)

確認チェックリスト

  • 1〜7の見た目が意図通りか（既存デザインと調和しているか）
  • Luaコードに色がついているか（キーワードが青・コメントが緑・文字列がオレンジ）
  • スマホ幅で見たときにレイアウトが崩れていないか