오픈소스모음

Google Chrome의 DevTool을 사용하면 Web 사이트 개발에 많은 기능 향상을 보입니다. 표시에 문제를 느끼는 경우 타임 라인 기능을 사용하는 것이 좋습니다. 사이트가 어떻게 렌더링되고 있는지 알 수 있으며, 또한 그것을 애니메이션 GIF로 확인할 수있게 해주는 것이 snapline입니다. snapline 사용 사용법의 데모입니다. 우선 Timeline 탭에서 기록을합니다. Screenshots을 잊지 말고 체크해둡니다. 그리고 Save Timeline Data를 선택합니다. 저장된 JSON을 snapline에 전달하면 애니메이션 GIF가 생성됩니다. snapline는 사이트의 렌더링되어가는 모습이 더 두드러집니다. 생각대로 구축되어 있는지 한눈에 알 것이다. 하나 하나의 이미지는 모르는 정..

Web 브라우저상에서 3D를 때굴 때굴하게 움직이는 것 같은 애니메이션을 만드는 경우 WebGL을 사용할 때 기본으로 처리에서도 GPU를 사용하는 것이 효율적입니다. 하지만 GPU를 사용하여 어떻게 처리를하면 좋은 것인지 모르는 것입니다 그래서 사용해보고 싶은 것이 GPU 기반의 라이브러리입니다. 이번에는 애니메이션 라이브러리로 GPU.js을 소개합니다. GPU.js 사용법 GPU.js을 사용한 예입니다. Canvas가 4 개로 나누어 져있어 각각이 연계하여 애니메이션하고 있습니다 실제 움직임입니다. 60fps로 제공됩니다. 그리드와 공크기를 증감할 수 있습니다. GPU.js를 사용하지 않는 CPU에서 연산 모드도 있는데 움직임이 매우 느립니다. Web에서 부드러운 애니메이션 처리를 실현하고 싶을 때 꼭..

포켓몬은 세계적으로 인기있는 게임입니다. 새로운 신작은 물론, 구작도 지금도 플레이하는 사람들이 있습니다. 개인으로 즐겨도 좋으며, 키운 몬스터로 전투를하면 더욱 고조 것입니다. 그런 포켓몬을 MMO로 재현하려고하고있는 것이 Pokémon Engine입니다. WebGL을 사용하여 깨끗한 그래픽으로 즐길 수 있습니다. Pokémon Engine 사용법 여기가 게임 화면입니다. 아직 개발 중이므로 기능의 제한이 있습니다. 뒤에 리자가 붙어 있습니다. 집안에 들어갈 수 없습니다 ... 줌도 가능합니다. 향후 개발이 진행하면, 모두 온라인으로 놀 수있는 게임으로 완성되어 갈 것으로 생각됩니다. 동시에 권리 부분의 문제도 나오고 것 같고, 꽤 시끄러운 프로젝트가 될 것입니다. Pokémon Engine은 HTML..

시스템 개발에 이메일을 사용하는 경우가 많습니다. 그러나 메일을 잘못 전송 해 버리면 돌이킬 수없는 것으로, 개발자라면 누구나 한 번은 오송신을 경험 한 적이있는 것은 아닐까요. 그래서 사용해보고 싶은 것이 MailDev입니다. 개발 용 메일 서버에서 발송한 메일 내용 확인도 할 수있는 소프트웨어입니다. MailDev 사용법 MailDev는 Docker 버전이 나와 있으므로 즉시 시도 할 수 있습니다. 25 번 포트가 비어 있습니다 만, 이것은 Docker의 이야기이므로 별도 10025 등에 연결해 줄 필요가있을 것입니다. 메일을 보낼 때 왼쪽의 목록이 업데이트됩니다. 일본어도 통과합니다. 이메일을 선택하고 내용을 확인할 수 있습니다. 첨부 파일. 헤더 정보를 확인합니다. 메일 검색 기능도 있습니다. M..

일을 task로 구분해서 할 때 Web 브라우저에서 검색을 하거나 개발 사이트에 액세스하는 식으로 작업하여 이용하는 사이트를 바꾸는 사람은 많지 아닐까요. 그런 분들에게 사용해 주셨으면가 Alloy입니다. 아직 개발 초기 단계의 Web 브라우저이지만, 작업 기반이라는 특징을 가지고 있습니다. Alloy 사용법 여기가 Alloy의 화면입니다. 일본어도 볼 수있는 Web 브라우저입니다. 오른쪽에 작업 관리를 볼 수 있습니다. 작업을 전환하면 표시되는 사이트도 바뀝니다. 실제 움직임입니다. 작업을 바꾸면 그때까지 표시되어 있던 탭이 바뀝니다. Alloy는 기능 확장 할 수있을 것 같은 생각도 듭니다만 자체 브라우저라는 선택을하고 있습니다. 작업으로 사용하기 위해서 가상 데스크톱 사용법도 할 수있을 것입니다. ..

새로운 서비스를 만들 때 반드시라고해도 좋을만큼 필요한 것이 도메인입니다. 광고 대행사는 고객의 캠페인 사이트를 관리하기 위해 매일 같이 새로운 도메인을 취득하거나합니다. 그 관리는 복잡해지기 쉽습니다. 그래서 사용해보고 싶은 것이 DomainMOD입니다. Web 기반의 도메인 관리 소프트웨어입니다. DomainMOD 사용법 DomainMOD 데모입니다. 먼저 로그인합니다. 로그인했습니다. 대시 보드에서 상황을 파악할 수 있습니다. 편집 화면입니다. 인증서를 관리 할 수​​도 있습니다. 인증서를 발행합니다. 도메인 등록 서비스의 목록입니다. 대량 도메인 등록하는 기능도 있습니다. 보고서. SSL 등록비 보고서입니다. 설정 화면입니다. DomainMOD 절대로 수많은 도메인 및 인증서 목록에서 관리 할 수..

최근 영어를 쓸 기회가 증가하고 있는데, 의미를 이해하는 수준에서 가독성과 이해의 용이성을 인식하는데 큰 격차가있는 것을 느끼고 있습니다. 일본어로도처럼 편안한 문장을 쓴다는 것은 매우 어려운 일입니다. 그 도움이 될 것 같은 것이 textlint-rule-write-good입니다. textlint의 하나로서, 문법의 가독성을 체크하여줍니다. extlint-rule-write-good 사용법 textlint-rule-write-good 설치는 npm을 사용합니다. $ npm install textlint textlint-rule-write-good -g textlint 명령의 옵션으로 규칙 textlint-rule-write-good을 지정합니다. 마지막으로 체크하는 텍스트 파일을 지정합니다. $ tex..

GitHub는 버전 관리하려는 문서와 다르게 Wiki에 의한 콘텐츠 관리 기능을 제공합니다. Markdown을 비롯해 각종 표기법으로 쓸 수 있기 때문에 간편한 CMS로 사용하는 사람도 많은 것이 아닐까요. 이 편집기 탭을 전환하여 편집 및 미리보기를 확인합니다. 많은 편집기에서 구현되는 좌우 표시로 실시간 미리보기가 좋은 분은 GitHub Wiki Live Edit를 사용해 보자. GitHub Wiki Live Edit 사용 GitHub Wiki Live Edit이 적용되지 않는 경우입니다. 도입 후. 좌우로 나누어 표시되어 있습니다. 각종 기법의 도움말이 추가되어 있습니다. 또한, 입력 할 때마다 반영되는 것은 아니고 약간의 시간차가 있습니다. 실제로 GitHub에서 호출하고 있기 때문 이지요. 문법..

태블릿이 보급하는데 함께 비주얼 프로그래밍에 관심이 집중되고 있습니다. 초등학생과 중학생을위한 프로그래밍 학습으로 사용되는 것은 물론, 더 프로그래밍 학습의 문턱을 낮추는 것이 매력입니다. 이번에는 비주얼 프로그래밍 환경의 하나로서 Chain을 소개합니다. Web 브라우저상에서 움직이기 때문에 즉시 시험 할 수있는 것이 매력입니다. Chain 사용 몇 블록을 붙였습니다. 오른쪽과 왼쪽을 드래그 앤 드롭으로 붙여갑니다. 블록의 종류는 다음과 같이됩니다. 값끼리 통신 블록을 사용하여 계산하거나 결합 할 수 있습니다. 또한 If이나 반복 블록 절대로 판정이나 반복 처리 할 수​​있게됩니다. 또한 함수화 큰 블록으로 할 수 있습니다. 대형 논리를 만들고자하면 Chain으로 표현하는 것은 힘들지도 모릅니다. 약간..

최근 도입이 증가하고있는 프로그래밍 언어로 Go이나 Rust 있습니다. 새로운 프로그래밍 언어를 배우는 것은 프로그래머에게 즐거운 것입니다, 언어 특유의 기술을 배우기위한 새로운 개발 방법을 알 수 있습니다. 이번에는 Rust로 만들어진 텍스트 편집기, Xi Editor를 소개합니다. Google에서 개발하고있는 Rust 제 편집기입니다. Xi Editor의 사용법 Xi Editor의 화면입니다. 지금은 Cocoa를 사용할 수있게되어, Mac OSX 용으로 개발되고 있습니다. 다른 플랫폼도 계획에 포함되어 있습니다. 일본어도 문제없이 처리 할 수​​ 있습니다. 전체 화면 기능도 있습니다. Xi Editor는 아직 매우 기본적인 편집기 기능 밖에 제공하지 않습니다. Xi Editor의 특징은 고성능 우아한..