readme

Author: na-trium-144

README.md

@@ -29,6 +29,56 @@ npm run lint
 ```
 でコードをチェックします。出てくるwarningやerrorはできるだけ直しましょう。
 
+## markdown仕様
+
+````
+```言語名-repl
+>>> コマンド
+実行結果例
+```
+````
+
+でターミナルを埋め込む。
+* ターミナル表示部は app/terminal/terminal.tsx
+* コマンド入力処理は app/terminal/repl.tsx
+* 各言語の実行環境は app/terminal/言語名/ 内に書く。
+* 実行結果はSectionContextにも送られ、section.tsxからアクセスできる
+
+````
+```言語名:ファイル名
+ファイルの内容
+```
+````
+
+でテキストエディターを埋め込む。
+* app/terminal/editor.tsx
+* editor.tsx内で `import "ace-builds/src-min-noconflict/mode-言語名";` を追加すればその言語に対応した色付けがされる。
+    * importできる言語の一覧は https://github.com/ajaxorg/ace-builds/tree/master/src-noconflict
+* 編集した内容は app/terminal/file.tsx のFileContextで管理される。
+    * 編集中のコードはFileContextに即時送られる
+    * FileContextが書き換えられたら即時すべてのエディターに反映される
+* 編集したファイルの一覧はSectionContextにも送られ、section.tsxからアクセスできる
+
+````
+```言語名-readonly:ファイル名
+ファイルの内容
+```
+````
+
+で同様にテキストエディターを埋め込むが、編集不可になる
+
+````
+```言語名-exec:ファイル名
+実行結果例
+```
+````
+
+で実行ボタンを表示する
+* 実行ボタンを押した際にFileContextからファイルを読み、実行し、結果を表示する
+* app/terminal/exec.tsx に各言語ごとの実装を書く (それぞれ app/terminal/言語名/ 内に定義した関数を呼び出す)
+* 実行結果はSectionContextにも送られ、section.tsxからアクセスできる
+
+
 ## 技術スタック・ドキュメント・メモ
 
 - [Next.js](https://nextjs.org/docs)