오픈소스모음

Swift는 iOS / Mac OSX 애플 리케이션을 개발하는 프로그래밍 언어이지만, 오픈 소스 화 된 것으로 이용 범위가 확대되고 있습니다. 그 중 하나가 서버 사이드에서 사용할 수 있습니다. 그러나 실행할 수 있다고는하지만 중요한 것은 프레임 워크 것입니다. 이미 여러 서버 사이드 프레임 워크가 나와 있습니다 만, 이번은 Swift Express를 소개합니다. 이름 그대로 Express에 영향을받은 프레임 워크입니다. Swift Express 사용 Swift Express 예제 코드입니다. 상당히 알기 쉬운 것이 아닐까 생각합니다. 이 결과는 다음과 같이됩니다. 사용자로부터 입력 된 정보를 그대로 돌려주는 경우는 다음과 같이됩니다. app.get("/echo") { request in return A..

Web 사이트의 기본이라고하면 CMS (컨텐츠 관리 시스템)입니다. 그러나 동일한 CMS에 좋을까 말하면 그렇지 않고, C (콘텐츠)에 의해 시스템의 선정은 분류한다. 이번에 소개하는 IdeaSpace 지금 화제성이있는 VR 용 콘텐츠를 관리하는 CMS입니다. IdeaSpace 사용 관리 화면입니다. 테마가 일반적인 VR 개체의 다른 360도 동영상 용 테마도 있습니다. 신규 콘텐츠 추가 화면입니다. 콘텐츠의 화면입니다. VR 컨텐츠에 글자를 올릴 수 있습니다. 이것은 360도 동영상입니다. IdeaSpace은 모바일, 데스크톱 모두에 대응하고 있습니다. 게다가 Mozilla A-Frame이라는 VR 용 프레임 워크를 사용하는 것으로 효율적인 개발을 할 수있게됩니다. VR 전용 사이트를 만드는 경우 기반..

Web 시스템 필두로 할 수있는 것이 전자상거래가 아닌가 생각합니다. 상품을 나열하고 장바구니에 넣고 결제하는 ... 특히 중요한 것이 결제가 아닐까 생각합니다. 백그라운드 시스템이없는 그런 환경에서도 전자상거래를 만드는 ... 그런 시도가 Flatmarket입니다. Flatmarket 사용법 Flatmarket에 완전히 서버가 없는 것은 아니지만 지금 사용자에게 보이고 있는 정적 사이트입니다. 결제는 Stripe를 사용하고 있습니다. 마지막으로 카드 번호를 넣으면 구매 완료됩니다. 본래는 구매 완료 메시지가 나올 것입니다 만 오류가 버렸습니다. Flatmarket의 구조로서는 정적 사이트에서 상품을 선택, Stripe 결제 정보를 입력합니다. 결제가 완료되면 토큰을 서버에 보내고 서버 측에서 토큰을 가..

포모도로 기술은 인기있는 기술입니다. 25 분 집중하고 5 분 휴식을 반복 집중한다는 것은 매우 피곤한 것입니다. 5 분 휴식 후 다시 포모도로 타이머를 사용할 생각이 없다는 사람도 많습니다. 그런 분들에게 사용해 주셨으면가 Pomodoro :: Gui입니다. 자동으로 반복 해주는 포모도로 타이머입니다. Pomodoro :: Gui 사용법 Pomodoro :: Gui는 Ruby로 할 수 있습니다. gem install pomodoro-gui 로 설치할 수 있습니다. 사용법은 다음과 같습니다. Usage: pomodoro-gui [options] -r, --rest [REST] Choose rest time (in minutes) -i, --interval [INTERVAL] Choose pomodoro ..

Markdown 편집기는 Web GUI를 함께 증가하고 있습니다. 설치 불필요 사용할 분, Web 기반 것이 편리하다고는 생각 합니다만, 귀찮은 것은 네트워크가 없을 때입니다. 오프라인 상태에서도 사용가능한 에디터가 없을까요? 그래서 사용해보고 싶은 것이 Monod입니다. Web 기반이지만 오프라인 퍼스트 인 Markdown 편집기입니다. Monod 사용법 Monod의 화면입니다. 일반적인 Markdown 편집기입니다. 이모티콘을 지원하고 있습니다. 템플릿 기능이 있고, YAML 형식으로 템플릿을 사용할 수 있습니다. 예를 들어 project로 정의하면 [project] 부분이 교체됩니다. Monod는 React.js를 사용하여 만들어진 있습니다. 그러한 점도 주목할만한 것은 아닐까요. Markdown로..

Web 사이트에서 터미널풍의 인터페이스를 제공하는 서비스가 몇 있습니다. 클라우드 서버 시스템 서비스에서 일반화되어 있으며, 프로그래머를 위한 서비스도 몇 개인가 있습니다. 이번은 조금 색다른 소프트웨어를 소개합니다. JQuery Terminal Emulator Plugin은 그 이름과 같이, jQuery를 사용할 수있는 터미널풍의 UI입니다. JQuery Terminal Emulator Plugin 사용법 jQuery를 사용할 수 있으므로, 이런 느낌으로 DOM에 접근할 수 있습니다. JQuery Terminal Emulator Plugin은 어디 까지나 자신의 Web 브라우저에서만 처리하지만, jQuery를 사용하여 데이터를 오버라이드 수 있습니다. DevTools을 시작하지 않고 편리합니다. jQu..

Web 기반의 텍스트 편집기가 증가하고 있습니다. 종종 Markdown으로 쓸 수 있다는 점을 포인트로 하고 있습니다만, 이미 포화되고 있습니다. 다음 포인트는 어떤 것이 있을까요? 프로그래머로서 주목하고 싶은 것은 어떤 언어로 쓰여져 있냐는 것으로 Skew로 작성된 Web 기반의 텍스트 편집기, Sky를 소개합니다. Sky 사용법 Sky는 텍스트 편집기가 아닌 Canvas를 사용하는 것이 포인트입니다. 구문 강조도 효과가있는 것에 주목합니다. 일본어도 사용할 수 있습니다. Skew는 GUI / CUI / Web까지 해낼 프로그래밍 언어 (실제로는 JavaScript 나 C # 대안적인 언어)이지만, GUI의 경우 OpenGL을 Web의 경우 WebGL과 Canvas를 사용하고있는 것입니다. Canvas..

소셜 서비스로는 가장 큰 존재라고 말할 것이 Facebook입니다. 매일 대량의 사진이 업로드되고 있으며, 많은 사람들이 좋아요하거나 댓글을 작성하여 피드백하고 있습니다. 그런 사진을 블로그의 사이드 바에 게재하거나 그들을 모아 다른 서비스에 배포 할 것 같은 것이 Facebook Album Browser입니다. Facebook Album Browser 사용법 Facebook Album Browser의 데모입니다. 공개되어있는 사진 목록 수 있습니다. 마우스 오버시 자막이 나옵니다. 반응이 좋은 사진을 나열 할 수 있습니다. 이것은 블로그 등에서 사용할 수있을 것입니다. 카테고리로 나누어서 보는 것도 가능합니다. Facebook에 업로드하면 Facebook에 갇혀 생각이 있지만, Facebook Albu..

Web 사이트에 모바일과 데스크탑, 태블릿 등이 뒤섞여 액세스하게되면 각각 나누어 정보 전달을 실시하고 싶다고 생각하게됩니다. 또한 스마트 폰에서도 사용할 수있는 기능이 다르거 나하고 따라서 처리 분류가 복잡하게되어 있을지도 모릅니다. 그래서 사용해보고 싶은 것이 Spec.js입니다. 세부적으로 단말기의 정보를 좁힐 수있는 라이브러리입니다. Spec.js 사용법 Spec.js 데모입니다. 사용자 에이전트를 사용하여 각종 기능이나 스펙을 알 수 있습니다. 예를 들어 iPhone 6의 경우는 다음과 같이됩니다. var ua = new UserAgent(); // iPhone 6var spec = new Spec(ua);spec.UNKNOWN // -> falsespec.SOC // -> "A8"spec.GP..

YouTube는 블로그 나 미디어 사이트 등 많은 Web 사이트에 포함되어 사용되고 있습니다. YouTube 본체가 소스 코드를 공개하고 있기 때문에 그것을 사용하는 것이 가장 간편하지만, iframe 태그가 너무 많다고 사이트가 무거워지고, 표시 한 시점에서 YouTube에 액세스 정보를 건너기도 좋은 기분이 없을 것입니다. 그래서 사용해보고 싶은 것이 Youtube-video-gallery입니다. YouTube 동영상을 몇 원본 문서 나란히보기도 편안하고 갤러리보기 라이브러리입니다. Youtube-video-gallery 사용 데모입니다. 이 상태는 어디 까지나 이미지이므로 표시가 빠릅니다. Youtube-video-gallery jQuery를 사용하고 있기 때문에 이미 익숙한 사람도 많은 것이 장점..