- 追加された行はこの色です。
- 削除された行はこの色です。
[[Programing]] > そら豆ブロック
#title(超軽量ブロック型コードエディタ 「そら豆ブロック」)
そら豆ブロック(SoraMame.Block)は、オリジナルの超軽量ブロック型コードエディタです。
ビジュアルプログラミング環境のフロントエンドを、ほんの300行程度のJavascript＋各種OSSライブラリで実現しています。
ビジュアルプログラミング環境のフロントエンドを、ほんの70行のJavascriptコード＋各種OSSライブラリで実現しています。
(開発中)
#ref(soramame.png)
#contents
* 特徴 [#iba6574c]
- BlocklyでもScratchでもない、ブロック型コードエディタのフロントエンド
- 超軽量
- 超軽量。オリジナルのJavascriptコードは、ほんの70行。
- jquery対応でネスト可能なソートプラグイン[[jquery-sortable:http://johnny.github.io/jquery-sortable/]]を使用
* 用途 [#v14b585f]
* 使い道 [#v14b585f]
- 教育用やドメイン特化言語のビジュアルプログラミング環境
- アプリケーションのマクロ言語編集画面
- テキストベースの設定ファイルをGUI化
* デモ [#p4f5495d]
- ミニゲーム http://www.catch.jp/program/soramame_block/example_game.html
- FizzBuzz http://www.catch.jp/program/soramame_block/
- Game http://www.catch.jp/program/soramame_block/example_game.html
* ソースコード [#x6fc985b]
- https://github.com/ycatch/SoraMame.Block
* 利用しているライブラリ [#kf0d85bb]
- https://github.com/ycatch/SoraMame.Block/blob/master/docs/contribution.txt
* To-Do [#i85b5dbb]
以下のリストは、まだ実現できていません。
** 機能 [#k79703fa]
- 表示とコードの分離
- 2015-01-24 %%表示とコードの分離%%
- 式エディタ
- 複数行選択
- コピーと貼り付け
- やり直し
- ファイル保存と読み込み
- エクスポート
- 国際化
- テストの自動化
- ドキュメント
** アイデア [#f4eceb7e]
- processing
- Tiny Basic
- 日本語スクリプト
* 関連情報 [#cf8d6a15]
- jquery-sortable
-- http://johnny.github.io/jquery-sortable/
- games-phaser-getaway
-- https://github.com/ycatch/games-phaser-getaway
- [[Phaserのはじめ方:HTML5/Javascript 2Dゲームエンジン>Phaser]]
- [[日本語っぽいプログラミング言語 そら豆スクリプト>SoraMame.ps.js]]
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
