몇 주 전에 저는 Twitter의 데이터를 사용하여 스프링 힘 노드 다이어그램 프로젝트를 시작했습니다. 복잡해졌고 비디오가 그것을 보여주는 가장 좋은 방법이라고 결정했습니다. 그런데 영상이 너무 길어 지루했습니다. 다음은 초기 스냅샷입니다.
Half-baked idea설익은 아이디어
Waffle Sunday에서 나는 여러 가족들에게 그것을 더 잘 만드는 방법을 검토하고 제안하도록 요청했습니다. 댓글 다 좋은데 다니엘이 진짜 보여주고 싶었어요. 나는 내 비디오가 결국 그렇게 놀랍지 않다는 것을 깨닫기 시작할 때까지 그를 계속 미루었습니다.
"알았어 다니엘. 당신은 무엇을 가지고 있습니까?"
"구글에 가서 물어봐 위키백과 듣기 ."
그것은 당신을 데려 갈 것입니다 http://listen.hatnote.com/ . 나는 그것이 어떻게 작동하는지 궁금해서 몇 분 동안 보고(그리고 들었습니다)...나는 약간의 잘못된 추측을 했습니다. 그런 다음 ~에 대한 링크하고 내 길을 따라 hatnote의 JavaScript 코드 내가 배우기 시작한 123 행 주변 웹소켓 .그들은 브라우저가 웹 서버에 대한 양방향 포트를 열어 두도록 하고 2022년에는 대부분의 브라우저가 이를 지원합니다. Wikipedia 듣기 페이지를 보면 브라우저에서 실행 중인 JavaScript가 wikipedia WebSocket을 듣고 있었고 즉각적인 Wikipedia 업데이트에 대한 알림. 선적 서류 비치 당신은 필요하지 않습니다.
Twitter에는 자체 API가 있으며 WebSocket을 사용하지 않습니다. 내가 만들고 있던 비디오는 위키백과 업데이트와 같은 대화형이 아니라 역사적으로 5분마다 투표했습니다. WebSocket을 사용하고 싶기 때문에 다른 것이 필요합니다.
주위를 둘러본 후 stackexchange 사이트 그룹(stackoverflow 포함)에 양방향 WebSocket이 있음을 발견했습니다. WebSocket은 모든 새 게시물을 구독한 다음 해당 게시물의 업데이트를 구독 및 구독 취소할 수 있습니다. (약. 나는 사용 스택 교환 포스트 내 정보를 위해 새롭지 않은 게시물이 표시되는 것이 매우 분명합니다.)
JSL로 무엇을 할 수 있습니까? WebSocket은 브라우저입니다. 조금 검색한 후 Python WebSocket 패키지를 찾았습니다. 파이썬 코드는 틈 메우는 나무 JSL과 WebSocket 사이. JSL에서 모든 작업을 수행할 수 있다고 확신하지만 처리하고 싶지 않은 못생긴 부분이 있습니다. 그래서 Python입니다.
다음 JSL에는 소량의 일반 WebSocket 코드와 많은 stackexchange 관련 코드가 있습니다. stackexchange가 아닌 유사한 솔루션을 구축하는 경우 Python 비트를 유지하고 나머지는 대략적인 가이드로 사용할 수 있습니다. 코드에 주석이 있으며 추가 기능으로 패키지되어 있으므로 보기->추가 기능에서 코드를 찾고 WebSocket을 선택하고 디렉터리를 클릭할 수 있습니다.
추가 기능을 실행한 후 작업이 시작되기까지 시간이 걸릴 수 있습니다. 일반적으로 10초마다 어떤 일이 발생합니다. 특히 추가 기능이 많은 구독을 가질 만큼 충분히 오래 실행된 후에는 더욱 그렇습니다. 5분이 지나도 아무 소리도 들리지 않으면 작동하지 않는 것일 수 있습니다. 로그 창을 주시하십시오. 표시해야 하는 데이터의 양 때문에 이 프로젝트에 1920 x 1080 높이의 디스플레이가 필요하다고 결정했습니다. 축소하기는 어려울 것입니다. 9X9 질문 그리드는 설명과 아이콘 및 표시기를 표시해야 합니다. 그들은 모두 손으로 조정되어 괜찮아 보입니다. 글꼴도 조정이 필요할 수 있습니다. 조금 실행한 후의 모습을 짧은 영상으로 보여드리지만 애드인을 실행하면 더 재미있을 것입니다. 추가 기능은 Windows 및 JMP 16용입니다. Mac에서 작동할 수 있지만 테스트되지 않았습니다.
추가 기능을 사용하지 않는 경우 여기에 짧은 동영상이 있습니다.
추가 기능을 실행 중인 경우 항목을 클릭하면 웹 브라우저에서 기사로 이동합니다.
애드인 Stackexchange를 사용한 WebSocket 데모
