오픈소스모음

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

최근 몇 년간 정부와 자치 단체의 오픈 데이터의 움직임이 높아지고 있습니다. 정부 나 지자체 등에서는 많은 데이터를 가지고 있지만, 그들을 어떻게 오픈 해 나갈 것인가, 어떻게 데이터를 관리하는 방법을 생각하게합니다. 그리고 오픈했다고 해서 끝나는것이 아니고, 어떻게 사용하는가가 중요합니다. 그래서 사용해보고 싶은 것이 JKAN입니다. 간단한 오픈 데이터 포털입니다. JKAN 사용법 JKAN는 링크집으로, 스스로 데이터를 관리하는 것은 아닌 것 같습니다. 이곳은 인덱스입니다. 카테고리를 선택하면 일치하는 데이터 세트가 나열됩니다. 상세입니다. 형식을 확인할 수 있습니다. 각 포맷을 선택하면 데이터가 표시됩니다. 이것은 실제로 데이터를 제공하는 지자체의 사이트입니다. 조직의 목록과 그곳에서 제공하는 데이터..

FinTech의 고조도 블록 체인 기술과 그것을 사용한 BitCoin이 여전히 뜨겁다. 거기에는 선진적이고 재미있는 기술이 사용되고 있기 때문에 기술적인 후킹이 발생하느니 통화 시스템으로 문제가있다느니 다양한 문제를 제기하고 있지만, 실제로 사용하고 있습니다. 기술자로서 매우 관심이 커질 분야 인만큼, 그에 얽힌 많은 소프트웨어가 만들어지고 있습니다. 이번에는 그 하나 Satoshi Visualizer를 소개합니다. Satoshi Visualizer 사용법 Satoshi라고하는 것은 BitCoin 최소 통화 단위 인 Satoshi입니다. 0.00000001BTC = 1Satoshi됩니다. Google Chrome에서 표시 한 경우. 음악이 흐르고있어 이를 시각화하고 있는지, BTC의 숫자를 시각화하고 있..

최근 사진은 고해상도로 되어있어 간단하게 표시 한 것만으로는 세세한 부분까지 확인할 수 없게되어 있습니다. 모처럼 찍은 사진에 대해 상세한 부분까지보고 싶은 보았으면 좋겠다고 생각하는 것은 아닐까요. 그래서 사용해보고 싶은 것이 jfMagnify입니다. 돋보기 도구를 사용하여 아주 작은 부분까지 볼 수있는 라이브러리입니다. jfMagnify 사용법 데모입니다. 마우스로 돋보기 부분을 드래그하여 이동할 수 있습니다. 새로운 생각은 돋보기 옆에있는 확대 / 축소 버튼입니다. 확대하면 더 잘 확인할 수 있습니다. 자고있는 남성의 얼굴도 확인할 수있었습니다. jfMagnify 단순히보고있는 사진을 확대하고있다뿐입니다 만, Retina 디스플레이 등으로 2 배 해상도의 사진을 표시하는 경우는 보다 효율적으로 확인..

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

Web 사이트의 기념적인 항목이나 페이지를 만들 때 세로로 만든 타임 라인이 자주 사용됩니다. Web 페이지는 세로로 스크롤되는 것이 많기 때문에 , 스크롤 할 때마다 경과 시간을 나타낼 수 있습니다. 그런 사이트를 만들 때 사용할 수있는 것이 Blueprint : Vertical Timeline입니다. 센스있는 타임 라인 페이지를 만들 수있을 것입니다. Blueprint : Vertical Timeline 사용법 Blueprint : Vertical Timeline의 데모입니다. 일시 및 콘텐츠 아이콘이 함께 표시되어 있습니다. 리스판시브 대응입니다. 스마트 폰 크기로도 쉽게 볼 수 있습니다. Blueprint : Vertical Timeline은 심플한 디자인이지만 그만큼보기 쉬운 것이 아닐까요. 세..

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

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