Scratch Scratch3.0 + obniz 확장 블록 Scratch 프로그래밍 교육의 툴로서 많은 초등학교나 프로그래밍 교실에서 도입되고 있는 아레군요. 로컬로 빌드하고 확장 블록으로 놀 수 있다는 것을 알았으므로, 오! 라고 생각해 보았습니다. obniz 「웹의 기술로 하드와 소프트를 잇는」아레입니다. Web 베이스(Javascript 등)로 IoT 디바이스의 제어를 할 수 있는 아레군요. 구현 환경 Mac Mojave 10.14.4 scra... Scratchobniz 초등학생도 간단 ⁉ RaspberryPi와 Scratch를 사용한 라디콘 RaspberryPi로 라디콘을 만들었습니다. 초등학생도 쉽게 할 수 있도록 이번에는 Scratch로 프로그램을 만들었습니다. 부품명 개수 RaspberryPi Micro Usb 케이블 Usb 전원 어댑터 HDMI 케이블 모니터(TV) 마우스 키보드 모바일 배터리 타미야 더블 기어 박스 좌우 독립 4단 타입 타미야 유니버설 플레이트 2장 세트 타미야 트럭 & 휠 세트 TA7291P 저항기 1... RaspberryPiScratchScratch2.0라디콘 프로그래밍이 가능한 큐티한 로봇 「Picoh」 Kickstarter에서 진행되는 클라우드 펀딩 약 ¥14,683(배송료 포함한다?) £88이상의 프레지 £1=147.52엔(2019/3/18) 2019년 3월 24일(일) 2시 7분까지(일본 시간) Picoh (피코)는 학교 교육용 로봇입니다 다양한 센서가 탑재되어 있어 프로그래밍하여 커스터마이즈 할 수 있습니다. Picoh 개발 도구 Platform OS 설명 Ohbot App Windo... RaspberryPiMacOSX파이썬WindowsScratch scratch3.0과 micro:bit을 연결하는 방법 다음과 같은 환경에서 가장 간단한 연결 방법을 소개합니다! Scratch: microbit: 다음 환경이 아니면 작동하지 않을 수 있으므로주의하시기 바랍니다. - Windows: Windows 10+ - Mac: macOS 10.13+ 다른 기사도 올라가고 있습니다만, 정보가 착밀하고 있기 때문에, 현재로 자신이 잘 말한 방법을 소개합니다. 특히, 현상으로서, File not found 가 ... ScratchScratch3.0microbit 【Tello】 토이 드론으로 놀아 보았다 ♪ 어쨌든 최근 여러 장면에서 다루는 드론. . Tello라면 프로그래밍 할 수 있을 것이라고 하는 것으로, 해 보았다. ①어쨌든 비행 ② GamePad로 날아간다 ④Python으로 비행 이번에 한 일 ①어쨌든 비행 ② GamePad로 날아간다 ①어쨌든 비행 이 설명서가 있지만 우완에는 보이지 않는 레벨. 스마트 폰 (안드로이드)도 Google Play에서 Tello로 검색하여 안전한 앱을 설치... Scratch텔로Node.js Scratch 스크립트를 다른 스프라이트에 복사 스프라이트를 복제하여 실현했지만 제대로 방법이 있었기 때문에 참고 사용법은 링크처를 봐 프로젝트 편집기에서 스프라이트와 스크립트를 드래그 앤 드롭으로 쉽게 저장할 수 있습니다. 배낭에는 배경을 제외한 모든 요소를 복사할 수 있다. 포인트 로그인한 상태가 아니면 사용할 수 없는 것 같습니다 초기 상태(?)라고 알기 어려울지도 모릅니다. 화면의 오른쪽 하단에있는 バックパック ▲ 영역을 클릭하십... Scratch 칠라 뒤 : 초등학교 수업 프로그래밍 교육은 무엇입니까? 한마디로 말하면, 아이에게는 공부시켜라. 로보콘 같은 것을 체험시키는 것도 좋을지도. A, B, C, D 라는 4종류로 분류된다. A : 각 과목의 수업 때에 가라. 내용은 예시하고 있으니까. B : 각 과목의 수업 때에 가라. 내용은 예시하지 않지만 맡길거야. C : 교과서에는 포함되지 않은 것으로 실시 예를 들면 어딘가의 회사가 실시하는 오락에 참가. 이전 있던, 마인크래프트에서의 수업도... Scratch교육 Scratch 게임을 만들자 (사경) 의 "Part1 게임을 만들자"를 사경했을 때 배운 것 책대로 진행하면 특히 막힐 곳은 없었다 좌표는 x축이 -240(왼쪽)~240(오른쪽). Y축이 180(상)~-180(하). 스테이지에 표시된 변수 xx를 숨기고 싶은 경우, 「데이터」의 블록 팔레트에 있는 xx 왼쪽에있는 체크를 해제합니다 변수 xx 숨기기를 클릭합니다. 스테이지에 표시된 변수를 더블 클릭하면 표시가 바뀝니다. 다음 3가... Scratch사경독서 ISTE2018용 Scratch3.0+micro:bit 연결 절차 【2018/08/31 추기】 이 문서는 2018년 6월에 행해진 ISTE2018용으로 준비된 환경에 대한 해설입니다. 2018/08/01에 공개된 Scratch3.0 beta 에 대해서는 도쿄도 공립 초등학교 Yasuharu Suzuki 선생님이 작성된 「 」를 참조 바랍니다. ISTE 2018에서 발표된 Scratch3.0+micor:bit의 접속 방법은 Mac의 경우 박자 빠질 정도로 간... Scratchmicrobit mBot에서 놀자. mBot은 Makeblock에서 판매하는 어린이의 프로그래밍 학습 로봇입니다. Scratch라는 비주얼 언어를 사용하여 드래그 앤 드롭으로 프로그래밍할 수 있습니다. 왼쪽 팬더는 스프라이트라는 캐릭터 이미지입니다. 오른쪽의 회색 영역이 작업 영역이며, 중앙의 블록을 오른쪽으로 드래그 앤 드롭하여 배치합니다. 각 블록에는 홈과 구멍이 열려 있고 같은 형태의 것을 가까이 붙이면 붙어 있습니다. ... ScratchmBlockmbot Scratch2.0 오프라인 편집기 v460으로 업데이트하는 방법 Scratch2.0 오프라인 에디터를 작년부터 Mac(나용) Windows10(아이용)에 인스톨 하고 있었습니다만, v460에의 업데이트를 잘 할 수 없었으므로 그 대처법의 기억입니다. HTML5 대응이 되는 Scratch3. 0은 8월부터 사용 가능한 것 같습니다만, ( ) 현재의 Scratch 2. 0 대응이라고 하는 것으로 정리합니다. 하드 : ASUS VivoBook E203NA (W... Scratch Scratch1.4를 사용해 보자. Scratch 3.0이 개발 중이고 Scratch 2.0이 Scrach SNS ( )에서 사용되고 있습니다. Scratch 1.4는 여전히 잘 작동합니다. Scratch 1.4는 오프라인에서 사용할 수 있습니다. 아래에서 다운로드할 수 있습니다. Mac, Windows, Linux에서 실행됩니다. Squeak/Smalltalk로 쓰여 있다고 합니다. 개인적으로는 Scratch2.0에서 "Mo... Scratch Scratch 3.0을 Hack하자. ServiceWorker에서 PWA를 사용해 봅시다. Scratch3.0에서 만든 앱을 PWA로 게시해 봅시다. iPhone이나 Android의 앱 스토어를 통과하지 않아도, 작성한 Scratch3.0 게임 및 앱을 다양한 컴퓨터에 설치할 수 있습니다. 실제로 이전에 작성한 Scratch3.0 앱을 PWA로 실행해 봅시다. 코드는 다음 ServiceWorker를 사용하여 인터넷에 연결되어 있지 않으면 사용할 수 없었습니다. 웹 앱이 오프라인에서... ScratchServiceWorker Scratch 3.0을 Hack하자. ScratchVM의 Opcode Scratch VM을 실행했을 때, 그 안에서 무슨 일이 일어나고 있습니까? 보자. VM은 Virtual Machine의 약자입니다. 어떤 기회를 모방하고 작동하는 소프트웨어입니다. 예를 들어 VirtualBox라는 x86 가상화 VM이 있습니다. 이 소프트웨어를 사용하면 자신의 PC에 다른 OS를 작동시킬 수 있습니다. Java 언어 등에도 Java 가상 머신이 있습니다. Java의 바이트... Scratch Scratch 3.0을 Hack하자. scratch-vm.js를 사용하여 100 줄로 HTML5화합시다. Scratch 3.0 자신 전용기를 만들자는 것으로, VM에 대해 설명하고 싶습니다. 우선, 시작 이번에는 Scratch 2.0 코드를 Scratch3.0에서 실행해 보겠습니다. 이번에는 webpack을 사용하는 방법으로 실험해 보겠습니다. 코드는 다음 이나 이나 에서, 환경 구축에 대해서, 겹치기 때문에 끝을 접습니다. 다음과 같은 느낌 emacs src/index.html emacs sr... Scratch Scratch 3.0을 Hack하자. Scratch Block을 터치하자. , Blockly를 만졌습니다. Scratch 3.0 의 Block 는, Blockly 유래이므로, 「같은 방법으로 추가할 수 있을까.」 「Scratch 독자적인 확장이 되어 있을 것입니다」. 실제로 시도해 봅시다. Scratch3.0의 Visual Programming 환경이 게시되었습니다. Scratch의 Interface를 다양한 앱에 재사용할 수 있을 것 같네요. 이번에는 webpac... Scratch Scratch 3.0을 Hack하자. Blockly를 만져 보자. Scratch3.0은 Blockly를 사용합니다. visual programming interfaces 를, 되는 빨리, 실현하기 위해 채용되었습니다. 매우 쉽게 자신의 Visual programming interfaces를 만들 수 있습니다. ref Scratch Block 코드에 들어가기 전에 Blockly를 만져보세요! Blockly는 JavaScript 라이브러리입니다. 웹, 안드로이... ScratchBlockly Scratch 3.0을 Hack하자. scratch-storage.js를 터치합시다. scratch-storage를 만져보세요. Scratch-Storage는 프로젝트와 Assets을로드하는 데 사용됩니다. 코드는 아래에 게시됩니다. Scratch로 만든 프로젝트에서 "수중 컴퓨터로 다운로드"를 선택하면 Scratch의 Project를 로컬로 다운로드 할 수 있습니다. "Untitled.sb2"를 "Untitled.sb2.zip"으로 봅시다. 압축 해제 앱에서 압축을 풀면, ... Scratch Scratch 3.0을 Hack하자. scratch-render.js에서 뭔가를 만들어 보자. Scratch3.0의 scratch-render package를 사용해 봅시다. 어떤 느낌으로 작동시킬 수 있습니까? scratch-render에서 RenderWebGL 사용 봐. Entry 는 src/index.js 와 같습니다. 다음은 scratch-reader의 Entry를 참조하십시오. module.exports = RenderWebGL; 라고 기재되어 있습니다. scratch-ren... Scratch Scratch 3.0을 Hack하자. Babel을 만져 보자. 이번에는 Babel을 만져 보겠습니다. Babel은 가장 현대적인 JavaScript를 현재 브라우저용 레거시 JavaScript로 변환하는 도구입니다. Scratch3.0에서 사용됩니다. 왜 여기서 Babel을 다루는가? 하나는 Scratch에서 사용되고 있기 때문입니다. Babel을 사용할 수있는 것이 코드를 읽을 수 있습니다. 당연한 일입니다. 그 이상으로 느끼고 싶은 것이 Scratc... Scratchwebpackbabel Scratch 3.0을 Hack하자. scratch-vm에 사용되는 scratch-xxx를 살펴 보겠습니다. Scratch3.0은 다양한 부품별로 개발이 진행되고 있습니다. scratch-vm과 scratch-gui도 그랬습니다. devDependencies를 참조하십시오. 이러한 부품을 사용하여 scratch-vm이 만들어졌습니다. 이번에는 이러한 부품에 대해 살펴 보겠습니다 !! 직감을 유효하게 이용하기 위해서입니다. 「어디에, 무슨, 일이 쓰여져 있는가?」 이것을 알고 있는 것이 중요합니다!!... Scratch
Scratch3.0 + obniz 확장 블록 Scratch 프로그래밍 교육의 툴로서 많은 초등학교나 프로그래밍 교실에서 도입되고 있는 아레군요. 로컬로 빌드하고 확장 블록으로 놀 수 있다는 것을 알았으므로, 오! 라고 생각해 보았습니다. obniz 「웹의 기술로 하드와 소프트를 잇는」아레입니다. Web 베이스(Javascript 등)로 IoT 디바이스의 제어를 할 수 있는 아레군요. 구현 환경 Mac Mojave 10.14.4 scra... Scratchobniz 초등학생도 간단 ⁉ RaspberryPi와 Scratch를 사용한 라디콘 RaspberryPi로 라디콘을 만들었습니다. 초등학생도 쉽게 할 수 있도록 이번에는 Scratch로 프로그램을 만들었습니다. 부품명 개수 RaspberryPi Micro Usb 케이블 Usb 전원 어댑터 HDMI 케이블 모니터(TV) 마우스 키보드 모바일 배터리 타미야 더블 기어 박스 좌우 독립 4단 타입 타미야 유니버설 플레이트 2장 세트 타미야 트럭 & 휠 세트 TA7291P 저항기 1... RaspberryPiScratchScratch2.0라디콘 프로그래밍이 가능한 큐티한 로봇 「Picoh」 Kickstarter에서 진행되는 클라우드 펀딩 약 ¥14,683(배송료 포함한다?) £88이상의 프레지 £1=147.52엔(2019/3/18) 2019년 3월 24일(일) 2시 7분까지(일본 시간) Picoh (피코)는 학교 교육용 로봇입니다 다양한 센서가 탑재되어 있어 프로그래밍하여 커스터마이즈 할 수 있습니다. Picoh 개발 도구 Platform OS 설명 Ohbot App Windo... RaspberryPiMacOSX파이썬WindowsScratch scratch3.0과 micro:bit을 연결하는 방법 다음과 같은 환경에서 가장 간단한 연결 방법을 소개합니다! Scratch: microbit: 다음 환경이 아니면 작동하지 않을 수 있으므로주의하시기 바랍니다. - Windows: Windows 10+ - Mac: macOS 10.13+ 다른 기사도 올라가고 있습니다만, 정보가 착밀하고 있기 때문에, 현재로 자신이 잘 말한 방법을 소개합니다. 특히, 현상으로서, File not found 가 ... ScratchScratch3.0microbit 【Tello】 토이 드론으로 놀아 보았다 ♪ 어쨌든 최근 여러 장면에서 다루는 드론. . Tello라면 프로그래밍 할 수 있을 것이라고 하는 것으로, 해 보았다. ①어쨌든 비행 ② GamePad로 날아간다 ④Python으로 비행 이번에 한 일 ①어쨌든 비행 ② GamePad로 날아간다 ①어쨌든 비행 이 설명서가 있지만 우완에는 보이지 않는 레벨. 스마트 폰 (안드로이드)도 Google Play에서 Tello로 검색하여 안전한 앱을 설치... Scratch텔로Node.js Scratch 스크립트를 다른 스프라이트에 복사 스프라이트를 복제하여 실현했지만 제대로 방법이 있었기 때문에 참고 사용법은 링크처를 봐 프로젝트 편집기에서 스프라이트와 스크립트를 드래그 앤 드롭으로 쉽게 저장할 수 있습니다. 배낭에는 배경을 제외한 모든 요소를 복사할 수 있다. 포인트 로그인한 상태가 아니면 사용할 수 없는 것 같습니다 초기 상태(?)라고 알기 어려울지도 모릅니다. 화면의 오른쪽 하단에있는 バックパック ▲ 영역을 클릭하십... Scratch 칠라 뒤 : 초등학교 수업 프로그래밍 교육은 무엇입니까? 한마디로 말하면, 아이에게는 공부시켜라. 로보콘 같은 것을 체험시키는 것도 좋을지도. A, B, C, D 라는 4종류로 분류된다. A : 각 과목의 수업 때에 가라. 내용은 예시하고 있으니까. B : 각 과목의 수업 때에 가라. 내용은 예시하지 않지만 맡길거야. C : 교과서에는 포함되지 않은 것으로 실시 예를 들면 어딘가의 회사가 실시하는 오락에 참가. 이전 있던, 마인크래프트에서의 수업도... Scratch교육 Scratch 게임을 만들자 (사경) 의 "Part1 게임을 만들자"를 사경했을 때 배운 것 책대로 진행하면 특히 막힐 곳은 없었다 좌표는 x축이 -240(왼쪽)~240(오른쪽). Y축이 180(상)~-180(하). 스테이지에 표시된 변수 xx를 숨기고 싶은 경우, 「데이터」의 블록 팔레트에 있는 xx 왼쪽에있는 체크를 해제합니다 변수 xx 숨기기를 클릭합니다. 스테이지에 표시된 변수를 더블 클릭하면 표시가 바뀝니다. 다음 3가... Scratch사경독서 ISTE2018용 Scratch3.0+micro:bit 연결 절차 【2018/08/31 추기】 이 문서는 2018년 6월에 행해진 ISTE2018용으로 준비된 환경에 대한 해설입니다. 2018/08/01에 공개된 Scratch3.0 beta 에 대해서는 도쿄도 공립 초등학교 Yasuharu Suzuki 선생님이 작성된 「 」를 참조 바랍니다. ISTE 2018에서 발표된 Scratch3.0+micor:bit의 접속 방법은 Mac의 경우 박자 빠질 정도로 간... Scratchmicrobit mBot에서 놀자. mBot은 Makeblock에서 판매하는 어린이의 프로그래밍 학습 로봇입니다. Scratch라는 비주얼 언어를 사용하여 드래그 앤 드롭으로 프로그래밍할 수 있습니다. 왼쪽 팬더는 스프라이트라는 캐릭터 이미지입니다. 오른쪽의 회색 영역이 작업 영역이며, 중앙의 블록을 오른쪽으로 드래그 앤 드롭하여 배치합니다. 각 블록에는 홈과 구멍이 열려 있고 같은 형태의 것을 가까이 붙이면 붙어 있습니다. ... ScratchmBlockmbot Scratch2.0 오프라인 편집기 v460으로 업데이트하는 방법 Scratch2.0 오프라인 에디터를 작년부터 Mac(나용) Windows10(아이용)에 인스톨 하고 있었습니다만, v460에의 업데이트를 잘 할 수 없었으므로 그 대처법의 기억입니다. HTML5 대응이 되는 Scratch3. 0은 8월부터 사용 가능한 것 같습니다만, ( ) 현재의 Scratch 2. 0 대응이라고 하는 것으로 정리합니다. 하드 : ASUS VivoBook E203NA (W... Scratch Scratch1.4를 사용해 보자. Scratch 3.0이 개발 중이고 Scratch 2.0이 Scrach SNS ( )에서 사용되고 있습니다. Scratch 1.4는 여전히 잘 작동합니다. Scratch 1.4는 오프라인에서 사용할 수 있습니다. 아래에서 다운로드할 수 있습니다. Mac, Windows, Linux에서 실행됩니다. Squeak/Smalltalk로 쓰여 있다고 합니다. 개인적으로는 Scratch2.0에서 "Mo... Scratch Scratch 3.0을 Hack하자. ServiceWorker에서 PWA를 사용해 봅시다. Scratch3.0에서 만든 앱을 PWA로 게시해 봅시다. iPhone이나 Android의 앱 스토어를 통과하지 않아도, 작성한 Scratch3.0 게임 및 앱을 다양한 컴퓨터에 설치할 수 있습니다. 실제로 이전에 작성한 Scratch3.0 앱을 PWA로 실행해 봅시다. 코드는 다음 ServiceWorker를 사용하여 인터넷에 연결되어 있지 않으면 사용할 수 없었습니다. 웹 앱이 오프라인에서... ScratchServiceWorker Scratch 3.0을 Hack하자. ScratchVM의 Opcode Scratch VM을 실행했을 때, 그 안에서 무슨 일이 일어나고 있습니까? 보자. VM은 Virtual Machine의 약자입니다. 어떤 기회를 모방하고 작동하는 소프트웨어입니다. 예를 들어 VirtualBox라는 x86 가상화 VM이 있습니다. 이 소프트웨어를 사용하면 자신의 PC에 다른 OS를 작동시킬 수 있습니다. Java 언어 등에도 Java 가상 머신이 있습니다. Java의 바이트... Scratch Scratch 3.0을 Hack하자. scratch-vm.js를 사용하여 100 줄로 HTML5화합시다. Scratch 3.0 자신 전용기를 만들자는 것으로, VM에 대해 설명하고 싶습니다. 우선, 시작 이번에는 Scratch 2.0 코드를 Scratch3.0에서 실행해 보겠습니다. 이번에는 webpack을 사용하는 방법으로 실험해 보겠습니다. 코드는 다음 이나 이나 에서, 환경 구축에 대해서, 겹치기 때문에 끝을 접습니다. 다음과 같은 느낌 emacs src/index.html emacs sr... Scratch Scratch 3.0을 Hack하자. Scratch Block을 터치하자. , Blockly를 만졌습니다. Scratch 3.0 의 Block 는, Blockly 유래이므로, 「같은 방법으로 추가할 수 있을까.」 「Scratch 독자적인 확장이 되어 있을 것입니다」. 실제로 시도해 봅시다. Scratch3.0의 Visual Programming 환경이 게시되었습니다. Scratch의 Interface를 다양한 앱에 재사용할 수 있을 것 같네요. 이번에는 webpac... Scratch Scratch 3.0을 Hack하자. Blockly를 만져 보자. Scratch3.0은 Blockly를 사용합니다. visual programming interfaces 를, 되는 빨리, 실현하기 위해 채용되었습니다. 매우 쉽게 자신의 Visual programming interfaces를 만들 수 있습니다. ref Scratch Block 코드에 들어가기 전에 Blockly를 만져보세요! Blockly는 JavaScript 라이브러리입니다. 웹, 안드로이... ScratchBlockly Scratch 3.0을 Hack하자. scratch-storage.js를 터치합시다. scratch-storage를 만져보세요. Scratch-Storage는 프로젝트와 Assets을로드하는 데 사용됩니다. 코드는 아래에 게시됩니다. Scratch로 만든 프로젝트에서 "수중 컴퓨터로 다운로드"를 선택하면 Scratch의 Project를 로컬로 다운로드 할 수 있습니다. "Untitled.sb2"를 "Untitled.sb2.zip"으로 봅시다. 압축 해제 앱에서 압축을 풀면, ... Scratch Scratch 3.0을 Hack하자. scratch-render.js에서 뭔가를 만들어 보자. Scratch3.0의 scratch-render package를 사용해 봅시다. 어떤 느낌으로 작동시킬 수 있습니까? scratch-render에서 RenderWebGL 사용 봐. Entry 는 src/index.js 와 같습니다. 다음은 scratch-reader의 Entry를 참조하십시오. module.exports = RenderWebGL; 라고 기재되어 있습니다. scratch-ren... Scratch Scratch 3.0을 Hack하자. Babel을 만져 보자. 이번에는 Babel을 만져 보겠습니다. Babel은 가장 현대적인 JavaScript를 현재 브라우저용 레거시 JavaScript로 변환하는 도구입니다. Scratch3.0에서 사용됩니다. 왜 여기서 Babel을 다루는가? 하나는 Scratch에서 사용되고 있기 때문입니다. Babel을 사용할 수있는 것이 코드를 읽을 수 있습니다. 당연한 일입니다. 그 이상으로 느끼고 싶은 것이 Scratc... Scratchwebpackbabel Scratch 3.0을 Hack하자. scratch-vm에 사용되는 scratch-xxx를 살펴 보겠습니다. Scratch3.0은 다양한 부품별로 개발이 진행되고 있습니다. scratch-vm과 scratch-gui도 그랬습니다. devDependencies를 참조하십시오. 이러한 부품을 사용하여 scratch-vm이 만들어졌습니다. 이번에는 이러한 부품에 대해 살펴 보겠습니다 !! 직감을 유효하게 이용하기 위해서입니다. 「어디에, 무슨, 일이 쓰여져 있는가?」 이것을 알고 있는 것이 중요합니다!!... Scratch