오픈소스모음

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..

jQuery는 오래된 자바스크립트 프레임워크. 무겁다 등의 말을하면서도 여전히 가장 사용되고있는 라이브러리 인 것은 아닐까요. 그만큼 편리하고 사용하기 편리한 것입니다. 그러나 모두가 모든 기능을 사용하고 있는지라고하면 이상한 생각이 듭니다. 사용하는 기능이 DOM 조작 얼마면 Cash로 전환하는 것도 좋을지도 모릅니다. Cash는 가벼운 jQuery 대체합니다. Cash의 사용법 Cash는 크기가 jQuery의 1/10입니다. 또한, 비압축의 경우 20.6K 이것은 jQuery (287K)의 1/14 정도입니다. 크기가 작은 것은 중요하지만, 무엇보다 코드가 이해하기 쉽다는 것이 좋은 것이 아닐까요. 지원하는 기능은 다음과 같은 방법입니다. addClass css data height off attr ..

애니메이션 GIF를 만드는 방법은 몇가지가 있지만 대부분의 경우는 동영상을 준비하여 그것을 변환하여 작성합니다. 이미 동영상이 있으면 좋지만, 처음부터 만들 때 스마트 폰을 사용하거나 하면 매우 번거롭습니다. 무엇보다 스마트 폰은 고화질이기 때문에 동영상의 크기가 커져 버립니다. 그래서 사용해보고 싶은 것이 face to gif입니다. Web 카메라를 사용하는 것으로 매우 간단하게 애니메이션 GIF를 만들 수 있습니다. face to gif 사용법 face to gif를 표시 한 곳입니다. Chrome 등 getUserMedia에 대응 한 브라우저이어야합니다. 레코드 버튼을 눌러 멈 추면 애니메이션 GIF가 생성됩니다. face to gif는 외부 이미지 공유 서비스에 게시 할 수 있습니다. Web 카메..

React의 개발은 데이터의 상태가 중요하고, 저장해 두지 않으면 다시 로드하면 원래대로 돌아갑니다. 이제 상태가 변화하는 가운데에서 개발할 때는 이상합니다. 그렇다고이를 위해 데이터를 변경하는 것도 귀찮은입니다. 그래서 사용해보고 싶은 것이 React Storybook입니다. 스토리라는 단위를 사용하여 데이터의 상태를 나누어 관리 할 수​​ 있습니다. React Storybook 사용법 데모 Todo 어플입니다. 데이터를 추가하면 그것이 로거에 표시됩니다. 왼쪽의 메뉴에서 선택하면 데이터가 표시되어있는 버전을 선택할 수있었습니다. 또한 미완료 작업보기를 선택했습니다. 여기에는 두 가지의 작업 상태 필터링 기능이 붙은 화면입니다 지우기가 있는 버전입니다 React Storybook를 사용하면 UI 구성 ..

액세스 해석을 사용하면 사용자가 어떻게 방문하고 있는지 알 수 있습니다. 그러나 페이지에서 어떤 식으로 움직이는 지 모릅니다. 거기에 뭔가 문제가있어 페이지를 닫아 버리고있는 가능성도 있습니다. 그런 사용자의 작업을 기록, 재현 해주는 것이 Spy입니다. 액세스 해석과 함께 사용해 보면 재미있을 것입니다. Spy 사용법 Spy의 움직임입니다. 자신이 한 마우스 조작이 그대로 재현됩니다. Spy 페이지를 표시하는 순간부터 기록이 이루어지고 있습니다. 그리고 데이터를 순차적으로 업로드 할 수 있습니다. 이 데이터를 합쳐서 사용자가 수행 한 작업 (클릭 스토 등)을 재현 할 수있는 구조입니다. 프라이버시에 대한 배려는 필요하지만, Web 사이트의 테스트와 함께 사용해도 좋을 것입니다. Spy는 JavaScri..

텍스트만으로 모든 것을 설명하고자한다 무심코 글이 많아지는 경향이있다. 그러나 단축시키면 너무 전해지지 않게되어 버립니다. 균형이 중요하지만, 그것은 종이와 같은 정적 텍스트의 경우라고 할 수 있습니다. Web이면 더 동적으로 사용자 조작에 따라 콘텐츠를 제공 할 수도있을 것입니다. 그래서 사용해보고 싶은 것이 Expounder입니다. Expounder 사용법 Expounder 데모입니다. 밑줄이있는 문자를 클릭하면 내용이 추가됩니다. 주로 단어의 설명이거나 보충하는 내용을 표시 할 수 있습니다. 단어를 이미 알고있는 사람에게하면 중복적인 설명은 필요 없으며 툴팁처럼 마우스를 맞추고 않아도되는 것이 편리합니다. 문장은 다음과 같이 준비합니다. In the land of Mordor, in the fire..

메모하는 것은 중요한 것으로, 축적 된 메모는 후일 큰 의미를 가지고 있습니다. 따라서도 쉽게 할수 있어야 하며 한 곳에 모아 쓸 수있게해야합니다. 산재되어 있는 메모는 검색에 크게 도움이되지 않습니다. 회사라면 메모는 모두 한 곳에 담아 두어야 합니다. 이를 통해 몰랐던 새로운 지식으로 갈 수도 있습니다. 그것을 가능하게하는 것이 Crowi입니다. Crowi 사용법 먼저 로그인합니다 여기가 주 화면에서 뷰어에 해당합니다. 여기에는 프로필 화면. 이 화면을 편집 할 수 있습니다. 오른쪽 상단의 아이콘을 클릭하면 새 메모를 작성할 수 있습니다. 편집 화면입니다. Markdown을 사용합니다. 이미지 업로드는 드래그 앤 드롭 할 수 있습니다. 자동으로 URL이 바뀌어 미리보기도 업데이트됩니다. 업데이트 내역..