오픈소스모음

최근 론쳐는 사전에 애플리케이션을 등록하는 것이 아니라 응용 프로그램이 자동으로 정보를 수집 해주는 타입이 주류를 이루고 있습니다. 이번에 소개하는 Hain 역시 자동 수집 형 론쳐입니다. 특징적인 것은 Electron으로 만들어졌다라는 것입니다. Hain 사용법 메인 화면입니다. Alt + 스페이스에서 호출 할 수 있습니다. 경로에 들어있는 것이면 문제없이 표시 할 모양. 문자를 입력하여 프로그램을 찾습니다. Electron 은 Web 기술로 만들어져 있다는 것입니다. Windows 용으로 만들어져 있습니다 만, Electron이면 다른 플랫폼에 제공 할 수있을 것 같네요. Hain는 Electron / JavaScript로 만든 오픈 소스 소프트웨어 (MIT License)입니다. appetizerm..

인터넷을 검색하면서 메모 할 때 등 문자를 복사하여 메모장에 붙여 넣기하는 작업을 반복 할 수 있습니다. 아주 골칫거리입니다. 그래서 사용해보고 싶은 것이 클립 보드 모니터링 입니다. 클립 보드에 복사를 모니터링하여 재고 해주는 소프트웨어입니다. 클립 보드 모니터링 의 사용법 큰 그림입니다. 복사 할 문자열이 텍스트 영역에 들어갑니다. 날짜를 추가하고 제목을 자동 입력 해주는 기능도 있습니다. 이미지의 경우 경로가 들어 있습니다. 클립 보드 모니터링를 사용하면 자꾸 문자를 복사해 나가는 작업이 쉬울 것입니다. 그리고 함께 어딘가에 붙여 넣거나 프로그램에서 처리 할 일이있을 것입니다. 클립 보드 모니터링은 Electron / JavaScript로 만든 오픈 소스 소프트웨어 (MIT License)입니다. ..

MIDI라고하면 20 년전 Web에서 브라우저에서 음악을 흘리는 사용하거나, 귀 복사 한 영화 나 드라마, 게임 음악을 배포하는 데 사용되었던 기억이 있습니다. 최근에는별로 듣지 않지만 음악의 창작을 프로그래머블하게 함으로써 새로운 가능성이 나올지도 모릅니다. 그렇게 느낀 것이 MidiWriterJS입니다. MidiWriterJS 사용법 MidiWriterJS는 그 이름 그대로 JavaScript에서 MIDI 파일을 생성합니다. 예를 들어 다음과 같은 코드입니다. // Start with a new trackvar track = new MidiWriter.Track();// Define an instrument (optional):track.addEvent(new MidiWriter.ProgramChan..

Web에서 양식을 만들고 또한 그것을 운용하는 것은 놀랄만입니다. 입력 체크를 만들거나하는 것도 큰 일이고, 그것이 여러 있거나하면 싫어 져 버리는 것입니다. 그래서 사용해보고 싶은 것이 react-jsonschema-form입니다. JSON Schema를 사용하여 양식을 생성하는 React 라이브러리입니다. 데모입니다. JSON Schema 외에 UISchema라고 부르는 입력 설정 JSON도 사용합니다.. 데이터가 배열의 경우도 OK입니다. 항목을 자유롭게 추가, 삭제할 수 있습니다. 검증에도 물론 대응. 날짜 같은 input.type 설정도 가능합니다. React 양식 전체를 쓰는 것은 놀랄만하지만 react-jsonschema-form JSON Schema와 UISchema 만 준비하면 잘됩니다...

데스크톱 소프트웨어의 조작은 익숙해지면 키보드 단축키를 사용하여 신속하게 할 수 있습니다. 일일이 마우스를 사용하고있어 하나 하나의 작업이 늦어지기이며, 한번 가진 마우스를 놓지 않고 시간을 낭비 해 버리거나합니다 (특히 Web 브라우징). 그래서 사용해보고 싶은 것이 Tabby 대부분 UI 같은 UI를 가지지 않는 Web 브라우저입니다. Tabby 사용법 메인 화면입니다. 키보드 단축키 만 나와 있습니다. Chromium 파생 브라우저이므로 렌더링은 일본어도 문제 없습니다. 명시되어 있지 않지만, 키보드 단축키 DevTools를 호출합니다. Tabby는 여러 탭에 대응하고 있습니다 만, 탭을 표시 할 위치가없는 등 철저하게 UI를 심플하게 유지하고 있습니다. 프로 게이머 전용 브라우저지도 모릅니다. T..

최근 스마트 폰은 Web 브라우저의 성능이 향상있어 약간 응용하면 네이티브인지 Web 브라우저 기반인지 모를 정도가되어 있습니다. 그렇게되면 Web 브라우저 만 여러 플랫폼에 대응하는 장점을 살릴 수 있도록합니다. 그것을 실현하는데 Cordova 등의 하이브리드 앱이 주목 받고 있습니다. 이번에는 하이브리드 애플리케이션을 만드는 데 최적의 UI 프레임 워크, Reapp을 소개합니다. React를 사용하는 것이 포인트입니다. Reapp 사용법 스크린 샷을 넉넉하게 소개합니다. 다수의 UI 구성 요소가 등록되어 있습니다. 메일함 바람보기. 버튼 및 목록 페이지. 갤러리 및 모달 팝 오버 및 폼 탭, 그리드, 표시줄 등 드래그. 상하 좌우로 대응하고 있습니다. 뷰의 이동도 지원하고 있습니다. Hacker Ne..

프로필 페이지 등에서는 사용자 아이콘과 이름 이외에 간단한 설명을 붙인 카드 타입의 레이아웃이 자주 사용됩니다. 사용자뿐만 아니라 GitHub의 저장소 목록이나 제품 목록 페이지 등에서도 카드 형 배치는 편리하게 사용할 수 있습니다. 그런 디자인을 제공하는 것이 chewing-grid.css입니다. 폭과 나란히 개수 등도 세세하게 지정할 수있는 그리드 레이아웃을 제공합니다. chewing-grid.css 사용법 chewing-grid.css 데모입니다. 3 개 줄 지어 있습니다. 폭을 변경하고도 3개가 그대로 남아있다. 수량을 변경했습니다. 동적으로 표시가 바뀝니다. 실제모습입니다. chewing-grid.css는 컬럼의 수, 간격, 컬럼의 최소와 최대 너비를 동적으로 지정할 수 있습니다. 디자인은 레스..

GitHub는 포크 기능을 사용하여 사람이 만든 저장소를 쉽게 자신의 관리하에 둘 수 있습니다. 간단한 사용자 정의를하려고 생각하고 포크를 그대로 아무것도하지 않고 방치 해 버리고있는 저장소도있는 것은 아닐까요. 이러한 저장소를 방치 해 두는 것은 어쩐지 기분이 찜찜합니다. 매우 많아서 정리하는 것도 상당한 고생입니다. 그래서 사용하고 싶은 것이 Remove GitHub Forks입니다. Remove GitHub Forks 사용법 Remove GitHub Forks는 npm에서 설치할 수 있습니다. 사용법은 간단하고 명령 후 OAuth2 토큰을 전달합니다. $ remove-github-forks 40...b8 포크되고 아무것도 변경되지 않은 쓸데없는 저장소가 나열됩니다. $ remove-github-fo..

사내에서도 커뮤니케이션이 중요합니다. 말하고 싶은 것도 말할 수 없는 속에서 숨이 막혀 버립니다. 신경이 쓰이는 것은 새로운 지식이나 생각을 써 둘 장소가 있으면 비동기 적으로 누군가가보고 반응을주는 것입니다. 그런 시스템이 될 것 같은 것이 Nasulog입니다. pplog 바람 정해진 그룹 내에서 사용할 포엠 서비스입니다. 톱 페이지입니다. 로그인합니다. 서비스를 사용할 수있는 도메인을 적용할 수 있기 때문에 특정 기업에서 사용하게 될 것입니다. 포엠 게시물 화면입니다. Markdown을 사용할 수있어 미리보기가 있습니다. 게시했습니다. 모두의 포엠 목록에도 올라 있습니다. 읽으면 읽을 버튼을 눌러 줍시다. 버튼을 누르면 자신이 읽은 포엠 목록에 게재됩니다. Nasulog라고하면 문학적인 분위기가 있지..

사진 내용에서 의미를 찾는다는 노력은 딥러닝에서 잘 사용되고 있습니다. 단순히 게시 된 사진도 정보량이 방대해 문제는 거기에서 의미를 찾는 기술입니다. 이번에 소개하는 FaceCounter도 그 중 하나입니다. 사진을 분석하고 거기에 찍혀있는 얼굴의 수를 계산하는 시스템입니다. FaceCounter 사용법 FaceCounter 명령입니다. 사진을 인수로 주면 얼굴의 수를 출력합니다. $ face_counter xxx.jpg19 덧붙여서이 사진은 22 명이 찍혀 있었으므로, 인식 할 수 없는 얼굴이 있을지도 모릅니다. 기술적으로 OpenCV를 사용하고 있습니다. Ruby와 OpenCV를 결합한 분석에 대해 배우는 최적의 소프트웨어 말할 수있을 것입니다. FaceCounter는 Ruby로 만들어진 소프트웨어..