WebBluetooth M5Stack에서 BLE 분실 방지 태그 만들기 M5Stack을 입수해 샘플 코드등을 여러가지 보고 있었습니다만, 라이브러리를 사용하면 BLE 디바이스를 간단하게 만들 수 있을 것 같았으므로, 시험으로 만들어 보았습니다. Visual Studio Code+PlatfomIO를 사용하고 있습니다. 라이브러리는 "M5Stack", "ESP32 BLE Arduino"를 설치합니다. 이번 M5Stack을 주변 장치로 사용하기 위해 "ESP32 BL... M5stackWebBluetoothBLE Web Bluetooth를 실전 투입하면 의외로 사용할 수 있는 메모 평상시는 IoT인 제품 개발을 메인으로 하고 있기 때문에, JS도 왕도의 대각선 옆 정도의 사용법으로 즐기고 있는 오늘 요즈음. 그런 가운데, 좀처럼 만질 기회가 없을 것이다Web Bluetooth 를 골고루 괴롭히고 쓰러뜨려 실전 투입하면 의외로 사용할 수 있었으므로, 그 때에 알았던 것의 메모를 정리해 둡니다. 안드로이드 크롬이 지원 환경이었기 때문에, 그쪽으로 정리의 정리가 됩니다. 좀... Chrome자바스크립트WebBluetoothBLE HTML과 JavaScript만으로 BLE 통신할 수 있습니까? 네, 할 수 있습니다. 브라우저로부터 BLE 통신할 수 있는 Web Bluetooth API를 사용하는 것으로 간단하게 할 수 있습니다. Xcode, Android Studio, Visual Studio와 같은 개발 환경은 전혀 필요하지 않으며 Chrome과 텍스트 편집기 만 사용할 수 있습니다. 웹 앱이므로 스마트 폰 앱을 만들 때 번거로운 작업도 필요하지 않으며 사용자 측도 설치없이 사용... BlueJellyHTML자바스크립트WebBluetoothBLE toio.js를 브라우저에서 움직여 보았습니다. 심플한 외형이면서 궁리 나름으로 여러가지 놀이 방법이 생기는 것이 특징으로, 우리 집에서는 4살이 되는 아들이 에 빠져 있습니다. 그런데 그런 toio를 프로그래밍할 수 있는 Node.js용의 라이브러리 가 공개되었습니다. 샘플을 만져 보면 동작도 안정되어 있어 API도 간편하고 좋은 느낌입니다. 무엇을 만들까 생각하고 있을 때, 문득 을 생각해 냈으므로, 브라우저상에서 toio.js 를 움... toio자바스크립트WebBluetoothwebpack 어쩌면 가장 빠른! LINE Things 핸즈온 in Node 학원제 2018 #nodefest Node 학원제 2018에서 초보자를 위한 핸즈온하고 있습니다. 오늘은 전체 참가자적으로 인원수가 적을 것으로 예상되므로, 참가자의 사람들의 모습 보면서 적절히 자료 갱신해 갑니다. 이 자료를 핸즈온 등에 활용하여 Node.js 보급을 촉진시켜 주시면 감사하겠습니다. 사용할 때 코멘트란에 코멘트받을 수 있으면 기쁩니다! 핸즈온 진행해 본 감상 등도 코멘트 받을 수 있으면 기쁩니다! 전반적으로... 자바스크립트WebBluetoothLINEThingsLINEmessagingAPINode.js #UIFlow의 BLE UART를 사용하는 #M5 Stack_코어 2(#M5 Stack)에서 브라우저로 데이터 전송 및 차트 작성 지금까지 UIFlow의 BLE UART를 시도해 봤습니다. 이 글은 상술한 시도의 절차와 아래 보도에서 사용된 도표화를 결합한 내용이다. M5 Stack Core2의 터치스크린을 터치할 때 이 x 좌표나 y 좌표의 값(비 단추를 누르면 변경할 수 있는 구조가 있음)을 얻어 BLE를 통해 브라우저로 보냅니다.브라우저에서 받은 값을 사용하여 차트를 실시간으로 그립니다. BLE UART 를 계속 ... M5stackCore2JavaScriptWebBluetoothuiflowM5stack #UIFlow의 BLE UART를 사용하는 #M5 Stack_코어 2(#M5 Stack)와 브라우저의 양방향 무선 통신 최신 UIFlow(M5 Stack 시리즈의 시각적 프로그래밍 환경)에 BLE 통신을 구현하기 위한 블록이 추가되었기 때문에 이전에는 M5 Stack Core2와 브라우저 간의 BLE 통신(브라우저 측면에서는 웹 블루투스 API 사용)을 시도했다. ● [JavaScript2020] #UIFlow의 BLE UART 사용 브라우저 중 #M5 Stack_코어 2(#M5 Stack)에 문자 보내기 -... M5stackCore2JavaScriptWebBluetoothuiflowM5stack Web Bluetooth API를 통한 too 제어 시 응답(대상 모터 제어) 구체적으로 다음과 같은'대표적 지정 모터 제어'를 사용할 때'대표적 지정 모터 제어에 대한 응답'을 얻기 위해 만든 내용이다. too의 모터 제어 규격을 보면 목표가 지정한 모터 제어를 하면 다음과 같은 응답을 받을 수 있다. 제어 유형의 부분은 고정되고 두 번째 제어 식별자는'목표 모터 제어를 할 때 지정한 값(이하 그림의 빨간 화살표와 같은 부분)'이다. 이렇게 되면 모터 제어 처리를 한... JavaScriptWebBluetoothtoio 웹 Bluetooth에서 Bluetooth로 MIDI 장치 사용 Bluetooth MIDI를 지원하는 기기는 웹 Bluetooth를 사용하여 웹 브라우저와 연결하는 방법을 설명하기 위해 샘플 코드, 라이브러리 등을 사용합니다. 웹 MIDI API와 어떻게 다릅니까?장점은? OS와 브라우저, 웹 MIDI API, 웹 블루투스 관계 는 W3C 표준화된 MIDI 장치와 웹 브라우저를 연결하는 API이다. 'MIDI 장치'가 더 정확하게 말하자면'USB MIDI... webmusicWebBluetooth
M5Stack에서 BLE 분실 방지 태그 만들기 M5Stack을 입수해 샘플 코드등을 여러가지 보고 있었습니다만, 라이브러리를 사용하면 BLE 디바이스를 간단하게 만들 수 있을 것 같았으므로, 시험으로 만들어 보았습니다. Visual Studio Code+PlatfomIO를 사용하고 있습니다. 라이브러리는 "M5Stack", "ESP32 BLE Arduino"를 설치합니다. 이번 M5Stack을 주변 장치로 사용하기 위해 "ESP32 BL... M5stackWebBluetoothBLE Web Bluetooth를 실전 투입하면 의외로 사용할 수 있는 메모 평상시는 IoT인 제품 개발을 메인으로 하고 있기 때문에, JS도 왕도의 대각선 옆 정도의 사용법으로 즐기고 있는 오늘 요즈음. 그런 가운데, 좀처럼 만질 기회가 없을 것이다Web Bluetooth 를 골고루 괴롭히고 쓰러뜨려 실전 투입하면 의외로 사용할 수 있었으므로, 그 때에 알았던 것의 메모를 정리해 둡니다. 안드로이드 크롬이 지원 환경이었기 때문에, 그쪽으로 정리의 정리가 됩니다. 좀... Chrome자바스크립트WebBluetoothBLE HTML과 JavaScript만으로 BLE 통신할 수 있습니까? 네, 할 수 있습니다. 브라우저로부터 BLE 통신할 수 있는 Web Bluetooth API를 사용하는 것으로 간단하게 할 수 있습니다. Xcode, Android Studio, Visual Studio와 같은 개발 환경은 전혀 필요하지 않으며 Chrome과 텍스트 편집기 만 사용할 수 있습니다. 웹 앱이므로 스마트 폰 앱을 만들 때 번거로운 작업도 필요하지 않으며 사용자 측도 설치없이 사용... BlueJellyHTML자바스크립트WebBluetoothBLE toio.js를 브라우저에서 움직여 보았습니다. 심플한 외형이면서 궁리 나름으로 여러가지 놀이 방법이 생기는 것이 특징으로, 우리 집에서는 4살이 되는 아들이 에 빠져 있습니다. 그런데 그런 toio를 프로그래밍할 수 있는 Node.js용의 라이브러리 가 공개되었습니다. 샘플을 만져 보면 동작도 안정되어 있어 API도 간편하고 좋은 느낌입니다. 무엇을 만들까 생각하고 있을 때, 문득 을 생각해 냈으므로, 브라우저상에서 toio.js 를 움... toio자바스크립트WebBluetoothwebpack 어쩌면 가장 빠른! LINE Things 핸즈온 in Node 학원제 2018 #nodefest Node 학원제 2018에서 초보자를 위한 핸즈온하고 있습니다. 오늘은 전체 참가자적으로 인원수가 적을 것으로 예상되므로, 참가자의 사람들의 모습 보면서 적절히 자료 갱신해 갑니다. 이 자료를 핸즈온 등에 활용하여 Node.js 보급을 촉진시켜 주시면 감사하겠습니다. 사용할 때 코멘트란에 코멘트받을 수 있으면 기쁩니다! 핸즈온 진행해 본 감상 등도 코멘트 받을 수 있으면 기쁩니다! 전반적으로... 자바스크립트WebBluetoothLINEThingsLINEmessagingAPINode.js #UIFlow의 BLE UART를 사용하는 #M5 Stack_코어 2(#M5 Stack)에서 브라우저로 데이터 전송 및 차트 작성 지금까지 UIFlow의 BLE UART를 시도해 봤습니다. 이 글은 상술한 시도의 절차와 아래 보도에서 사용된 도표화를 결합한 내용이다. M5 Stack Core2의 터치스크린을 터치할 때 이 x 좌표나 y 좌표의 값(비 단추를 누르면 변경할 수 있는 구조가 있음)을 얻어 BLE를 통해 브라우저로 보냅니다.브라우저에서 받은 값을 사용하여 차트를 실시간으로 그립니다. BLE UART 를 계속 ... M5stackCore2JavaScriptWebBluetoothuiflowM5stack #UIFlow의 BLE UART를 사용하는 #M5 Stack_코어 2(#M5 Stack)와 브라우저의 양방향 무선 통신 최신 UIFlow(M5 Stack 시리즈의 시각적 프로그래밍 환경)에 BLE 통신을 구현하기 위한 블록이 추가되었기 때문에 이전에는 M5 Stack Core2와 브라우저 간의 BLE 통신(브라우저 측면에서는 웹 블루투스 API 사용)을 시도했다. ● [JavaScript2020] #UIFlow의 BLE UART 사용 브라우저 중 #M5 Stack_코어 2(#M5 Stack)에 문자 보내기 -... M5stackCore2JavaScriptWebBluetoothuiflowM5stack Web Bluetooth API를 통한 too 제어 시 응답(대상 모터 제어) 구체적으로 다음과 같은'대표적 지정 모터 제어'를 사용할 때'대표적 지정 모터 제어에 대한 응답'을 얻기 위해 만든 내용이다. too의 모터 제어 규격을 보면 목표가 지정한 모터 제어를 하면 다음과 같은 응답을 받을 수 있다. 제어 유형의 부분은 고정되고 두 번째 제어 식별자는'목표 모터 제어를 할 때 지정한 값(이하 그림의 빨간 화살표와 같은 부분)'이다. 이렇게 되면 모터 제어 처리를 한... JavaScriptWebBluetoothtoio 웹 Bluetooth에서 Bluetooth로 MIDI 장치 사용 Bluetooth MIDI를 지원하는 기기는 웹 Bluetooth를 사용하여 웹 브라우저와 연결하는 방법을 설명하기 위해 샘플 코드, 라이브러리 등을 사용합니다. 웹 MIDI API와 어떻게 다릅니까?장점은? OS와 브라우저, 웹 MIDI API, 웹 블루투스 관계 는 W3C 표준화된 MIDI 장치와 웹 브라우저를 연결하는 API이다. 'MIDI 장치'가 더 정확하게 말하자면'USB MIDI... webmusicWebBluetooth