ビジュアルプログラミングツールの作り方

Question

前提・実現したいこと

子供たちでもプログラミングができるような
ビジュアルプログラミングツールを
自分たちで作りたいなと思っているのですが、
どんな言語でどう作るのかさっぱりイメージが沸きません。。

どなたかご教授頂けないでしょうか。

ビジュアルプログラミングツールのイメージは
こんな感じのものが作ってあげられるといいなと考えています。

https://www.embot.jp/

Answer 1

まずは二択ですね。

• C言語のような代入を軸とした命令型プログラミング言語
• Haskellのような関数を軸とした関数型プログラミング言語

昔は処理性能の問題でC言語ベースのALGOL系の命令型プログラミング言語がメインでしたが、
ScalaやElixirといった言語に登場により、じわじわと関数型プログラミング言語が浸透しつつあります。

何故この二択を最初に提示したのかというと、違う箇所が問題になるからです。

• 命令型: ifやfor文等のループ時に処理が一気に複雑になる
• 関数型: 変数を箱に見立てて、視覚的な箱に代入するという作戦が取りづらい

---

どんな言語でどう作るのかさっぱりイメージが沸きません。。

他人に教えるならば、その何十倍も多くの事を知っていなければなりません。
さっぱりイメージが湧きませんと言ってる時点で、かなり勉強が足りてないのだと反省してください。

その上で、言語は自分で作ってください。
多分それが出来なきゃ無理なジャンルです。

LuaやRubyのように用途により生み出された言語は沢山あります。
その流れに従って自分で作ってください。
例えば「ほぼRubyだけど、○○の機能は削られてる」みたいなのでも十分だと思います。

うーん、その上で考えるなら…既存のサービスを色々使ってみる事をオススメします。
まずはRPGツクールのVX ACEやMVの体験版を落としてあれこれ作ってみては？
またビジュアルプログラミング系のサービスをいくつかプレイしてみては？

それらのサービスで満足するようなら、きっと貴方の出番はないのでしょう。
逆に不満が出るのであれば、きっと貴方がなすべきことがそこに詰まっているはずです。

Comments

[SunnyDay]

ありがとうございます。
勉強になりました。

Answer 2

参考サイトを見ました。

フローチャート的なパーツをドラッグ＆ドロップで配置して、それに基づく動作シーケンスを電子回路に送って動作させるものですね（LEGOとかでもやっていましたね）。

参考サイトの場合はターゲットのハードウェアが決まっているので、できる動作が絞られており、機能としてはそれほど大規模なものにならないでしょうが、それでも大ざっぱに考えて

1. GUI部分の作成
2. チャートからシーケンス制御への変換
3. ハードウェアとの通信制御
4. 電子回路の設計

等の知識が必要となります(いろいろやり方はあると思いますが)。
これらを質問者お一人でで作るには正直かなりハードルが高いと思います。

GUI部分を「ビジュアルプログラミングツール」ととらえられておられるのであれば、タブレット(Android、iPad)あたりのアプリを作るところから始められてはいかがでしょうか。
ゲームアプリの作り方が参考になるのではないかと思います。

Comments

[SunnyDay]

なるほど、タブレットのゲームアプリの作り方を参考にするといろいろできそうです！
ありがとうございました。

Answer 3

「こども　プログラミング」でぐぐるといろいろ取り組みはあるみたいです。
まずはそこらへんからやってみればどうでしょう。

Comments

[SunnyDay]

ありがとうございます。
そうですね、いろいろ調べてみます。