Roblox Studioではじめての GUI — ボタンを押したらテキストが変わる

Roblox Studio で Baseplate など任意のテンプレートを開き、 StarterGui 以下に ScreenGui を作ります。その中にボタンとラベルを置き、 LocalScript からクリック回数を数えて TextLabel.Text を書き換えます。

下図は「Explorer での配置 → Luau で Connect → 再生で確認」の流れです。

Home タブ → ScreenGui を挿入し、親を StarterGui にします（Explorer でドラッグ）。 その ScreenGui の子として TextButton と TextLabel を追加します。

1. Explorer で StarterGui を確認（無ければ挿入）
2. ScreenGui を作成し、わかりやすい名前（例: MainHUD）に
3. 子に TextButton を置き、名前を ClickButton、表示文字は「タップ！」など自由に
4. 兄弟に TextLabel を置き、名前を StatusLabel、初期 Text は「ボタンを 0 回押しました！」など
5. 同じ階層（ScreenGui 直下）に LocalScript を追加し、名前は ClickCounter など

ClickCounter を開き、次のコードを貼り付けます（または追記）。タブ文字は Studio に合わせてスペースに置き換えても OK です。

-- ClickCounter（LocalScript の例）
-- 親は ScreenGui。兄弟に TextButton「ClickButton」と TextLabel「StatusLabel」を置きます。

local screenGui = script.Parent
local clickButton = screenGui:WaitForChild("ClickButton")
local statusLabel = screenGui:WaitForChild("StatusLabel")

local clicks = 0

clickButton.MouseButton1Click:Connect(function()
	clicks += 1
	statusLabel.Text = ("ボタンを %d 回押しました！"):format(clicks)
end)

ファイル名の拡張子は教材上の便宜的な表記です。Studio では「LocalScript」として追加してください。

• script.Parent … この LocalScript の親＝今回は ScreenGui。兄弟の GUI をここから辿ります。
• WaitForChild … ClickButton / StatusLabel が見つかるまで待機。名前が違うとずっと待ち続けます。
• MouseButton1Click:Connect … クリックのたびに渡した関数が実行されます。
• clicks += 1 … Luau で足し算の省略記法。状態をローカル変数に保持しています。

1. ClickButton / StatusLabel の名前がコードと完全一致しているか確認（大文字小文字も）
2. TextButton が他オブジェクトに隠れていないか、サイズと位置を目視（初期の UDim2 でも可）
3. LocalScript が ScreenGui の子になっているか（誤って ServerScriptService 等に置いていないか）
4. Play（または Play Here）でプレイし、画面上のボタンをクリック

• ボタン文言を英語に変え、ラベルの文体も合わせてみる
• 別の TextLabel を追加し、WaitForChild で参照して「最後に押した時刻」を表示してみる（発展）
• Unity のボタンレッスンと手順を並べて比較してみる

• 何も起きない … LocalScript が入っていない、親が ScreenGui ではない、ボタンが透明＆非インタラクティブになっていないか。
• Infinite yield（待ち続ける） … WaitForChild の名前が Explorer と一致していない。
• 出力にエラー … statusLabel が TextLabel ではない、Text が書けないオブジェクトを指していないか。
• Play していない … Studio 上の編集画面と、実際の PlayerGui では階層の見え方が違うので再生で確認しましょう。

• StarterGui に ScreenGui を置き、TextButton と TextLabel を配置した
• LocalScript から WaitForChild と MouseButton1Click を使った
• カウンタを増やして TextLabel を更新できた
• クライアント側 GUI の入口を掴んだ

• 3D の Part をクリック（ClickDetector + サーバー Script）でワールド入力に進む
• RemoteEvent でサーバーに「ボタンが押された」を伝え、信頼できるカウントを持つ（マルチプレイの定番）
• UI レイアウト: UIListLayout、Constraint、スケーリング（UDim2）
• Roblox ロードマップで学習順を俯瞰する