feat(scratch-gui): 「さあ、始めましょう」に単機能チュートリアルを追加する

[smalruby3-editor-bot]

Description

「さあ、始めましょう」カテゴリ（CATEGORIES.gettingStarted）にチュートリアルが 1 本しかない（intro-getting-started）。

中学校技術科「双方向性のあるコンテンツ」の授業（8 時間・チャット制作）でワークシートから
**「『さあ、始めましょう』から好きなものを 3 つやってみよう」**と指示したいが、選ぶ対象が 1 本しかないため成立しない。

現状、単機能を学べるチュートリアルが無く、初学者が最初に触るものが
「通信入門 ①②③」（メッシュのチャット制作、meshStep1/2/3）しかない。これは
授業の本題そのもの（ワークシートと内容が重複する）であり、かつ導入としては難しすぎる。

→ 「さあ、始めましょう」に、1 機能 1 本の短いチュートリアルを追加する。

設計方針

• 1 チュートリアル = 1 機能。3〜6 ステップで終わる短いもの
• Lv1 / Lv2 / Lv3 のような段階分けはしない（chat1Basic1-3 のような形は取らない）。
  1 本完結で、順番に依存しない＝「好きなものを 3 つ」が成立する
• 対象はブロックの操作（Ruby は既存の rubyBasics カテゴリが担当）
• 題材は授業で実際に使う機能に絞る（下記の一覧は「双方向性のあるコンテンツ」8 時間単元の
  ワークシートで使う機能から逆算したもの）

追加するチュートリアル（提案）

優先度 A = 授業で必須、B = あると有用。

#	名前（案）	学ぶこと	主なブロック	優先
1	コスチュームをかえてみよう	コスチュームタブ／見た目の切り替え	looks_switchcostumeto looks_nextcostume	A
2	スプライトを 2 つ使ってみよう	スプライトの追加・選択・それぞれにプログラムを持つこと	（スプライト操作中心）	A
3	聞いて答えてみよう	使用者の入力を受け取る	sensing_askandwait sensing_answer looks_say	A
4	ふきだしで話してみよう	出力（言う／◯秒言う）と文字の連結	looks_say looks_sayforsecs operator_join	A
5	変数をつかってみよう	入力した値に名前をつけて覚えておく	data_setvariableto data_variable	A
6	メッセージを送ってみよう	合図でほかのスプライトを動かす（イベント）	event_broadcast event_whenbroadcastreceived	A
7	スプライトをクリックして動かしてみよう	クリックのイベント	event_whenthisspriteclicked	B
8	音を鳴らしてみよう	音タブ／音を鳴らす	sound_play	B
9	もし〜なら で分けてみよう	条件分岐	control_if_else operator_equals	B
10	リストをつかってみよう	複数のデータをためる	data_addtolist data_listcontents	B
11	拡張機能を追加してみよう	「拡張機能を追加」ボタン → メッシュを入れる	（拡張機能の追加操作）	B
12	ルビータブを見てみよう	同じプログラムが Ruby でどう書かれるか	（タブ切り替え）	B

全部を一度に作る必要はない。優先度 A の 6 本があれば「好きなものを 3 つ」が成立する。

実装のしかた（既存パターンに合わせる）

参考にする既存実装:

• packages/scratch-gui/src/lib/libraries/decks/categories/getting-started.jsx — 追加先
• packages/scratch-gui/src/lib/libraries/decks/categories/getting-started.locale.js — 文言（ja / jaHira / en）
• packages/scratch-gui/src/lib/libraries/decks/categories/ruby-basics.jsx — 7 本を 1 カテゴリに並べた先例。
  setup（起動時のタブ・モード指定）と allowedBlocks（パレットを絞る）の使い方の見本
• packages/scratch-gui/src/lib/libraries/tutorial-tags.js — CATEGORIES の定義（新カテゴリは追加不要、既存の gettingStarted に足す）
• packages/scratch-gui/src/lib/libraries/decks/index.jsx — ...gettingStarted で集約済み（変更不要）

1 本あたりの作業:

1. getting-started.jsx の decks にエントリを追加
   （name / tags / category: CATEGORIES.gettingStarted / img / nameMessageId / steps）
2. サムネイル画像を decks/thumbnails/ に追加して import
3. 各ステップの画像 or GIF を decks/steps/ に追加し、ja-steps.js / en-steps.js に登録
4. 文言を getting-started.locale.js の ja / jaHira / en に追加（ja と ja-Hira は対で追加する
   — .claude/rules/scratch-gui/development.md の i18n 規約）
5. 必要なら allowedBlocks でパレットを絞る（初学者が迷わないようにする）

DoD

• 優先度 A の 6 本が「さあ、始めましょう」カテゴリに並び、チュートリアル一覧から選べる
• 各チュートリアルが 3〜6 ステップで完結し、他のチュートリアルに依存しない
• ja / ja-Hira / en の文言が揃っている（ja と ja-Hira は対）
• サムネイルとステップ画像が表示される（欠けたリンクがない）
• npm run lint が 0 エラー・0 警告
• 既存の intro-getting-started と rubyBasics / meshStep1-3 が壊れていない
• チュートリアル一覧で「さあ、始めましょう」が先頭カテゴリのまま表示される（CATEGORIES のキー順に依存）

背景

中学校技術科「双方向性のあるコンテンツのプログラミングによる問題解決」（8 時間）の
標準ワークシートを作成中で、第 1 時にスモウルビーの基本操作をチュートリアルで練習させる設計にしている。
授業の本題（チャット制作＝メッシュ）と重複しない、短い単機能チュートリアルが必要。

[smalruby3-editor-bot]

既存のチュートリアル拡充 EPIC との関係（重複回避のため）

本 Issue とは別に、チュートリアル拡充の EPIC が既に進行中です。分解・実装の前に必ず確認してください。

Issue	内容	状態
#682	チュートリアル全体の体系的拡充（Block / Ruby / Mesh / DNCL）のトラッカー	In Progress
#680	Phase 3: Block チュートリアル 4 シリーズ（書籍プロモーション）	In Progress
#957	blockBasics 第1章 4 deck（ネコからにげるゲーム冒頭）	Review
#958	blockGames 第4章 4 deck（シューティング）	Review

設計の正準は docs/tutorial/improvement-plan.md と docs/tutorial/progress.md。

本 Issue が既存 EPIC と「意図的に違う」点

重複ではなく別の役割として追加します。分解時にこの線引きを崩さないこと。

	#680（既存）	本 Issue #1177
カテゴリ	blockBasics / blockGames	gettingStarted
ねらい	書籍（きらきら Ruby）のプロモーション。章に沿ったゲーム制作	授業の導入。1 機能を数分で確かめる
段階	Lv0 / Lv2 / Lv3 の 3 段（意図的に Lv1 を空ける）	Lv 分けをしない。1 本完結・順序依存なし
長さ	章単位（step 多数・画像 ~76 枚）	3〜6 ステップ
想定利用	家庭学習・書籍への導線	中学校技術科の第 1 時（「好きなものを 3 つ」と指示する）

分解・実装時の注意

• blockBasics / blockGames に deck を足さない（feat(tutorial): Phase 3 - Block チュートリアル 4 シリーズ (書籍プロモーション) #680 の担当領域）。追加先は gettingStarted のみ
• feat(tutorial): blockBasics 第1章 4 deck（ネコからにげるゲーム冒頭） #957 / feat(tutorial): blockGames 第4章 4 deck（シューティング冒頭） #958 が Review 中なので、decks/thumbnails/ decks/steps/ *-steps.js のコンフリクトに注意
• docs/tutorial/improvement-plan.md に本件を追記する（gettingStarted = 単機能・Lv なし、という方針が
  現在の同ドキュメントの「各軸は Lv 別の難度を踏襲」と食い違うため、方針の分岐を明文化する）
• feat(tutorial): チュートリアル全体の体系的拡充 (Block / Ruby / Mesh / DNCL) #682 の「サブイシュー」一覧への追加が適切かは人間が判断する（現時点では独立 EPIC として扱う）

背景

中学校技術科「双方向性のあるコンテンツ」8 時間単元の標準ワークシート（第 1 時）で
「『さあ、始めましょう』から好きなものを 3 つやってみよう」と指示する設計にしたが、
このカテゴリには現在 intro-getting-started の 1 本しかない。
代わりに使える meshStep1/2/3（通信入門）は授業の本題そのもので重複し、導入としては難しすぎる。

[smalruby3-editor-bot]

🤖 autopilot 分解案（#1177 の sub-issue 候補）

粒度: ② 3 個にまとめる — 6 本すべてが getting-started.jsx / getting-started.locale.js / ja-steps.js / en-steps.js の 4 ファイルを共有編集するので並列不可（直列化は必須）。一方 1 本あたり step 画像 3〜6 枚 + サムネイル 1 枚の撮影が主作業なので、6 本 1 PR（約 30 枚）は 1 実装バジェットに収まらない。撮影ワークフローが同種の 2 本ずつ = 3 leaf が「バジェットに収まる最少」。

• [middle] feat(scratch-gui): 「さあ、始めましょう」に見た目・スプライトの単機能チュートリアル 2 本を追加 — 優先度 A の ①コスチュームをかえてみよう（looks_switchcostumeto / looks_nextcostume）と ②スプライトを 2 つ使ってみよう。どちらもコスチュームタブ／スプライトペインの UI 操作 GIF 中心（既存 chat3-mesh1-4-costume.gif / chat2-sprites1-5-add-penguin.gif 等の流用を優先）。この leaf で新カテゴリ内の deck-id・画像命名・locale キーの規約を確定する
• [middle] feat(scratch-gui): 「さあ、始めましょう」に入力・出力の単機能チュートリアル 2 本を追加 — 優先度 A の ③聞いて答えてみよう（sensing_askandwait / sensing_answer / looks_say）と ④ふきだしで話してみよう（looks_say / looks_sayforsecs / operator_join）。1 スプライトで完結し、ブロック画像（命令ブロックを画像として保存）中心の撮影
• [middle] feat(scratch-gui): 「さあ、始めましょう」に変数・イベントの単機能チュートリアル 2 本を追加 — 優先度 A の ⑤変数をつかってみよう（data_setvariableto / data_variable）と ⑥メッセージを送ってみよう（event_broadcast / event_whenbroadcastreceived）。⑥ は 2 スプライト前提なので ② の後。既存 chat1-basic1-5-create-variable.gif / chat1-basic1-3-broadcast.png の流用を優先

補足:

• スコープは優先度 A の 6 本のみ（Issue の DoD もこの 6 本）。優先度 B の 7〜12（クリックイベント／音／条件分岐／リスト／拡張機能追加／ルビータブ）は本 EPIC では作らず、必要になった時点でフォローアップとする
• 3 leaf は共有 4 ファイルを編集するため autopilot-after で直列化する（前の leaf の番号を後続 leaf 本文の行頭に置く）。内容上も ⑥ が ② に依存するので、この順序で矛盾しない
• 各 leaf 共通の DoD: 3〜6 ステップで完結・他チュートリアル非依存 / ja・ja-Hira・en を対で追加 / サムネイル・ステップ画像に欠けリンクなし / npm run lint 0 エラー 0 警告 / 既存 intro-getting-started・rubyBasics・meshStep1-3 が壊れていない

承認: この Issue/PR の HITL を解除（🙋 ラベルを外す or Project HITL=No）してください。
調整したい場合はコメントで指示してください（例: 「2 leaf に束ねて」「B の 7〜12 も含めて」など）。

[smalruby3-editor-bot]

🧭 分解済み EPIC — sub-issue: 完了 0/3 (0%)
サブ Issue の実装を待っています。すべて閉じたらこの EPIC を Close（または Project の Status を Close/Done に変更）してください。 autopilot は設計上 EPIC を自動 Close しません。

Linked issue #1177. Maintained by autopilot (single writer); do not edit.