오픈소스모음

React를 사용해보고 싶은 프로그래머는 많이 있다고 생각 합니다만, 정작 제대로 된 작품을 만들고자하면 프레임 워크의 존재에 고민하게됩니다. Redux를 사용하더라도 어떤 조합 디렉토리 구성으로하는 것이 최고인가 알기가 힘듭니다. 그래서 사용해보고 싶은 것이 Roc입니다. React / Redux를 사용한 node의 Web 어플리케이션 프레임 워크입니다. Roc 사용법 Roc 설치는 npm에서 할 수 있습니다. npm install -g roc응용 프로그램의 초기 설정은 init을 사용합니다. 대화 형으로 만듭니다. $ roc init web-app-reactFound a folder named /path/to/react-app, will try to use it. Using v1.0.3 as temp..

스마트 폰의 브라우저에서 JavaScript를 디버깅하거나 스타일을 확인하는 것은 매우 복잡합니다. 케이블이없는 상태에서 디버깅 등 거의 생각할 수없는 것입니다. 그래서 사용해보고 싶은 것이 Eruda입니다. 스마트 폰의 JavaScript 콘솔입니다. Eruda 사용법 Eruda을 시작하려면 오른쪽 하단의 아이콘을 누릅니다. Eruda을 시작했습니다. 우선 콘솔. JavaScript를 실행할 수 있습니다. 네트워크. 요소. 자원. 사용자 에이전트 등. 브라우저가 지원하는 기능. 설정. 전체 화면이 아닌 절반의 높이로 조정할 수 있습니다. Eruda 말하자면 DevTools의 모바일 최적화 버전이라고 할 수 있습니다. 모든 기능이 구현되어있는 것은 아니지만, 개발시에 조금 편리 될 것 같은 기능을 제공합..

이미지를 텍스트로 바꾸는 것은 옛날부터 행해지고있는 재미있는 시도입니다. 다양한 알고리즘 및 그리기 방법이 존재하고 치밀하게 재현하는 것도 있으면, 가능한 한 간단하게 표현하려고하는 것도 있습니다. 이번에는 JavaScript에서 이미지를 텍스트 화하는 aalib.js을 소개합니다. 또한 이미지뿐만 아니라 동영상까지 변환 할 수있는 것이 포인트입니다. aalib.js 사용법 모나리자의 그림. 컬러에도 대응하고 있습니다. 실제로 움직이고있는 곳. 차이는 글꼴에 의한 것으로 생각됩니다. 마릴린 먼로. 꽤 세세하게 그라데이션까지 재현되어 있습니다. 동영상을 실시간으로 텍스트 화합니다. aalib.js는 Web 브라우저만으로 이미지를 텍스트 할 수 있습니다. 일부러 서버를 세우거나 할 필요가 없습니다. 사용자가..

음악을 연주라고하면 중요하게 들리 겠지만, 프로그래밍과 동일 조금씩 쌓아 간다면 분명 멋진 음악이 완성 될 것입니다. 그런 창작 활동을 많은 사람들과 즐기고 싶어 아닐까요. 이번에 소개하는 Sonic Pi는 바로 그런 음악을 만들어가는 과정을 라이브 코딩처럼 마치 즐길 수있는 소프트웨어가 있습니다. Sonic Pi 사용법 Sonic Pi의 메인 화면입니다. 중앙 편집기에서 코드를 작성하여 음악을 설정하고 있습니다. 예를 들면 이런 느낌입니다. live_loop 등 그럴듯한 방법을 사용하기 때문에 알기 쉽습니다. Sonic Pi는 악보​​를 쓰는 것은 아니기 때문에, 프로그래머 분들이 알기 쉬운지도 모릅니다. 또한 작성한 코드를 즉시 실행하거나 수정할 수 있기 때문에 음악을 연주하면서 그 자리에서 들으면서..

몇 년 전 스마트 폰에 의한 위치 정보 수집이 개인 정보 보호 문제를 야기했지만, 위치 정보의 이용은 스마트 폰의 매력 중 하나라고 할 수 있습니다. 문제는 그 사용법과 응용 프로그램 측에 있다고 말할 수 있습니다. 이번에 소개하는 OwnTracks 오히려 위치 정보의 공유를 주된 목적으로 한 스마트 폰 어플 및 소프트웨어입니다. OwnTracks 사용법 OwnTracks의 메인 화면입니다. 자신의 위치와 다른 사용자 붙인 마커가 표시되어 있습니다. 장소를 누르면 거기에 도착 (?)가 선으로 표시됩니다 다른 사용자 붙인 마커의 위치를​​ 알 수 있습니다. 전세계 마커가 세워져 있습니다. OwnTracks는 자신이 좋아하는 장소 등으로 마커를 세워 다른 사용자가 참조하는 구조가 될 것 같습니다. 개인 위치..

MS Office 파일에 암호를 걸 수 있습니다. 민감한 파일을 공유하는 경우에는 유용​​하지만, 사실 별거 이유가 없더라도 회사의 규정에 암호를 사용하고있는 분도 많은 것이 아닐까요. 그 결과, 매번 열 때마다 암호를 물어 번거로운 파일이 만들어집니다. 그래서 msoffice을 사용하여 CLI 암호를 사용합시다. msoffice 사용법 암호가 걸려 있습니다. 예를 들어 다음과 같이 실행합니다. 비밀번호는 test라고합니다. 실제 암호화가 해제 된 파일이 무사히 생성되었습니다. bin/msoffice-crypt.exe -d -p test enc.xlsx dec.xlsx 이제 암호화가 해제 된 Excel 파일을 dec.xlsx으로 생성됩니다. 암호화하려면 bin/msoffice-crypt.exe -e -p..

HTML5에서 음악 파일을 처리 할 수​​ 있었지만, 대부분 UI가 제공되지 않습니다. 그런 상태로는 전혀 매력적이지 않을 것입니다. 별도 UI를 생성해야합니다. 이번에 소개하는 오픈 소스 소프트웨어는 Amplitude.js, HTML5 오디오 플레이어입니다. 이것을 사용하면 좋아 보이는 UI로 제공 할 것입니다. Amplitude.js 사용법 위의 재생 부분이 플레이어입니다. 마우스 오버 재생, 정지 표시가 바뀝니다. 이런 느낌입니다. 썸네일뿐만 아니라 앨범의 확대 표시도 가능합니다. 재생 목록에도 대응 SoundCloud도 재생할 수 있습니다. 시각화도. 심플도 좋지만, 더 풍부한 플레이어도 있습니다. Amplitude.js 절대로 풍부하고 편리한 HTML5 오디오 플레이어를 쉽게 제공 할 수 있습니..

YouTube는 동영상뿐만 아니라 음악도 많이 업로드되어 있습니다. 그들을 배경 음악 대신에 걸쳐있는 사람도 많은 것이 아닐까요. 그러나이를 위해 Web 브라우저를 열고 계속이 불편하네요. 그래서 사용해보고 싶은 것이 Yays 간단한 YouTube 플레이어입니다. 메뉴 바 상주에서 평소 브라우징과 분리 할 것이 편리합니다. Yays 사용 Yays의 메인 화면입니다. 실제로는 메뉴 바에 상주하고 있습니다. URL을 복사하여 명령 키 + G를 누르면 Yays에 등록됩니다. 아이콘은 등록 할 수 없습니다. 동영상을 등록하면 후 계속 연주뿐입니다. Yays는 평상시 사용하고있는 즐겨 찾기 목록 등은 사용할 수 없으므로 주의하십시오. 궁금한 음악이 있으면 자꾸 가입 해 음악을 즐길 수있는, 그런 플레이어입니다. ..

작업 시간에 따라 진행됩니다. 미팅 등은 정해진 시간에 맨 먼저 정해진 시간에 끝나야 있는데, 바로 연체되어 버리는 경우가 있습니다. 그러한 문제를 방지하기 위해 사용하고 싶은 것이 TopicTimer입니다. 타이머를 사용하여 남은 시간을 관리 할 수​​ 있습니다. TopicTimer 사용 먼저 주제를 만듭니다. 주제를 만들었습니다. 시간과 제목을 설정합니다. 주제를 만들면 왼쪽에 재생 아이콘이 표시됩니다. 재생 아이콘을 클릭하면 카운트 다운 타이머가 시작됩니다. 사운드 설정이 켜져 있으면, 타이머 종료시 소리가 들립니다. 원래 타이머가 있으면 작업 종료 시간을 의식 할 수 있습니다. 미팅 및 LT 등 시간 관리를 적절하게 실시하고 싶을 때 사용하면 편리 하겠지요. TopicTimer는 HTML5 / J..

블로그 시스템은 점점 캐주얼쪽으로 진화하고있는 것처럼 느낍니다. 데이터베이스레스가 정적 사이트가 불필요한 구조를 제거해 제공되도록되어 있습니다. 이번은 그 최신판이라고도 할 수 Tumbless을 소개합니다. Amazon S3를 사용하면 서버리스 아키텍처를 실현하고 있습니다. Tumbless 사용 블로그의 메인 화면입니다. 먼저 로그인합니다. 오른쪽에있는 더하기 아이콘을 클릭합니다. 기사를 쓰는 화면입니다. 사진을 드롭하여 설명을 쓰고 기사입니다. 또한 동영상을 드롭하면 썸네일을 생성하는 기능도 있습니다. Tumbless는 JavaScript를 사용하여 Amazon S3에 브라우저에서 업로드 할 수있는 구조로되어 있습니다. 일단 파일을 생성 해 버리면, 다음은 정적 사이트로 사용자에게 제공 할 수 있습니다..