- 追加された行はこの色です。
- 削除された行はこの色です。
[[Programing]] > そら豆ブロック
#title(超軽量ブロック型コードエディタ 「そら豆ブロック」)
そら豆ブロック(SoraMame.Block)は、オリジナルの超軽量ブロック型コードエディタです。
ビジュアルプログラミング環境のフロントエンドを、ほんの100行のJavascriptコード＋各種OSSライブラリで実現しています。
#ref(soramame_1.png)
#contents
* デモ [#p4f5495d]
- FizzBuzz
-- http://www.catch.jp/program/soramame_block/
- ミニゲーム
-- http://www.catch.jp/program/soramame_block/example_game.html
* 特徴 [#iba6574c]
- BlocklyでもScratchでもない、ブロック型コードエディタのフロントエンド
- 超軽量。オリジナルのJavascriptコードは、ほんの100行(2015-02-08現在)。
- jquery対応でネスト可能なソートプラグイン[[jquery-sortable:http://johnny.github.io/jquery-sortable/]]を使用
* 想定している用途 [#v14b585f]
- 教育やゲームなど特定用途のためのビジュアルプログラミング環境
- アプリケーションのマクロ言語編集機能
- テキストベース設定ファイルのGUI化
* 操作 [#p0f79862]
- コードのパネルを移動： ドラッグ＆ドロップ
- 式を編集： クリック
- ゴミ箱を空にする： ダブルクリック
* ソースコード [#x6fc985b]
- https://github.com/ycatch/SoraMame.Block
* 利用しているライブラリ [#kf0d85bb]
- https://github.com/ycatch/SoraMame.Block/blob/master/docs/contribution.txt
* 開発状況 [#i85b5dbb]
** アップデート [#jb823099]
- 2015-01-24 表示とコードの分離
- 2015-01-30 式エディタ
- 2015-02-08 簡単なコードが記述できるようになりました。
** To-Do [#k79703fa]
以下のリストは、まだ実現できていません。
機能は、まだ実現できていません。
- 式エディタの強化
- 複数行選択
- コピーと貼り付け
- やり直し
- ファイル保存と読み込み
- エクスポート
- 国際化
- テストの自動化
- 各種ドキュメント
** アイデア [#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]")
