데스크톱에서 개발을하고있을 때 음악을 들으면서하는 분은 많을 것입니다. 그럴 때 어떤 소프트웨어를 사용하고 있습니까? 스마트 폰, 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로 만든 오픈 소스 소프트웨어..
의외로 좋을지도! 스마트 폰 등으로 Web 사이트를보고있어 사진이 후로부터 읽히는 위해 콘텐츠의 높이가 바뀌어 잘못된 탭을 버릴 수 있습니다. 많은 경우 배너 등으로 매우 좌절합니다. 그 런 사이트에 도입 해 주었으면가 Scrollbear입니다. 이미지를 로드해도 읽고 있는 내용의 높이가 변하지 않는 라이브러리입니다. Scrollbear 사용법 왼쪽이 Scrollbear 도입 후, 오른쪽이 미 도입입니다. 이미지가로드 될 때마다 내용이 부들 부들 움직입니다. Scrollbear을 도입 해두면 컨텐츠가 달라지는 것은 아닙니다. 그러나 이미지의 높이를 미리 정해두면 좋은 것은 사용자가 콘텐츠를 만드는 것 같은 이미지의 유무를 알 수없는 사이트에 사용하는 것이 좋을 것입니다. Scrollbear는 JavaSc..
간판시스템은 이제 프로젝트 관리의 기본 기능 만되고 있습니다. 미세 상태는 차치하고, 개발하고 있는지 테스트인지 등 상태를 한눈에 알 수있는 것은 좋은 것입니다. 그런 간판 기능만을 제공하는 것이 Retro Board입니다. 매우 심플한 간판 기능을 제공합니다. Retro Board 사용법 이름을 입력하고들어갑니다. 작업은 여러 개 만들 수 있습니다. 목록에서 한번에 볼 수 있습니다. Retro Board는 가장 기본적인 간판 기능 밖에 없습니다. 프로젝트 관리는 다른 것이 좋을지도 모릅니다. 그리고 작업 내용을 결정하면 Retro Board 작업을 써 가며 상태를 관리하는 것이 좋을 것입니다. Retro Board는 node / JavaScript로 만든 오픈 소스 소프트웨어 (GPL v3)입니다...
Web 폼에서 CSV 파일을 업로드하십시오라는 것은 자주있는 기능입니다. 그러나 CSV 자체 분석하는 것이 힘들거나 사용자가 작성하는 것도 하는 것은 귀찮기 때문에 그다지 효율적이라고는 할 수 없습니다. 따라서 사용자는 Excel 파일을 그대로 업로드 해 줍시다. 이때 사용하는 것은 JS-XLSX, JavaScript을 사용하여 Excel 파일 파서입니다. JS-XLSX 사용법 JS-XLSX 데모입니다. 드롭 된 Excel 파일을 분석하여 CSV로하고 있습니다. 또한 JSON도 가능합니다. JS-XLSX를 사용하면, Web 브라우저상에서 Excel 파일 (ODS도 가능)을 분석하여 Ajax에서 JSON 을 만드는 것도 가능할 수 있습니다. 이렇게 되면 시스템에서 취급도 간단합니다. 또한 JS-XLSX 쓰..
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를 사용하고 실시간 렌더링 업데이트도..
Web 사이트 나 응용 프로그램을 개발하고, 반드시 필요한 것이 백엔드 (서버)입니다. 앱은 Parse.com (곧 종료되지만)이거나 맵시 클라우드 mobile backend (필자가 에바 목록을하고 있습니다) 등이 있습니다 만, Web 어플리케이션에서도 백엔드는 필수입니다. 그런 백엔드 시스템을 오픈 소스로 제공하는 것이 Kuzzle.io입니다. 한번 사용법에 익숙해지면 개발이 크게 편해질지도 모릅니다. Kuzzle.io 사용법 Kuzzle.io 데모입니다. 이른바 작업관리 화면입니다. 일본어도 괜찮습니다. 작업을 추가하거나 지우거나 할 수 있습니다. Kuzzle.io의 다른 특징은 실시간이며, 검색 기능이 있다는 것입니다. 실시간 게임이나 채팅 등을위한 것입니다. Web, 모바일 앱, IoT 등으..
지금은 Web 브라우저에서 제대로 동작하는 프로그래밍 언어는 JavaScript 밖에 없습니다. 따라서 Web 응용 프로그램을 개발하는 데 JavaScript의 습득은 필수입니다 만, 가급적이면 쓰고 싶지 않은 분들도 많습니다. 만약 당신이 Python 프로그래머라면 사용해보고 싶은 것이 JavaScripthon입니다. Python 코드에서 ECMAScript2016 (ES6)로 변환 해주는 소프트웨어입니다. JavaScripthon 사용 코드 예입니다. 일반적으로 Python 코드 보입니다. # -*- coding: utf-8 -*-# :Project: metapensiero.pj# :Author: Andrew Schaaf # :License: See LICENSE file#from mylib.colo..
- Total
- Today
- Yesterday
- javascript
- Web API
- 오픈 소스
- software
- go
- 자바 스크립트
- GPL
- HTML5
- linux
- SVG
- Mac OSX
- LGPL
- 소프트웨어
- Web
- 웹 API
- mit license
- Web 오픈 소스
- 디자인
- GPL v3
- MIT 라이센스
- github에
- GitHub
- Open Source JavaScript
- Web 오픈 소스 JavaScript
- CMS
- cui
- License MIT
- 텍스트
- node.js
- GUI
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |