데스크톱에서 개발을하고있을 때 음악을 들으면서하는 분은 많을 것입니다. 그럴 때 어떤 소프트웨어를 사용하고 있습니까? 스마트 폰, iTunes, 그 외에도 음악 소프트웨어는 몇도 존재합니다. 백그라운드에서 음악을 흘리 과장된 소프트웨어는 사용하고 싶지 않은 분은 player를 사용해 보자. CLI에서 사용할 수있는 음악 플레이어입니다. player 사용법 player 명령 play 후 음악 파일을 전달합니다. 로컬 파일은 물론, URL에서도 사용할 수 있습니다. $ player play /path/to/bgm.mp3 press "x" to stop, press "s" to play, press "space" to pause / resumepress "Up" to increase volume, press ..
일반적으로 양식 입력 오류가 있으면 위쪽에 오류 메시지가 표시됩니다. 많은 경우 오류 메시지가 표시가 남아 있기 때문에 두 번째 오류가 때 표시가 업데이트되지 않고 애매할 수 있습니다. 오류가 발생거야라는 것을 강하게 어필하고 싶을 때에는 formAnimation를 사용해 보자. 애니메이션으로 임팩트있는 알림 수 있습니다. formAnimation 사용법 formAnimation에서 2 패턴의 애니메이션을 지원하고 있습니다. 첫째는 셰이크입니다. 또 바운드입니다. 어느 쪽이 좋은가는 사이트 나 통지하고 싶은 내용에 따라 달라질 것입니다. 셰이크 제스처는 전체 폼이 입력을 싫어하고있는 것 때문에 더 효과적이지 않을까 생각합니다. formAnimation는 JavaScript로 만든 오픈 소스 소프트웨어..
여러분, 마우스 나 키보드를 얼마나 사용하고 있을까요? 키보드 파라고 말하면서 브라우징을 비롯해 의외로 마우스에 접하고있는 시간이 긴 사람도있을 것입니다. 한번 측정 해 보면 재미있는 현상이 보여 올지도 모릅니다. 그래서 사용해보고 싶은 것이 OctoMouse입니다. OctoMouse 사용법 OctoMouse은 메뉴 표시 줄에 상주하는 소프트웨어로 마우스와 키보드의 사용량을 측정 해줍니다. 마우스 클릭, 키보드의 타각 수가 알 수있는 것은 물론, 마우스로 더듬 거리와 스크롤 량 등도 알 수있게되어 있습니다. 개발과 글쓰기에 열중하고있는 것이라면 마우스는별로 사용하지 않는 이유로, 자신의 생산성과 마우스의 이용 량을 비교해거나해도 재미있을 것입니다. OctoMouse은 Mac OSX 용 오픈 소스 소프..
의외로 좋을지도! 스마트 폰 등으로 Web 사이트를보고있어 사진이 후로부터 읽히는 위해 콘텐츠의 높이가 바뀌어 잘못된 탭을 버릴 수 있습니다. 많은 경우 배너 등으로 매우 좌절합니다. 그 런 사이트에 도입 해 주었으면가 Scrollbear입니다. 이미지를 로드해도 읽고 있는 내용의 높이가 변하지 않는 라이브러리입니다. Scrollbear 사용법 왼쪽이 Scrollbear 도입 후, 오른쪽이 미 도입입니다. 이미지가로드 될 때마다 내용이 부들 부들 움직입니다. Scrollbear을 도입 해두면 컨텐츠가 달라지는 것은 아닙니다. 그러나 이미지의 높이를 미리 정해두면 좋은 것은 사용자가 콘텐츠를 만드는 것 같은 이미지의 유무를 알 수없는 사이트에 사용하는 것이 좋을 것입니다. Scrollbear는 JavaSc..
간판시스템은 이제 프로젝트 관리의 기본 기능 만되고 있습니다. 미세 상태는 차치하고, 개발하고 있는지 테스트인지 등 상태를 한눈에 알 수있는 것은 좋은 것입니다. 그런 간판 기능만을 제공하는 것이 Retro Board입니다. 매우 심플한 간판 기능을 제공합니다. Retro Board 사용법 이름을 입력하고들어갑니다. 작업은 여러 개 만들 수 있습니다. 목록에서 한번에 볼 수 있습니다. Retro Board는 가장 기본적인 간판 기능 밖에 없습니다. 프로젝트 관리는 다른 것이 좋을지도 모릅니다. 그리고 작업 내용을 결정하면 Retro Board 작업을 써 가며 상태를 관리하는 것이 좋을 것입니다. Retro Board는 node / JavaScript로 만든 오픈 소스 소프트웨어 (GPL v3)입니다...
React Native을 앞으로 배워 가려고하는 사람은 많을 것입니다. 그럴 때 처음부터 배우는 것도 좋지만, 이미 샘플을 기반으로 배워가는 것도 좋을 것입니다. 특히 네트워크를 수반하는 경우는 배울 점이 많습니다. 이번 소개하는 것은 BBCNews React Native 는 비공식적인 React Native 의 BBC News 어플입니다. BBCNews React Native 사용법 BBCNews React Native의 메인 화면입니다. 목록에서 피드가 표시되어 있습니다. 기사의 자세한 내용입니다. 동영상 재생도 할 수 있습니다 BBCNews React Native 특히 특별한 기능이 아니라 목록과 상세 화면 정도 밖에 없습니다. 그만큼 응용 프로그램의 구조를 이해하기 쉬운 것입니다. 이를 바탕으로 ..
이미지를 아스키 아트로 변환하는 소프트웨어는 많이 있습니다. 옛날부터 이미지를 텍스트 화하는 시도가 다수 이루어지고 있으며, 보다 이미지에 가까운 재현하는 것도 있으면, 특징 점을 추출하고 표현하는 것도 있습니다. 이번에는 그 하나 Dotmatrix을 소개합니다. 이름 그대로 사진을 점으로 표현하는 소프트웨어입니다. Dotmatrix 사용 변환 예입니다. 점 또는 세 점 등 세세한 점만으로 표현되어 있습니다. 크기를 변경할 수 있습니다. 아직 개발 버전이지만 애니메이션 GIF 지원되는 것 같습니다. 그 때 iTerm2 만되는 것 같습니다. 크기의 다른 대비 및 감마 샤프 등도 조정할 수 있도록되어 있습니다. 꽤 신선한 도트 그림이 아닐까요. Dotmatrix는 node / JavaScript로 만든 오픈..
업무 시스템이라고해도, UI가 갖추어져있는 것이 동기가 나올 것입니다. 특히 대시 보드 계의 잘 보면 화면이면 알기 쉽게되어 있는지 생산성이 크게 달라집니다. 이번에 소개하는 오픈 소스 소프트웨어는 RazorFlow, HTML5의 대시 보드 프레임 워크입니다. RazorFlow 사용법 RazorFlow에서는 여러 차트를 지원합니다. 목록도 사용할 수 있습니다. 그래프 마우스 오버로 설명이 나옵니다. 이쪽은 더 역동적 인 데이터 변화가 있습니다. 양식에 표시되는 데이터를 좁힐 수 있습니다. 카테고리와 명칭 등으로 검색 할 수 있습니다. RazorFlow는 각종 그래프 외에 KPI 표시 패널, 게이지, 테이블, 드릴 다운 등의 표시 및 기능에 대응하고 있습니다. HTML5를 사용하고 실시간 렌더링 업데이트도..
테스트 방식은 지난 몇 년 동안 단번에 수준이 높아지고 있습니다. 단위 테스트를 작성 문화도 갖추어지고있어, CI 도구와 관련하여 자동화 된 테스트를 할 수있게되어오고 있습니다. Web 브라우저를 사용한 테스트도 Selenium 의해 완성오고 있습니다. 그런 테스트 환경이지만 고도에 이르면 오히려 도입이 어려울 수 있습니다. 그래서 사용해보고 싶은 것이 Chibineko 간단한 테스트 지원 도구입니다. Chibineko 사용법 Chibineko의 화면입니다. 우선 등록합니다. 대시 보드입니다. 아직 테스트가 없습니다. 테스트를 만듭니다. 테스트의 제목과 후 테스트하고 싶은 내용을 적습니다. 이것이 테스트 화면입니다. 실제로 테스트를 실시하고 결과를 선택하는 것입니다. OK이면 OK, 안되면 이유를 선택하..
- Total
- Today
- Yesterday
- LGPL
- GPL v3
- 디자인
- 소프트웨어
- Mac OSX
- Web API
- mit license
- 웹 API
- github에
- GitHub
- GUI
- javascript
- node.js
- Open Source JavaScript
- 텍스트
- linux
- 자바 스크립트
- SVG
- cui
- go
- HTML5
- 오픈 소스
- License MIT
- MIT 라이센스
- GPL
- Web 오픈 소스 JavaScript
- Web 오픈 소스
- software
- CMS
- Web
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |