오픈소스모음

블로그 시스템으로 Medium이 인기입니다. 심플한 UI로 글을 쓰는 목적에 적합합니다. 특히 편집기가 잘되어 있고 각 섹션에 동영상이나 사진을 삽입하거나 문장을 장식 할 때 표시되는 도구 모음도 좋은 느낌입니다. 그런 Medium 편집기를 흉내 낸 것이 Dante입니다. 자신의 서비스에 Medium 바람 에디트 기능을 이용하고 싶은 분은 꼭 사용해보세요. Dante 사용법 문장을 선택하면 툴팁에 장식 기능이 나옵니다. 링크는 플로팅으로 대상 URL을 알 수 있습니다. 링크를 삽입하는 곳. 이미지의 캡션을 입력합니다. 사진, 동영상 포함 된 URL을 지정할 수 있습니다. 실제로 조작 Dante는 고정 툴바가있는 것은 아니기 때문에 장문을 쓰고있을 때에는 사용하기 쉬운 것입니다. 또한 동영상이나 이미지, ..

JavaScript의 사용 폭이 넓어 있습니다. 원래 Web 브라우저 정도였던 것이 서버 사이드에서 움직이고 스마트 폰에서도 움직임이고 작은 IoT 디바이스에서도 움직이게되어 있습니다. 이번에 소개하는 Espruino Web IDE는 Espruino는 IoT 디바이스에 대응하는 코드를 작성하기위한 Web IDE입니다. Espruino Web IDE 사용 메인 화면입니다. 오른쪽에 JavaScript 코드가 있지만, LED1 어떤 것이 특징적입니다. 코드으로 500ms마다 LDE의 ON / OFF를 반복합니다. 코드를 배포하는 포트를 선택할 수 있습니다. 블록을 사용한 비주얼 프로그래밍 환경도 준비되어 있습니다. 블록은 다수 준비되어 있기 때문에 그들을 잡고 처리를 써서갑니다. Espruino Web ID..

최근 Web의 접근성라는 말이 주목 받고 있습니다. 그것만 Web이 일반화되어 왔다는 것입니다. 단순히 문자가 크면 좋다고하는 것은 아니고, 만명에게 편리한 시스템이라는 것을 생각해야합니다. 그 접근성에 주목 해 만든 모달 라이브러리가 Modaal입니다. Modaal 사용법 Modaal 접근성의 기준 인 WCAG 2.0 레벨 AA에 따라 개발되고 있습니다. 데모 코드입니다. 우선 양식. Instagram의 표시. Modaal은 iframe / Ajax 단수 / 복수 이미지, 동영상 등 다양한 컨텐츠를 제공하고 있습니다. 접근성이 높은 모달 모두에게 사용하기 쉬운 시스템을 목표로하는 분은 꼭 사용해보세요. Modaal는 JavaScript로 만든 오픈 소스 소프트웨어 (MIT License)입니다. Mod..

Dropbox 나 Google Drive, Box, OneDrive 등 클라우드 파일 공유를 사용하는 것이 일반화되고 있습니다. 이 서비스의 특징은 어떤 서버가 있고, 거기에 데이터를 중앙에서 관리됩니다. 이 경우의 위험은 서버가 공격되어 데이터가 유출 해 버리는 것입니다. 그것을 막을 수있는 것이 Syncthing입니다. 분산 파일 동기화 도구라는 것이 가장 큰 특징입니다. Syncthing 사용법 실행하면 Web 브라우저에서 관리 화면이 표시됩니다. 각 폴더에 공유 설정을 할 수 있습니다. Windows, Linux도 지원하고 있습니다. 공유하면 액세스 권한이 필요합니다. 다른 장치에게 컴퓨터가 등록됩니다. Syncthing를 사용함으로써 P2P 파일 공유 수 있습니다. 하나의 폴더에서 공유 폴더를 ..

업무 시스템에서 자주 사용하는 파일 형식이 PDF가 아닌가 생각합니다. 자주 사용하는 것만으로 PDF를 기반으로 다른 사용법을 생각하고 있습니다 만, 아무래도 재사용 성이 매우 나쁜 포맷이기도합니다. 그래서 사용해보고 싶은 것이 Origami입니다. Origami는 Ruby로 만들어진 PDF 파일을 조작하는 라이브러리입니다. Origami 사용법 Origami가 제공하는 명령들입니다. pdf2graph pdf2pdfa pdf2ruby pdfcocoon pdfcop pdfdecompress pdfdecrypt pdfencrypt pdfexplode pdfextract pdfmetadata pdfsh pdfwalker 분석하는 계의 라이브러리가 많지만 그 중에 pdf2ruby라는 것이 있습니다. 실행하면 P..

Web에서의 커뮤니케이션의 기본은 포럼에서는 아닐까요. 시스템은 옛날부터 있지만, 아직 새로운 기술이 나오고 있습니다. 또한 새로운 프로그래밍 언어와 프레임 워크가 나오면 포럼이 만들​​어 지기도합니다. 이번에는 Ruby on Rails를 사용한 포럼, Thredded을 소개합니다. 깔끔한 디자인의 사용하기 쉬운 것 소프트웨어입니다. Thredded 사용법 메인 화면입니다. 먼저 카테고리가 나열됩니다. 테마를 변​​경할 수 있습니다. 카테고리 안에는 스레드 목록이 있습니다. 스레드에 댓글 목록이 정렬됩니다. 사용자를 선택하면 참여하고있는 thread가 표시됩니다. 설정 화면입니다. 댓글은 승인제도됩니다. Thredded의 디자인은 심플한 것이 좋다. 코멘트는 사용자 등록자 밖에 없습니다. 단순하기 때문에..

HTML5되어 Web의 표현력은 현격히 향상하고 있습니다. 특히 JavaScript와 관련하여 대화식으로 변화하는 차트는 임팩트가 강하고 사용자에게 호소력도 강해집니다. 하지만 만들기가 어렵다는 것이 문제입니다. 해결책으로는 다양한 차트 라이브러리를 알고 표현하고 싶은 것에 맞춰 라이브러리를 선택하는 것이 좋습니다. 그래서 이번 기사는 Sankey를 소개합니다. Sankey 사용법 Sankey에서 그릴 차트입니다. 좌우를 연결하는 것입니다 만, 중간에 다른 노드를 병합 할 수 있습니다. 마우스 오버에서 특정 노드 부분 만 강조 할 수 있습니다. 움직이고있는 곳입니다. Sankey에서 좌우로 노드를 배치하고, N 대 M에 연결 할 수 있습니다. 그것을 마우스 오버으로 강조하여보고 싶은 부분을 눈에 띄게 할..

Docker를 사용하고 있으면 압니다 만 \이미지를 만들거나 컨테이너를 시작하거나하고 점차 기록이 쓰레기처럼 쌓여갑니다. 물론 필요한 경우도 있는데, 개발 도중이 필요하기도합니다. 그 정리를 해주는 것이 Docker-Clean입니다. 간단한 명령 Docker에 불필요한 자원을 정리 해줍니다. Docker-Clean 사용법 Docker-Clean으로 이미지를 삭제합니다. $ docker-clean imagesNo containers To clean!Cleaning images...Error: No such image or container: 178ab09fdd10Error: No such image or container: 178ab09fdd10Error: No such image or container:..

서버 사이드에서 이미지 가공을 할 경우 ImageMagick을 사용하는 것이 기본이 될 것입니다. 그러나 최근 ImageMagick에 보안 허점이 있고, 서버의 부하를 생각하고 사용을 앞두고 버리는 사람도있는 것은 아닐까요. 그래서 사용해보고 싶은 것이 grafi.js입니다. JavaScript에서 이미지 가공을 실시 라이브러리입니다. grafi.js 사용 원본 이미지입니다. 포지티브 반전. 어둡게. 그레이 스케일도. 흐림. 샤프 가공. grafi.js 절대로 클라이언트 측 이미지 가공이 가능합니다. 원본 이미지는 그대로이므로, 여러 번 가공 할 수있는 것이 매력이기도합니다. 또한, 일부 가공 (흐림 등)은 사용할 수없는 브라우저도 있었으므로주의하십시오. grafi.js는 HTML5 / JavaScrip..

비밀번호 관리는 무엇을 사용하고 있을까요? 개인적으로 1Password를 사용하고 있습니다 만, GUI는 사용하고 싶지 않은 분들도있을 것입니다. 또한 사내에서 다른 사람과 암호를 공유하고 싶은 경우도있을 것입니다. 이번에 소개하는 passgo는 CUI에서 사용할 암호 관리입니다. 데이터 관리에 GitHub를 사용할 수있게되어 있고, 그룹 내에서 공유 할 수 있습니다. passgo 사용법 passgo는 insert를 사용하여 암호를 등록합니다. 단순히 passgo을 실행하면 등록 된 사이트 목록이 표시됩니다. $ passgo.├──www.moongift.jp├──test└──test2generate를 사용하여 암호를 생성 할 수 있습니다. $ passgo generate`q92pR^{vCg8!kYa(.r..