Web 라디콘이라고 하는 것을 만들었습니다.
자기소개
준준이라고 하는 닉네임으로, 간사이를 거점으로 활동하고 있는 프런트 엔드 엔지니어입니다.
HAL 오사카 3회생입니다. (2017/12/03 현재)
이벤트나, 공부회에 참가하고 있으므로 꼭 만났을 때는 말씀해 주세요!
웹 라디콘이란?
벌써 2년전이 되네요. . .
1학년 때 만들어진 Web(ios safari 등)에서 실제 라디콘을 조작한다는 IoT입니다.
이것은 학교 (HAL 오사카) 학내 콘테스트? 에서 만든 것입니다만 이것의 기술적인 이야기를 쓰지 않았기 때문에 써 가고 싶습니다.
무슨 일이야?
이 IoT에서 문제였던 것이 브라우저의 값을 어떻게 실시간으로 라디콘에 전달하는가. 이었다.
처음에는 「milkcocoa 라고 하는 것이 있는 것 같다는 것을 깨달았습니다.
웹 소켓이란 무엇입니까?
WebSocket (웹 소켓)은 컴퓨터 네트워크 용 통신 표준 중 하나입니다. 웹 애플리케이션에서 양방향 통신을 실현하기위한 기술 표준입니다. (wikipedia에서)
양방향 통신을 실현하기 위한 기술 규격이다! !
과연. 이것을 사용하면 좋을 것 같다고.
....
........
그럼 어떻게해야합니까? ? ? ? ? ? ? ? ? ?
간단한 라이브러리가 있으므로 그것을 사용합시다.
이번에 우리는 거친 c 집 t. 이오을 사용했습니다.
전체 구성은 다음과 같습니다.
서버는 Node.js로 만들었기 때문에, Node의 서버에 클라이언트(web)로부터 값을 보내, 그것을 감시하고 있는 C로 쓰여진 라디콘의 프로그램이 값을 읽어 라디콘의 스티어링 등을 실시하고 있다 합니다.
막힌 것
막힌 것은 우선 Web Socket이 어떠한가를 이해할 수 없었던 것과 JS 힘이 모두 무너졌기 때문에, 어떻게 써야 할지 몰랐던 것입니다.
나중에 코드를 공개하지만 조금 ~~~~ 더러워서 여유로운 사람은 PR 보내주십시오 (또한 리팩토 ...)
요약
web socket은 실은 상당히 주류에 사용되고 있고, IoT로 활용하기 쉬울까라고 생각하기 때문에 꼭 꼭 여러분 사용해 보세요! ! !
후기
Twitter하고 있습니다.
@ 이 쥬냐
이 프로젝트는 친구의 도금 - ㅎㅎ와 함께 만들어졌습니다.
코드는 HEW-raspberryPI
입니다.
Reference
이 문제에 관하여(Web 라디콘이라고 하는 것을 만들었습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/konojunya/items/8de483e74d3f6f535586
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
벌써 2년전이 되네요. . .
1학년 때 만들어진 Web(ios safari 등)에서 실제 라디콘을 조작한다는 IoT입니다.
이것은 학교 (HAL 오사카) 학내 콘테스트? 에서 만든 것입니다만 이것의 기술적인 이야기를 쓰지 않았기 때문에 써 가고 싶습니다.
무슨 일이야?
이 IoT에서 문제였던 것이 브라우저의 값을 어떻게 실시간으로 라디콘에 전달하는가. 이었다.
처음에는 「milkcocoa 라고 하는 것이 있는 것 같다는 것을 깨달았습니다.
웹 소켓이란 무엇입니까?
WebSocket (웹 소켓)은 컴퓨터 네트워크 용 통신 표준 중 하나입니다. 웹 애플리케이션에서 양방향 통신을 실현하기위한 기술 표준입니다. (wikipedia에서)
양방향 통신을 실현하기 위한 기술 규격이다! !
과연. 이것을 사용하면 좋을 것 같다고.
....
........
그럼 어떻게해야합니까? ? ? ? ? ? ? ? ? ?
간단한 라이브러리가 있으므로 그것을 사용합시다.
이번에 우리는 거친 c 집 t. 이오을 사용했습니다.
전체 구성은 다음과 같습니다.
서버는 Node.js로 만들었기 때문에, Node의 서버에 클라이언트(web)로부터 값을 보내, 그것을 감시하고 있는 C로 쓰여진 라디콘의 프로그램이 값을 읽어 라디콘의 스티어링 등을 실시하고 있다 합니다.
막힌 것
막힌 것은 우선 Web Socket이 어떠한가를 이해할 수 없었던 것과 JS 힘이 모두 무너졌기 때문에, 어떻게 써야 할지 몰랐던 것입니다.
나중에 코드를 공개하지만 조금 ~~~~ 더러워서 여유로운 사람은 PR 보내주십시오 (또한 리팩토 ...)
요약
web socket은 실은 상당히 주류에 사용되고 있고, IoT로 활용하기 쉬울까라고 생각하기 때문에 꼭 꼭 여러분 사용해 보세요! ! !
후기
Twitter하고 있습니다.
@ 이 쥬냐
이 프로젝트는 친구의 도금 - ㅎㅎ와 함께 만들어졌습니다.
코드는 HEW-raspberryPI
입니다.
Reference
이 문제에 관하여(Web 라디콘이라고 하는 것을 만들었습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/konojunya/items/8de483e74d3f6f535586
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
WebSocket (웹 소켓)은 컴퓨터 네트워크 용 통신 표준 중 하나입니다. 웹 애플리케이션에서 양방향 통신을 실현하기위한 기술 표준입니다. (wikipedia에서)
양방향 통신을 실현하기 위한 기술 규격이다! !
과연. 이것을 사용하면 좋을 것 같다고.
....
........
그럼 어떻게해야합니까? ? ? ? ? ? ? ? ? ?
간단한 라이브러리가 있으므로 그것을 사용합시다.
이번에 우리는 거친 c 집 t. 이오을 사용했습니다.
전체 구성은 다음과 같습니다.
서버는 Node.js로 만들었기 때문에, Node의 서버에 클라이언트(web)로부터 값을 보내, 그것을 감시하고 있는 C로 쓰여진 라디콘의 프로그램이 값을 읽어 라디콘의 스티어링 등을 실시하고 있다 합니다.
막힌 것
막힌 것은 우선 Web Socket이 어떠한가를 이해할 수 없었던 것과 JS 힘이 모두 무너졌기 때문에, 어떻게 써야 할지 몰랐던 것입니다.
나중에 코드를 공개하지만 조금 ~~~~ 더러워서 여유로운 사람은 PR 보내주십시오 (또한 리팩토 ...)
요약
web socket은 실은 상당히 주류에 사용되고 있고, IoT로 활용하기 쉬울까라고 생각하기 때문에 꼭 꼭 여러분 사용해 보세요! ! !
후기
Twitter하고 있습니다.
@ 이 쥬냐
이 프로젝트는 친구의 도금 - ㅎㅎ와 함께 만들어졌습니다.
코드는 HEW-raspberryPI
입니다.
Reference
이 문제에 관하여(Web 라디콘이라고 하는 것을 만들었습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/konojunya/items/8de483e74d3f6f535586
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
web socket은 실은 상당히 주류에 사용되고 있고, IoT로 활용하기 쉬울까라고 생각하기 때문에 꼭 꼭 여러분 사용해 보세요! ! !
후기
Twitter하고 있습니다.
@ 이 쥬냐
이 프로젝트는 친구의 도금 - ㅎㅎ와 함께 만들어졌습니다.
코드는 HEW-raspberryPI
입니다.
Reference
이 문제에 관하여(Web 라디콘이라고 하는 것을 만들었습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/konojunya/items/8de483e74d3f6f535586
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Web 라디콘이라고 하는 것을 만들었습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/konojunya/items/8de483e74d3f6f535586텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)