IchigeoJam을 구문으로 강조 표시하는 프로그램

이 글은 IchigoJam Advent Calendar 2020째 날이다.
계기.
IchikoJam의 화면은 흑백이다.따라서 LIST 명령을 통해 프로그램을 출력할 때 당연히 흑백으로 표시된다.
글쎄요. 이 내용들을 모두 설명해 줬으면 좋겠는데, 프로그램을 홈페이지에 올릴 때 문법을 돋보이게 하면 보기 쉬울 것 같아요.
문법 하이라이트
나는 말할 필요가 없다고 생각한다.
문법 하이라이트 - 위키백과
Qita는 하이라이트 소스 코드 구문 기능 제공 하지만 BASIC 언어는 지원되지 않습니다.뭐, BASIC 언어로 통칭되지만 실제로도 상당히 많은 변화가 있어 통용하기 어려울 수도 있죠.
아무튼 해봤어요.
오프닝은 여기까지 하고CodePen에서 프레젠테이션을 공개했습니다..
HTML<div class="sh4ij">~</div>에 둘러싸인 범위는 다음과 같은 느낌으로 표시됩니다.

HTML이기 때문에 부등호에 대해서는 <>를 써야 한다.그리고 그림 문자에 관해서는 키즈포드(#16進数)를 모방하여 쓰면 대응하는 문자로 바뀐다.
해설
만약 사이트에 게재된다면, HTML+CSS+JS의 조합을 통해 실현된다면
JS 라이브러리 3가지 강조 표시
이 점을 사용하면 가벼울 수 있지만 IchigeoJam의 BASIC 언어는 비교적 느슨한 문법 부분(옛 BASIC 언어의 전부라고 할 수 있다)이 있기 때문에 더 많은 노력이 필요하다.
예컨대

100 IF A THEN GOTO 10

이렇게 예의 바른 코드는 문제없지만, 공간이 없어도 해석기는 잘 설명할 수 있다

100 IFATHENGOTO10

이렇게 써도 움직일 수 있다.만약 이렇게 예의 바르지 못한 글씨를 썼다면 상술한 보도에서 소개한 프로그램 라이브러리는 잘 대응할 수 없을 것이다.
공개된 시위 행진에서는 분석 대상의 문자열의 시작부터'정규 표현식[A-Z][\.2A-Z]+\$?에 일치하는 문자열에 대해 특정 키워드의 앞부분과 일치하면 일치하는 범위를 강조한다'는 처리를 순서대로 적용해 위와 같은 예의가 아닌 코드에도 대응했다.
그리고 IchioJam만이 가지고 있는 개수점으로서 수치 소양의 판정은 다음과 같다.

정수만 처리할 수 있기 때문에 소수점.은 대상에 속하지 않는다

16진수 접두사 문자가 아니다&H#

바이너리 접두사 아니오&B`

위에서 말한 바와 같이 도화문자의 교환 처리가 들어갔기 때문에 유니버설성은 이미 도외시되고 IchigeoJam을 대상으로 하는 실시 방식이다.
감상
솔직히 문법의 중점은 그리 쉽게 알아볼 수 없다.색상 선택이 좋지 않죠.
시작
(보기 쉬운지는 말할 것도 없고..🤫)IchikoJam 로고 컬러도 있고 크리스마스 때랑 잘 어울려서 귀여워요!^^공식 트위터 - 어린이 컴퓨터 "IchigeoJam"공식(@IchigeoJam JP)https://t.co/SkSWjHFyaq
이런 미묘한 평가를 받았다.
배색뿐만 아니라.

커서가 명령 위에 있을 때 명령의 설명문

을 표시합니다.

커서를 변수 위에 놓은 후 프로그램 내의 모든 등장 위치를 한꺼번에 강조 표시

커서를 GOTO 또는 GOSUB 뒤에 있는 레이블 또는 행 번호 위에 놓으면 대상 행

이 강조 표시됩니다.
이런 상황에서 상호작용을 하면 더 의미가 있을 수도 있다.