사무실에서 일을 철저하게 사용되고있는 것이 Excel입니다. 장인들의 손에 걸리면, 스프레드 시트뿐만 아니라 모든 장면에서 Excel이 사용됩니다. 메일로도 보내지고 수정되어 복사하여 수정 ... 그리고 많은 사람들에게 사용되고 있습니다. 그 결과, 많은 복사본과 어느 것이 최신인지 무엇이 다른지 모르겠다라고 하는 Excel 파일에 미치고 환장할 지경입니다. 그 때 사용해보고 싶은 것이 ExcelCompare입니다. ExcelCompare 사용 ExcelCompare 두 Excel 파일을 지정하고 차이를 추출합니다. 이런 식으로 시트마다 셀마다 다른 부분이 추출됩니다. 비주얼 적으로 나오는 것이 아니라 CUI로 표시됩니다. 또한 일본어도 문제 없습니다. 명령 옵션으로 무시하는 셀 범위 나 워크 시트 등을..
iOS 앱 개발시 CocoaPods이 많이 사용되고 있습니다. 사용법은 그리 어려운 것은 아니지만, 라이브러리 관리만을위한 터미널을 시작하거나 명령을 실행하는 번거롭다고 생각하는 사람도있을 것이다. 그래서 사용해보고 싶은 것이 CocoaPods.app입니다. CocoaPods 공식 독립형 응용 프로그램입니다. CocoaPods.app 사용 CocoaPods.app을 시작. Podfile있는 장소를 로드하는 것 같습니다. Podfile 편집 할 수 있습니다. 설치를 실행할 수 있습니다. CocoaPods.app 절대로 Podfile 사용 작업을 GUI상에서 할 수있게합니다. 터미널을 열지 않기 때문에 좋기 때문에, 디자이너 분들이 Podfile를 조작한다고했을 때에도 도움이됩니다. CocoaPods.app..
iPhone 6s 이후에 등장한 3D Touch 기능은 끝까지 누르라는 작업이 추가되었습니다. 별로 지원하는 응용 프로그램이 많지 않은 것처럼 느낍니다 만, 링크를 확인하고 메시지를 실시간 확인하는 등의 목적에 유용합니다. 이러한 기능을 피크와 팝이라고합니다. 그런 PeekPop 기능을 이전 iOS에서도 사용할 수 있도록하는 것이 PeekPop입니다. PeekPop 사용법 사진이 나열되어 있습니다. 하나의 사진을 길게 눌러 계속합니다. 이 피크에 해당합니다. 그러면 팝업 표시됩니다. 놓으면 목록으로 돌아갑니다. 실제의 동작입니다 PeekPop는 약간 길게 눌러 계속 작업을 통해 3D Touch 상당의 기능을 실현하고 있습니다. iOS8 이상에서 사용할 수 있습니다. 3D Touch 기능을 제공하면서 기존..
인기있는 응용 프로그램에서 배울 것은 많다. 특히 스마트 폰 응용 프로그램에 UI / UX에서 인기있는 앱은 재미있는 구현을 하고있는 것이 많아, 거기에서 배우고 얻어 갈 점이 많이 있습니다. 이번에는 Instagram의 사진 브라우저 기능을 흉내낸 Fusuma을 소개합니다. Fusuma 사용법 Fusuma을 사용하고 있는 예입니다. 위에 큰 사진을 내 놓음으로써 선택 이전의 확인이 용이합니다. 또한 움직일 수 있으므로 세심하게 확인하는 것도 간단합니다. 사진 선택시 이러한 UI되어 있으면 작업하기 쉬워지는 것입니다. 실제 사용도 let fusuma = FusumaViewController()fusuma.delegate = selfself.presentViewController(fusuma, animat..
Placeholder는 최근 웹에서 당연한 듯이 사용되게되어 있습니다. 입력 부분에 미리 문자를 줘서 입력시에 힌트를 명시 할 수 있습니다. 사용자로서도 매우 유용합니다. 그런 Placeholder를 한 걸음 더 나아가 본 것이 superplaceholder.js입니다. 어디가 슈퍼인지, 그것은 문자가 움직이는 것입니다. superplaceholder.js 사용 데모입니다. 무엇을 입력해야하는지 또한 어떤 문자를 입력해야되는지를 명시하고 있습니다. 양식의 예입니다. 암호의 예 등도 낼 수 있습니다. 문자 쓰기 속도도 변경할 수 있습니다. Placeholder 애니메이션한다는 것은 꽤 참신하고 재미있는 아이디어입니다. 많은 정보를 담기에는 Placeholder를 읽기가 어렵게 되는 경우가 있기 때문에, 애..
node 용 응용 프로그램을 만드는 경우 JavaScript를 쓰고 node 명령으로 실행하는 것을 반복합니다. 그러나 최근 Web에서는 약간의 변경을 할 때마다 자동 리로드를 걸어 확인해 가는 것이 당연하게되어 있습니다. 그런 구조를 node 응용 프로그램에서 가져온 것이 esbox입니다. 명령을 치면 변경 될 때마다 다시 실행 해줍니다. esbox 사용법 esbox를 실행하는 곳입니다. 실행 결과가 표시됩니다. 코드를 변경할 때마다 결과가 변해갑니다. esbox을 라이브 데모 실행하거나 프로그래밍 학습 콘텐츠와 맞추거나하면 재미 있을지도 모릅니다. 저장할 때마다 평가되므로 세밀하게 실행 결과를 확인할 수있는 것입니다. esbox는 node / JavaScript로 만든 오픈 소스 소프트웨어 (MIT ..
인터넷에서 수익을 올리는 방법으로 유력한 것이 광고입니다. 그런 광고 시스템은 초당 수천 수만이라고도 말할 요청을 처리하고 있으며, 프로 테크는 하나의 장르로 확립 정도로 정교한 기술이 사용되고 있습니다. 이번에는 그런 광고를 표시하는 처리 부분에 대해, JavaScript로 처리하는 Prebid.js을 소개합니다. Prebid.js 사용 데모입니다. 왼쪽에 표시되는 것이 광고입니다. 다시로드하면 다른 광고가 표시됩니다. Prebid.jsが対応しているのは下記の広告システムです。ほぼ英語圏のものでしょう。AOLAppNexusIndexOpenXPubmaticRubiconSovrnYieldbotPulsePointAdformbRealTimeSpringServeTripleLiftNginAd이러한 광고 시스템에서 클릭당..
YouTube에 재미있는 동영상이 많이 업로드되어 있습니다. 그 일부를 발췌하여 애니메이션 GIF로하고 싶은 것은 아닐까요. 동영상을 다운로드하고 일부를 잘라 애니메이션 GIF로 변환하는 ... 생각 만해도 귀찮은 작업입니다. 그래서 사용해보고 싶은 것이 youtube-to-gif입니다. 일련의 단계를 한방에 실시해주는 명령입니다. youtube-to-gif 사용 사용법은 간단하고 URL과 시작 시간 그리고 녹화 시간을 지정하면됩니다. youtube-to-gif -u https://www.youtube.com/watch?v=NqxSgp385N0 -b 30 -d 5 실행하면 아래와 같이 애니메이션 GIF가 생성됩니다. 이미지의 크기도 변경할 수 있지만,이 정도가 딱 좋을 것입니다. YouTube 동영상에서..
React를 본격적으로 사용하는데있어서 많은 구성 요소가 필요합니다. 그 기초가되는 것이 그리드는 아닐까요. 그리드가 만들어지면 그 안에 내용을 배치하고 정리된 레이아웃을 만들 수있게됩니다. 이번 소개하는 것은 React Grid Layout, React 용 격자 레이아웃 시스템입니다. 드래그 앤 드롭이나 크기 조정에도 대응하고 있습니다. React Grid Layout 사용 실제로 사용하고있는 곳입니다. 드래그하여 이동하거나 크기를 변경할 수 있습니다. 정적으로 이동할 수 없도록 지정할 수도 있습니다. 이 밖에 배치 정보를 localStorage에 저장 해놓고 복원 할 수 있도록하는 기능이 있고, 꽤 다기능 그리드 시스템으로되어 있습니다. 업무 시스템과 대시 보드 등으로 사용해 보면 편리 할 것입니다...
Servo라는 것은 Mozilla가 개발하고 실험적인 브라우저 엔진 Rust에 구현되어 있습니다. 아직 개발중인이 있지만 고급 병렬 처리가 특징으로되어 있습니다. 그런 Servo를 사용하여 실험적으로 만들어진 브라우저가 Browser.html입니다. 실용성은 아직 없습니다 만, Servo를 체감에서 재미있는 소프트웨어입니다. Browser.html 사용 시작했습니다. Web 검색 DuckDuckGo을 사용하고 있습니다. 메뉴에서 표시하는 탭으로 목록이 전환됩니다. 실제 사용화면입니다. 또한 일본어는 표시 할 수 없으며, 레이아웃도 망가짐이 발생하고있어, 아직 실용적인 것은 아닙니다. 그러나 WebKit 기반 브라우저가 늘고 있는 현재 새로운 대안으로 매우 재미있는 소프트웨어입니다. Browser.html..
- Total
- Today
- Yesterday
- linux
- 웹 API
- software
- 오픈 소스
- github에
- 텍스트
- MIT 라이센스
- Mac OSX
- javascript
- SVG
- Web 오픈 소스 JavaScript
- LGPL
- Open Source JavaScript
- Web 오픈 소스
- HTML5
- GPL
- cui
- GitHub
- Web API
- 소프트웨어
- mit license
- 디자인
- GUI
- go
- node.js
- CMS
- GPL v3
- License MIT
- 자바 스크립트
- Web
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |