🐚ブラウザ上でshellのクローン js shell / jshell

ブラウザ上でコマンド打ちながらインタラクティブに作業がしたい。js shellは一向にアップデートしない

JavaScript Shell 1.4

このソースが何が素敵かというと、他に外部ライブラリーを読み込んでおらずシェルっぽいjavascript空間を実現しているという点。HTML入れて８００行弱のプログラム。早速中をのぞいてみる

とりあえずp5.jsっぽい体裁を目指しているので右側はキャンバスのように見て余白として残す。左側でコマンドを打って、色々表示できるようにする。コンソールはそのままにするので、ひとまずcircleという関数をSTUBとしてたてる

Canvas API - Web API | MDN

と思ったが、MDNのサンプルがrectなのでrectにする。MDNのコードを一旦そのまま貼り付け、ヘッダ部のscriptにたすとまだHTMLが生成されてないので、HTMLタグの下にscript作ってMDNのコードを一旦コピペ、ここから動くRECTのSTUBを作っていく。

JavaScript Shell 1.4

p5.js Web Editor