SoraMame.Block のバックアップソース(No.8)


[[Programing]] > そら豆ブロック

#title(超軽量ブロック型コードエディタ 「そら豆ブロック」)

そら豆ブロック(SoraMame.Block)は、オリジナルの超軽量ブロック型コードエディタです。

ビジュアルプログラミング環境のフロントエンドを、ほんの100行のJavascriptコード+各種OSSライブラリで実現しています。

(開発中)

#ref(soramame_1.png)

#contents

* 特徴 [#iba6574c]

- BlocklyでもScratchでもない、ブロック型コードエディタのフロントエンド
- 超軽量。オリジナルのJavascriptコードは、ほんの100行(2015-01-30現在)。
- jquery対応でネスト可能なソートプラグイン[[jquery-sortable:http://johnny.github.io/jquery-sortable/]]を使用

* 使い道 [#v14b585f]

- 教育やゲームなど特定用途のためのビジュアルプログラミング環境
- アプリケーションのマクロ言語編集機能
- テキストベース設定ファイルのGUI

* 操作 [#p0f79862]

- コードのパネルを移動: ドラッグ&ドロップ
- 式を編集: ダブルクリック
- ゴミ箱を空にする: ダブルクリック

* デモ [#p4f5495d]

- ミニゲーム(式の編集は未対応)
-- http://www.catch.jp/program/soramame_block/example_game.html
- FizzBuzz(式を編集OK、左のパレットは、ダミー)
-- http://www.catch.jp/program/soramame_block/

* ソースコード [#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 %%表示とコードの分離%%
- 2015-01-30 %%式エディタ%%
- 複数行選択
- コピーと貼り付け
- やり直し
- ファイル保存と読み込み
- エクスポート

- 国際化
- テストの自動化
- ドキュメント

** アイデア [#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]]

トップ   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS