サイトscratchの開発環境や言語

Question

お世話になります

子どものプログラム教育に使われている「scratch」ですが
昔のFLASHに匹敵するような快適な動作ができています
マウスでタイルを自由自在に配置したりコピーしたりとても直感的です

ズバリこのサイトの開発環境や言語をご存じの方分かる方お教えいただきたいです

(さあ、始めましょう　を押してみてください)
https://scratch.mit.edu/projects/editor/?tutorial=all

私の知識ですと、ドラッグ＆ドロップにはjQuery UIを使って

<div>にclassを付けて～　なんて感じで開発していくようなイメージなのですが （古臭くてすみません）

さすがにこの「scratch」のようなレベルでそのように０からソースを書いて開発したとは思えません
言葉を変えますと昔のADOBE FlashのようなGUIのソフトウェアを使って開発しているのではないかと考えています

HTMLを見てみるとSVGなどが動的に変化しているのは分かりました
またJavascriptの中に「react」という文字も発見しました

React NativeとなにかのGUIのソフトウェアを使っているのでしょうか
少しでも分かる方がいたら、開発環境の予想だけでも教えてほしいです

お忙しいところ恐縮ですがご確認お願い致します

Comments

[raccy]

ScratchのWeb版のソースコードは公開されていますので、張っておきます。
https://github.com/LLK/scratch-www
詳しい分析までは私はしてませんので、回答は控えます。

Answer 1

GUIで書いているかはわかりませんでしたが、JSXで書いたコンポーネントを組み合わせていますね。
複数人で開発したはずですし、それぞれのコンポーネントを書くのは別に難しくないと思います。

https://github.com/LLK/scratch-www/blob/develop/src/components/box/box.jsx

これとかを見ると、ほんとReactって使いやすいな〜と感じてます。
例えば、ブロックの中に何か別のブロックを入れるには、props.childrenの配列に要素を加えるだけでいいわけです。

Comments

[tesopgmh]

ありがとうございます！
Reactで開発しているんですね
この情報をもとに勉強してみようと思います
ありがとうございました！