TurboWarp-Plus-EditorGitHub

機能ガイド · 2026年11月14日更新 · English

TurboWarp Plusで作品をつくる

TurboWarp Plusで作品を開き、画面を整え、作品全体を検索しながら編集し、Gitで管理して、SB3や単一HTMLで渡し、GitHubで開発を進めるまでの機能を、分野別の12ページで紹介します。

日本語でエディターを開く · Scratch・TurboWarpのSB3互換性と機能一覧（Markdown） · 掲載画面の撮影条件

Scratch 3と標準TurboWarpで保存したSB3は、どちらもTurboWarp Plus Editorで開けます。Plusがエディターに組み込んだ機能の一部は、作品が読み込む拡張（ScratchやTurboWarpの拡張）や、その拡張用のデータがないと使えません。

このガイドでは、GitHub Pagesで公開しているエディターを「公開版（GitHub Pages）」、GitHubへの接続先を設定したWeb版や対応するDesktop版を「GitHub接続付きのエディター」、公開前のローカル統合版やDesktop開発版を「開発版」と呼びます。確認した版を個別に記した箇所を除き、操作名と配置は2026年11月14日時点の公開版（TurboWarp Plus Editor 0.2.0-rc.4）で確認しています。版ラベルの「開発中」は公開版にはまだ入っておらず開発版で確認した機能、「試作」は公開版で使えるものの対象を限定している機能、「一部の拡張で利用可能」は対応する拡張が必要な機能です。図版は撮影時点の画面です。

ボールのデモで試す

Scratchを少し触ったことがある方向けに、画面の切り替えやリストの編集、コードのコピーを実際の画面とサンプルSB3で紹介します。日本語 · English

分野別の目次

1. 作品を開き、拡張を準備する

新規作成とSB3の読み込み、読み込みの経過、拡張の追加と実行前の確認、診断。

  1. 作品を新しく作る・SB3を開く
  2. 読み込みの経過を確かめる
  3. カタログから拡張を追加する
  4. 作品を開く前に拡張の実行条件を確認する
  5. 拡張の取得に失敗したとき
  6. 作品が開けないときに診断を読む

2. 画面の構成とメニュー

メニューバーと左端のアクティビティバー、TurboWarp Plusメニュー、ファイル・編集メニュー、右上の拡張ボタン、配置。

  1. 最上段のメニューバー
  2. TurboWarp Plusメニュー
  3. ファイルメニュー
  4. 編集メニューとショートカット
  5. 右上の拡張ボタンとデバッガー
  6. Plus標準配置とScratch配置を使い分ける

3. スプライトと背景を編集する

スプライト一覧、タブと編集パネルのアイコン、コスチュームと音、プロパティ・変数・リスト、メッセージ、背景。

  1. スプライト一覧で探す・固定する
  2. スプライトのタブと編集パネルのアイコン
  3. コスチュームと音を編集する
  4. プロパティ・変数・リストを編集する
  5. メッセージの送受信を確かめる
  6. 背景を編集する

4. ステージを開いて作品を動かす

ステージの開き方、右端の引出しと実行操作、表示メニュー、タブと別ウィンドウ。

  1. メニューバーからステージを開く
  2. 右端の引出しで作品を動かす
  3. ステージの表示メニュー
  4. ステージを作業領域や別ウィンドウに移す

5. 作業領域を分割・別ウィンドウにする

境界の調整、パネルの分割、2つのペインでの見比べ、別ウィンドウ、配置の復元。

  1. 境界を動かして作業領域を調整する
  2. パネルを左右・上下に分割して並べる
  3. 同じスプライトのコードを2つのペインで見比べる
  4. 編集パネルを別ウィンドウで開く
  5. スプライト一覧を別ウィンドウに移す
  6. 次に開くときに作業配置を復元する

6. ブロックを探して置く・整理する

横型パレットと検索、小窓、並べ替え、別ウィンドウ、削除予告、ミニマップ、右クリックメニュー、コードの並べ替えとコピー。

  1. 横型パレットからブロックを置く
  2. パレットのカテゴリ内でブロックを検索する
  3. カテゴリの小窓を見やすい大きさにする
  4. カテゴリの順序を変える
  5. ブロックパレットを別ウィンドウで開く
  6. パレットに戻すとブロックを削除する
  7. ミニマップとズームで長いコードを移動する
  8. 右クリックメニューで操作する
  9. コードを並べ替える・別のスプライトへコピーする

8. 拡張のデータと文書を編集する

フォーム編集、外部YAMLと作品内文書、YAMLタブ、素材と場面のプレビュー。

  1. ブロックの値をフォームで編集する 一部の拡張で利用可能
  2. 外部YAMLと作品内の文書・ブロックを使い分ける 一部の拡張で利用可能
  3. 作品内YAMLをタブに開いてコードと並べる 一部の拡張で利用可能
  4. 素材を見たり再生したりして選ぶ 一部の拡張で利用可能
  5. 場面や動作をプレビューしてから反映する 一部の拡張で利用可能

9. スクリプトと素材を再利用する

スクリプトとステージの転送、バンドル素材の追加。

  1. スクリプトとステージを別作品へ転送する
  2. バンドル素材を背景・コスチューム・音に追加する

10. 保存して配布する

保存と名前を変えて保存、復元ポイント、作品情報、URI、拡張と素材の格納方式、書き出し。

  1. 上書き保存と名前を変えて保存を使い分ける
  2. 復元ポイントから作品を戻す
  3. 作品情報を記入してSB3に保存する
  4. 作品のURIを指定してキャッシュを分ける
  5. 拡張コードの格納方式を選ぶ
  6. ソースデータと素材の格納方式を選ぶ
  7. 作品を書き出して単一HTMLで配布する

11. 作品フォルダとGitで管理する

作品フォルダのファイルとGitの状態、コミットとブランチ、ブロックの差分、GitHubとの同期とPRのレビュー。

  1. sb3-toolchainで作品と拡張を管理する
  2. 作品フォルダを開いて保存する
  3. ローカルGitで変更と履歴を確かめる
  4. 作品の変更をブロックで比べる
  5. GitHubと同期する（fetch・pull・push）
  6. プルリクエストをスクリプト単位でレビューする

12. GitHubで作品を開発する

Scratchの作品をGitHubに移し、issue・ブランチ・コミット・push・プルリクエスト・マージ・リリースの順で開発します。

  1. 作品をGitHubに置く
  2. 開発の流れと、どこで何をするか
  3. やることをissueに書く
  4. 作業用のブランチを作る
  5. 作品を編集して保存する
  6. 変更を確認してローカルにコミットする
  7. GitHubに送る（push）
  8. プルリクエストを作る
  9. 確かめてマージする
  10. リリースして配る
  11. ぶつかったとき・困ったとき

標準のTurboWarpに加わる機能

作業標準のTurboWarpPlusで加わる操作
作品を開くSB3の読み込みと拡張の実行確認読み込みの経過表示、公式カタログ、実行条件の確認、読み込みの診断
画面とメニューメニューバーとステージ横の操作Git・録画・デバッグを並べたメニューバー、編集メニューとショートカット、右上の拡張ボタン
スプライトとステージステージ下の一覧と固定のステージ固定できるスプライト一覧、プロパティ・変数・リストの管理、メッセージの送受信と関係図、別ウィンドウ・タブ・引出しから選ぶステージの開き方
作業画面を整えるコード・ステージ・スプライトの基本配置パネルの分割、パネルの別ウィンドウ、作品ごとの配置の復元
編集する縦のブロックパレット検索付きの横型パレット、ミニマップ、アイコン付きの右クリックメニュー
検索と置換なし作品全体の検索、作品内YAMLの検索、選択箇所の置換
拡張のデータブロックの入力欄対応するフォーム、YAMLタブ、プレビュー
再利用するバックパックスクリプトやステージのファイル転送、バンドル素材の追加
保存して渡すSB3の保存と標準Packager上書き保存と名前を変えて保存、組み込みデータの格納方式、拡張コードの保存形式、Plus拡張を同梱したHTML
管理するSB3ファイル単位の保存作品フォルダの読み書き、ローカルGit、GitHubとの同期、PRのブロック単位のレビュー