![見出し画像](https://assets.st-note.com/production/uploads/images/35523883/rectangle_large_type_2_845c1b9fe0cf509a2c0d194ad68be48c.jpeg?width=1200)
Photo by
todaimori_pj111
🐚ブラウザ上でshellのクローン js shell / jshell
ブラウザ上でコマンド打ちながらインタラクティブに作業がしたい。js shellは一向にアップデートしない
![スクリーンショット 2020-09-27 12.08.52](https://assets.st-note.com/production/uploads/images/35522971/picture_pc_96fcb91f2c90e2beacd226de1976d8cc.png?width=1200)
このソースが何が素敵かというと、他に外部ライブラリーを読み込んでおらずシェルっぽいjavascript空間を実現しているという点。HTML入れて800行弱のプログラム。早速中をのぞいてみる
とりあえずp5.jsっぽい体裁を目指しているので右側はキャンバスのように見て余白として残す。左側でコマンドを打って、色々表示できるようにする。コンソールはそのままにするので、ひとまずcircleという関数をSTUBとしてたてる
と思ったが、MDNのサンプルがrectなのでrectにする。MDNのコードを一旦そのまま貼り付け、ヘッダ部のscriptにたすとまだHTMLが生成されてないので、HTMLタグの下にscript作ってMDNのコードを一旦コピペ、ここから動くRECTのSTUBを作っていく。
![スクリーンショット 2020-09-27 12.22.49](https://assets.st-note.com/production/uploads/images/35523672/picture_pc_1d008a5f69e5279e8ccb3157f16c705a.png?width=1200)
お願い致します