質問: お世話になります 子どものプログラム教育に使われている「scratch」ですが 昔のFLASHに匹敵するような快適な動作ができています マウスでタイルを自由自在に配置したりコピーしたりとても直感的です ズバリこのサイトの開発環境や言語をご存じの方分かる方お教えいただきたいです (さあ、始めましょう を押してみてください) https://scratch.mit.edu/projects/editor/?tutorial=all 私の知識ですと、ドラッグ&ドロップにはjQuery UIを使って にclassを付けて~ なんて感じで開発していくようなイメージなのですが (古臭くてすみません) さすがにこの「scratch」のようなレベルでそのように0からソースを書いて開発したとは思えません 言葉を変えますと昔のADOBE FlashのようなGUIのソフトウェアを使って開発しているのではないかと考えています HTMLを見てみるとSVGなどが動的に変化しているのは分かりました またJavascriptの中に「react」という文字も発見しました React NativeとなにかのGUIのソフトウェアを使っているのでしょうか 少しでも分かる方がいたら、開発環境の予想だけでも教えてほしいです お忙しいところ恐縮ですがご確認お願い致します
回答: GUIで書いているかはわかりませんでしたが、JSXで書いたコンポーネントを組み合わせていますね。 複数人で開発したはずですし、それぞれのコンポーネントを書くのは別に難しくないと思います。 https://github.com/LLK/scratch-www/blob/develop/src/components/box/box.jsx これとかを見ると、ほんとReactって使いやすいな〜と感じてます。 例えば、ブロックの中に何か別のブロックを入れるには、`props.children`の配列に要素を加えるだけでいいわけです。