Blog
누구나 활용할 수 있는 음성 인식용 데이타, 커먼 보이스
요즘 머신 러닝이나 딥러닝이 화두다. 이제 머신 러닝 안하면 시대에 뒤쳐지는 느낌까지 든다. 머신 러닝을 하려면 학습을 시킬 데이터가 있어야 하는데 음성 인식 분야는 아무래도 돈있는 기업과 개인의 격차가 심하다. 개인은 음성 인식을 시작할 수 있는 데이터 셋을 구하기 거의 힘든 것으로 보인다. 이런 격차를 없애기 위해서 모질라에서 커먼 보이스(Common Voice)라는 프로젝트를 시작했다. 음성과 연관된 내 프로필 정보와 함께 화면의 문장을 읽어주기만 하면 이것이 데이터로 쌓이고 이 데이터를 필요로 하는 사람들이 자유롭게 활용할 ……
dev |2018-07-15 | Comments (0)
PHP 사이트에 노드 앱 추가
이 사이트는 Ubuntu에 Apache-PHP에서 돌리고 있는데 일부 페이지를 노드 기반으로 바꾸려고 서버에 노드를 설치해봤다. 우선 node, npm, pm2를 설치한다. 그냥 apt-get으로 설치하면 버전이 낮을 거 같아서 PPA를 써봤다. 최신 버전(latest)을 설치할까도 생각했지만 안정 버전(stable)이 있는 이유가 있을 거라는 생각과 안정 버전에서도 될 건 다 된다는 생각에 그냥 8.x대를 선택했다. curl -sL https://deb.nodesource.com/setup_8.x -o nodesource_set ……
dev |2018-06-16 | Comments (8)
유틸리티 CSS
SMACSS나 OOCSS, BEM, 더 나아가서 부트스트랩과 같은 다양한 CSS 방법론이 있지만 대부분 CSS에 제약을 가하는 형식이어서 별로 선호하지 않는다. 그중 극단을 보여주는 것이 이 유틸리티 CSS다. 관심사의 분리(separation of concerns)는 달성될 수 없고 역으로 HTML에 독립적인 CSS를 이용해서 CSS의 재사용성을 높인다는 주장이다. <button class="f6 br3 ph3 pv2 white bg-purple hover-bg-light-purple"> Button Text < ……
dev |2018-06-15 | Comments (0)
파커 태양 탐사선에 내 이름을
나사에서 태양에 탐사선을 보낸다는데 재미있는 이벤트를 한다. 신청하는 사람의 이름을 마이크로 칩에 넣어서 탐사선에 같이 보내준다고 한다. 마이크로 칩에 저장된 데이터가 무슨 의미가 있을까 싶기도 하지만 바로 읽을 수는 없지만 어쨌든 자기적으로 새겨진 이름을 보내는 거니까 의미가 전혀 없지는 않다. 물론 탐사선과 함께 타서 없어지겠지만 말이다. 파커 태양 탐사선 이름 보내는 페이지에서 참여할 수 있고 참여가 끝나면 이름과 해시키가 기입된 PDF를 다운 받을 수 있게 해준다. 한글로 이름을 넣어봤는데 저장은 되는거 같은데 PDF에 ……
life |2018-04-21 | Comments (0)
야마하 P-45와 P-115
아이가 친구집에서 디지털 피아노를 쳐보더나 더 좋은 피아노가 있으면 좋겠다고 했다. 집에 야마하 CN-70 싱글 키보드 올갠이 있기는 한데 내가 어릴때 쓰던 30년된 제품이다보니 품질을 얘기할 수준이 아니다. 그래서 요즘 디지털 피아노는 어떤 것들이 있는지 좀 알아봤다. 베이스를 구매해보고 앞으로 악기를 살 때는 특별한 이유가 있지 않은 한 야마하 제품을 사용하기로 마음을 먹었기 때문에 야마하 홈페이지에서 피아노 종류를 살펴봤다. 디지털 피아노 라인업이 몇가지가 되는데 분위기보니 보통 디지털 피아노라고 하는 것은 클라비노바(Cl ……
hobby |2018-04-08 | Comments (0)
AMP 이메일
구글이 AMP를 이메일에서 사용할 수 있게 확장한다고 한다. 아직은 사용해 볼 수 없지만 올해 말 쯤에 지메일에서 지원하게 할 예정이다. 개발자라면 등록 후 테스트 해 볼 수 있다. 기존의 이메일은 사용자 상호 작용이 필요한 경우 링크로 사이트에 연결시켜주는 정도 밖에 할 수가 없었다. 메일에서 CSS로 인터랙티브한 콘텐츠를 만들 수 있게 해주는 도구들도 몇 있었지만 호환성 높게 만드는 것은 쉽지 않았다. AMP 이메일 발표 영상의 핀터레스트 데모를 보면 화면 플로우도 있고 서버와 통신해서 메일 내용을 업데이트 하는 것까지 가능하 ……
web |2018-03-08 | Comments (0)
나이틀리에서 웹폰트가 적용되지 않는 경우
파이어폭스 나이틀리(Firefox Nightly)가 나이틀리(Nightly)로 이름을 바꿨는데 그냥 나이틀리라고만 쓰면 헷갈릴 것 같다. 하지만 구글에 '나이틀리 브라우저'를 검색하니 다행히 맨 처음에 나와서 나이틀리만 써봤다. 카나리라고 해도 사람들은 다 알아듣는다고 하기에는 좀 넘사벽인가 싶기도 하지만 아무튼. 크롬에서는 웹폰트가 잘 적용이 되는데 나이틀리에서만 적용이 안되어서 찾아보다가 나이틀리에 적용되어 있는 서체 유효성 검증 때문에 문제가 있는 서체가 표현이 되지 않는다는 내용을 발견했다. 스펙에 위배되는 오픈타입 레이아 ……
dev |2018-02-19 | Comments (0)
RIP, Pat Torpey
오늘 들려온 슬픈 소식, 미스터빅의 드러머 팻 토피가 세상을 떴다. 차마 할 말이 없다.
hobby |2018-02-09 | Comments (0)
HTML5.2와 HTML5.1의 차이점
HTML5.2가 W3C의 권고안이 됐다. 변경된 사항을 살펴봤다. 새로운 기능 dialog 요소 ECMA-262 모듈 시스템 레퍼러 정책 ARIA 1.1을 참조 link 요소의 nonce 속성, CSP3 iframe 요소의 allowpaymentrequest, Payment Request API iframe 요소의 sandbox 속성값으로 allow-presentation, Presentation API 링크의 rel 속성값으로 canonical noreferrer 링크 타입 값, SECURE- ……
dev |2017-12-18 | Comments (0)
서브라임 텍스트 디렉토리 검색 예외 지정
서브라임 텍스트에서 변수 이름을 바꾼다든가 할 때 디렉토리 검색을 많이 사용하는 편인데 dist 디렉토리나 map 파일이 같이 들어 있으면 엄청 긴 줄이 중간에 섞여 있어서 여간 번거로운게 아니다. 가끔은 미니파이된 파일 아래에 나온 결과는 모르고 넘어가기도 한다. 그래서 디렉토리 검색 할 때 특정 파일을 제외시키는 방법이 있는지 찾아봤는데 의외로 매우 쉽다. 룰도 외우기 쉽다. 복잡한 정규식도 아니고 그냥 경로 뒤에 쉼표 찍고 마이너스와 아스터리스크 기호로 표시하면 된다. 쉼표로 계속 붙여서 여러개 넣을 수도 있다. /Users ……
dev |2017-11-21 | Comments (0)