확장 기능 만들기

1. 원래 프로젝트 포크

다음 두 가지를 자신의 GitHub 리포지토리에 포크합니다.

htps : // 기주 b. 코 m / lK / sc 등 tch-gu

htps : // 기주 b. 코 m / lK / sc 등 tch-vm

2. 포크된 프로젝트를 로컬로 복제

그건 그렇고, 나는 GitHub Desktop을 사용하고 있습니다. 편리합니다.
GitHub Desktop | Simple collaboration from your desktop

3. 확장 기능 만들기

우선은 이하의 기사를 참고로 하여 확장 기능을 만든다.
Scratch 3.0으로 오리지널 블록을 만들자 - Qiita

기사의 「 2) 블록을 구현합니다. 」와 「 3) GUI 업데이트 」의 터미널 커멘드를 제외한 부분만으로 OK입니다.

만든 확장 기능을 로컬에서 동작 확인

1. 환경 준비

Node.js, npm, yarn을 사용하고 싶으므로 준비하십시오.

도움이 될 것 같은 기사

Node.js / npm 설치 (Mac 환경) - Qiita

설치 | Yarn

2. 종속 패키지 설치 및 프로젝트 링크

$ cd scratch-vm 
$ yarn install && yarn link
$ cd ..
$ cd scratch-gui
$ yarn link scratch-vm && yarn install

※ yarn이 아니라 npm이라도 좋을지도

3. 로컬로 프로젝트 빌드

$ cd scratch-gui
$ npm start

아래 링크를 엽니다.

만든 프로젝트를 GitHub에 푸시

업데이트 된 scratch-gui와 scratch-vm을 GitHub에 푸시합니다.

만든 프로젝트를 github.io에 게시 (수동)

본가 Wiki를 읽고 자동도 Try했지만, 에러가 나와 버려, 자신에게는 어렵고 좌절했습니다. 자동은 포기하고 수동으로 실행하기로.

참고한 기사

Publishing to GitHub Pages · LLK/scratch-gui Wiki (본가 Wiki)

Scratch 3.0 github.io pages에 대한 설정 노트 | UBUNIFU INCORPORATED

$ cd scratch-gui
$ npm install
$ npm run build
$ npm run deploy
# または、指定ブランチがある場合は
$ npm run deploy -- -e branchName

build와 deploy는 처음에는 GitHub의 ID와 PW를들을 수 있습니다

게시된 프로젝트 확인

아래 링크를 엽니다.
https://<your username>.github.io/scratch-gui/또는 지정된 브랜치가 있는 경우https://<your username>.github.io/scratch-gui/<branchName>


자작 NCMB 연계 프로젝트

참고까지, 니후쿠라 mobile backend 와의 제휴 블록을 만들었습니다. 데이터스토어에 값을 저장할 수 있습니다. (향후 수시 기능 추가 예정)