Rubyタブがさらに進化！ツールバーと「カーソル行の実行」が登場 🚀

[takaokouji]

スモウルビーのRubyタブに、プログラミングをよりスムーズにする2つの大きな新機能が追加されました！

Rubyタブ専用ツールバー の追加と、 「カーソル行のプログラム実行」 機能により、コードの編集とテストがこれまで以上に快適になります。

🛠️ Rubyタブにツールバーが登場

Rubyタブの上部に、待望のツールバーが配置されました。

ツールバーには以下の機能が集約されています：

1. スプライト切り替えをスムーズに

• ← / → ボタン: 隣のスプライトやステージへ、1クリックで移動できます。
• スプライト検索: 中央の検索ボックスに名前を入力することで、たくさんのスプライトがあるプロジェクトでも目的のものをすぐに見つけられます。

2. エディタ操作を直感的に

• Undo（元に戻す）/ Redo（やり直す）: エディタでの編集ミスも、ボタン一つで簡単にリカバーできます。

---

▶️ 「この1行だけ」をすぐ実行！

「書いたコードをその場ですぐに試したい」という声に応えて、カーソル行のプログラム実行機能を追加しました。

smalruby_run-current-line.mov

Rubyエディタで実行したい行にカーソルを置き、ツールバーの「▶️」ボタンを押すだけで、その命令が即座に実行されます。

ここがポイント！

• 緑の旗を押す手間を省略: when_flag_clicked ブロックを組み立てたり、プログラム全体を動かしたりすることなく、特定の命令を試せます。
• 試行錯誤がスピードアップ: 「10歩動かすのを3回繰り返すとどうなるかな？」といったちょっとした疑問も、コードを1行書いてボタンを押すだけで確認できます。
• 複雑な構造にも対応: 単純な1行だけでなく、if文やloop、do ... endブロックなども、カーソルがその範囲内にあれば塊として実行されます。

---

💡 技術的な仕組み（興味がある人向け）

どうやって「特定の行」だけを動かしているの？

Rubyタブで書かれたコードは、通常プロジェクト全体を命令ブロックに変換してから実行されます。今回、特定の行だけを実行するために以下の仕組みを導入しました。

1. AST（抽象構文木）のマッピング: Rubyコードを解析（パース）する際に、どのコードがどの命令ブロックに対応するかという情報をメモリ上に記録します。
2. カーソル位置の特定: エディタ（Monaco Editor）から現在のカーソル行番号を取得します。
3. ターゲットの抽出: 行番号に合致する最も具体的なRubyの命令（ASTノード）を見つけ出し、それに対応する命令ブロックのIDを特定します。
4. ピンポイント実行: 特定されたブロックIDをScratchの実行エンジン（scratch-vm）に直接渡し、そのブロックから始まるスクリプトだけをトリガーします。

この仕組みにより、Rubyのエディタ上での操作とScratchの実行エンジンがより密接に連携できるようになりました。

---

📚 詳細情報

実装の詳細や技術的な議論については、以下のIssueをご覧ください：

• Rubyタブにツールバーを追加 #91
• Rubyタブでカーソル行のプログラムを実行 #92

新しくなったRubyタブで、より自由で軽快なプログラミング体験をぜひお試しください！