* JavaScript コンソール [#lc5fa7cb]

この度,ブラウザ上で JavaScript プログラムを簡易に開発するための環境として「JavaScript コンソール」を開発しましたので,ここに発表致します.

製品画面イメージを以下に示します.((画像は開発中のものであり,製品版とは異なる場合があります.))

#ref(jsconsole.png,center,50%,製品画面イメージ)


** 特徴 [#t2ac7c17]

従来の JavaScript プログラム開発は,
> エディタで編集 → ブラウザにロード → 修正 → …
というサイクルを繰り返すことが必要でした.

本環境では,ターゲットプログラムの出力をテキストエリアへの文字情報に制限することにより,プログラムの編集から実行までを web ブラウザ画面で行うことが可能となりました.

** 動作モード [#q354d44d]
本製品の動作モードは
- 編集モード
- コマンドラインモード
- 実行モード

の3モードがあります.

各モード間の遷移は下図のようになります.

             − exit コマンド →                      − run コマンド →
 編集モード                      コマンドラインモード                    実行モード
             ← edit コマンド −                      ←プログラム終了−

** 各部の説明 [#m5ae312a]

#ref(jsconsole_desc.png,center,50%,各部説明)

*** 1. ステータス表示行 [#c2c8bb0f]

動作モードを表示する行で,
:edit|編集モード
:command|コマンドラインモード
:run|プログラム実行モード

を表します.

*** 2. 出力テキストエリア [#c8e5a62e]
プログラムの実行結果を出力するエリアです.
編集モードではこのエリアにプログラムを入力します.
その他のモードでも,本エリアへの入力や編集ができることもありますが,開発環境への指示とはなりません.

*** 3. コマンド入力行 [#ie635e81]
コマンドラインモードでは,ここにコマンドを入力することにより,指示を与えます.
編集モードでは,編集モードを終了する「exit」コマンドのみを受け付けます.

なお,コマンドライン入力では,簡易的な補完機能があります.
例えば,本来は
 list()
と入力すべきところに
 list
と入力しても,省略した括弧を補完してコマンドを実行します.

なお,この補完機能はコマンドラインのみで働きます.
従って,プログラム中では括弧を省略することはできません.

** 拡張コマンド [#sa29021f]

本製品はブラウザの JavaScript (以下,プラットフォーム JavaScript)上で動作しております.
開発するプログラム内において,プラットフォーム JavaScript の関数を利用することが可能です.

これに加え,開発環境の操作やリソースへのアクセスのためのコマンドを拡張しています.

拡張コマンドの一覧を下表に示します.

|コマンド名|コマンドライン|プログラム|コマンド説明|h
|run|○|×|ターゲットプログラムの実行|
|list|○|○|ターゲットプログラムの表示|
|edit|○|×|ターゲットプログラムの編集|
|newp|○|○|ターゲットプログラムの消去|
|help|○|○|拡張コマンドのヘルプメッセージの表示|
|print|○|○|出力テキストエリアへの出力|
|cls|○|○|出力テキストエリアの表示内容の消去|
|width|○|○|出力テキストエリアの桁数・行数の変更|
|color|○|○|出力テキストエリアの前景色・背景色の変更|

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