인터넷에 다양한 커뮤니케이션 수단이 많습니다. 그 중 메일은 아직도 꾸준한 인기가 있습니다. 특히 구독 할 것도없는 것이지만 서비스를 출시하는 등의 업데이트가 있으면 알고 싶은 경우에 유용합니다. 그런 뉴스 레터 시스템을 구축 할 수있는 것이 mailtrain입니다. MailChimp컨셉의 시스템으로되어 있습니다. mailtrain 사용법 톱 페이지입니다. 먼저 로그인합니다. mailtrain 설정 화면입니다. 우선 목록을 등록합니다. 목록 아래에 회원이 붙습니다. 이용자가 사용하는 등록 양식입니다. 메일 템플릿 기능. 이름 등은 변수화되어 있습니다. 캠페인을 만들어 효과 측정도 할 수 있습니다. mailtrain 스스로 자신의 뉴스 레터 시스템을 구축 할 수 있습니다. 스팸을 보내거나 목적 외의 이용은..
애니메이션 GIF를 만드는 방법은 몇가지가 있지만 대부분의 경우는 동영상을 준비하여 그것을 변환하여 작성합니다. 이미 동영상이 있으면 좋지만, 처음부터 만들 때 스마트 폰을 사용하거나 하면 매우 번거롭습니다. 무엇보다 스마트 폰은 고화질이기 때문에 동영상의 크기가 커져 버립니다. 그래서 사용해보고 싶은 것이 face to gif입니다. Web 카메라를 사용하는 것으로 매우 간단하게 애니메이션 GIF를 만들 수 있습니다. face to gif 사용법 face to gif를 표시 한 곳입니다. Chrome 등 getUserMedia에 대응 한 브라우저이어야합니다. 레코드 버튼을 눌러 멈 추면 애니메이션 GIF가 생성됩니다. face to gif는 외부 이미지 공유 서비스에 게시 할 수 있습니다. Web 카메..
Web 기술이 진보하고있는 것도 있고, 특히 UI 나 JavaScript와 연계한 움직임의 제어는 어려움이 따릅니다. 그래서 사용해보고 싶은 것이 CrossUI JavaScript 용 RAD 툴입니다. CrossUI 사용법 CrossUI에서는 풍부한 UI를 가진 Web 응용 프로그램을 쉽게 개발할 수 있습니다. 이러한 D & D에서 화면 설계 할 수있는 도구도 있습니다. 또한 이미지 편집 소프트웨어. Outlook 스타일 UI. 주문 관리 시스템. 데이터베이스 관리자. 순서도. 표 계산. CrossUI 조금 고풍 (YUI 느낌)의 UI가 되고 있습니다만, 비즈니스 애플리케이션으로는 충분한 디자인입니다. 그 동안 스프레드 시트를 표시하거나 Windows 응용 프로그램의 편리한 화면을 재현 할 수 있습니다...
액세스 해석을 사용하면 사용자가 어떻게 방문하고 있는지 알 수 있습니다. 그러나 페이지에서 어떤 식으로 움직이는 지 모릅니다. 거기에 뭔가 문제가있어 페이지를 닫아 버리고있는 가능성도 있습니다. 그런 사용자의 작업을 기록, 재현 해주는 것이 Spy입니다. 액세스 해석과 함께 사용해 보면 재미있을 것입니다. Spy 사용법 Spy의 움직임입니다. 자신이 한 마우스 조작이 그대로 재현됩니다. Spy 페이지를 표시하는 순간부터 기록이 이루어지고 있습니다. 그리고 데이터를 순차적으로 업로드 할 수 있습니다. 이 데이터를 합쳐서 사용자가 수행 한 작업 (클릭 스토 등)을 재현 할 수있는 구조입니다. 프라이버시에 대한 배려는 필요하지만, Web 사이트의 테스트와 함께 사용해도 좋을 것입니다. Spy는 JavaScri..
메모하는 것은 중요한 것으로, 축적 된 메모는 후일 큰 의미를 가지고 있습니다. 따라서도 쉽게 할수 있어야 하며 한 곳에 모아 쓸 수있게해야합니다. 산재되어 있는 메모는 검색에 크게 도움이되지 않습니다. 회사라면 메모는 모두 한 곳에 담아 두어야 합니다. 이를 통해 몰랐던 새로운 지식으로 갈 수도 있습니다. 그것을 가능하게하는 것이 Crowi입니다. Crowi 사용법 먼저 로그인합니다 여기가 주 화면에서 뷰어에 해당합니다. 여기에는 프로필 화면. 이 화면을 편집 할 수 있습니다. 오른쪽 상단의 아이콘을 클릭하면 새 메모를 작성할 수 있습니다. 편집 화면입니다. Markdown을 사용합니다. 이미지 업로드는 드래그 앤 드롭 할 수 있습니다. 자동으로 URL이 바뀌어 미리보기도 업데이트됩니다. 업데이트 내역..
최근 애니메이션 GIF를 사용하여 소프트웨어의 작동을 표현하는 경우가 많아지고 있습니다. YouTube 등과 달리 쉽게 반복 보이는 동영상이 만들 수있는 것이 장점입니다. 하지만 GIF 애니메이션 제작시 소재로 동영상에서 변환하는 경우는 많습니다. 이번에 소개하는 오픈 소스 소프트웨어는 mov2gif 동영상을 애니메이션 GIF로 변환 해주는 명령어입니다. mov2gif 사용법 mov2gif은 CLI 소프트웨어이므로 인수로 동영상 파일을 전달합니다. 그 밖에도 몇 가지 옵션이 있습니다. 예를 들면 다음과 같습니다. 최적화 옵션은 숫자를 크게해도 크게 다르지 않았습니다. 프레임 속도를 낮추면 이미지 크기는 작아집니다. 명령을 사용한 예입니다. mov2gif input.movmov2gif --frame=12 ..
업무 시스템이라고하면 그리드 테이블이 요구됩니다. 처음에는 HTML로 쉽게 만들지만, 곧 추가 기능이 요구됩니다. 정렬, 필터링, 머리글과 왼쪽 열을 고정 해 주었으면 한다고도 요청합니다. 그런 귀찮은 요구를 스크래치로 지원하는 것은 매우 시간이 소요됩니다. 그럴 때는 꼭 handsontable을 시도해 봅시다. handsontable 사용법 handsontable에 많은 기능을 제공합니다. 우선 페이지네이션 비밀번호를 숨길 수 있습니다. 새 행을 만들 때 placeholder를 표시합니다. 포커스가있는 셀을 강조. 셀을 세세하게 커스터마이즈. 이미지를 포함할 수 있습니다. 정렬도 물론 있습니다. 입력 검증도 가능합니다. 머리글과 왼쪽의 열을 고정. 아래 오른쪽 방향 카피가능. 셀 병합. handsont..
SVG 콘텐츠는 재미있어, Flash와 같은 애니메이션도 지원하고 있습니다. 콘텐츠를 서서히 그려 나갈 수 있도록 하기만 하면 됩니다. 수작업으로 실현하는 것은 무리가 있을 것입니다. 그래서 사용해보고 싶은 것이 Yarrow입니다. HTML 프리젠 테이션 등과 결합하면 효과적 일 수 있습니다. Yarrow 사용법 실제로 움직이고있는 곳입니다. 나중에 선이 당겨지는 것을 알 수 있습니다. 선에 문자를 올릴 수 있습니다 소스가되는 곳에서 선이 시작한다는 연출도 가능합니다. 섹션의 상자를 향해 뻗어나가는 애니메이션도 가능합니다. 그래프의 포인트를 향해 당겨지는 데모. 이것은 효과가있을 것입니다. D3와 함께합니다. 그래프가 그림에서 단순히 화살표가 그려져있는 것만으로 시선을 끌기 쉽지 않습니다. 그래서 애니메..
프로그래머의 성과는 작성한 코드 대응하는 Issue에 나타납니다. 그런데도 일보를 내면되면 "○○ 시스템 개발 5 시간 '라고 써 버리거나합니다. 이것으로는 구체성이없이 상태의 좋고 나쁨도 모릅니다. 그래서 사용해보고 싶은 것이 github-nippou입니다. GitHub를 사용하여 일상적인 개발을 관리하고 있다면 시도해 보면 좋을 것입니다. github-nippou 사용법 github-nippou 명령을 두드리는 것뿐입니다. 그러면 user_events에 실려있는 정보를 목록에서 구해줍니다. 그리고 난 후, 이 중에서 선택하면됩니다. Issue에서 작업을 관리하고 있으면 매우 사용하기 쉬운 것입니다. 도움말은 다음과 같이되어 있습니다. github-nippou는 Issues을 가져 오기 때문에 Issu..
CMS라고하면 WYSIWYG를 사용하여 콘텐츠를 생성 해 나가는 이미지가 있습니다. 그 때 사용하는 키보드가 기본으로 입력 해 나간다고하는 이미지입니다. 그런 개념을 깨줄 것 같은 CMS가 나타났습니다. PHP로 만들어진 CMS, Sitecake인데 내용을 드래그 앤 드롭으로 만들어가는 그런 새로운 개념의 CMS입니다. Sitecake 사용법 우선 인증을 실시합니다. 로그인하면 도구 모음이 표시됩니다. 이것은 드래그로 이동할 수 있습니다. 텍스트를 선택하면 링크 입력 상태가됩니다. 텍스트 콘텐츠의 편집은 키보드입니다. 여기에 드래그 앤 드롭합니다. 이미지 교체를합니다. 재미있는 것은 외부 사이트의 이미지를 그대로 드래그 앤 드롭하여 넣을 수 있습니다. 동영상도 드래그 앤 드롭 할 수 있습니다. YouTu..
- Total
- Today
- Yesterday
- software
- cui
- 소프트웨어
- Mac OSX
- LGPL
- Open Source JavaScript
- node.js
- Web
- HTML5
- GUI
- go
- GitHub
- Web API
- MIT 라이센스
- mit license
- 웹 API
- GPL
- SVG
- Web 오픈 소스
- javascript
- 디자인
- github에
- 오픈 소스
- Web 오픈 소스 JavaScript
- 텍스트
- linux
- CMS
- 자바 스크립트
- GPL v3
- License MIT
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |