Loading...
2017.07.13 20:56

자신의 Tistory 블로그 검색에 음성 인식 기능을 넣어보자.

Tistory 블로그에는 포스트를 검색할 수 있는 검색 기능이 내장되어 있습니다. 이 기능은 Tistory 블로그에서 자체적으로 제공하는 함수를 기반으로 검색이 이루어지는데요. 보통 검색은 키보드로 자신이 찾고자 하는 키워드를 입력하여 검색을 할 수 있습니다. 12 ~ 13년도 저의 블로그에는 검색 박스에 음성 인식 API를 장착한 적이 있었습니다. 이는 Speech Input API for HTML5를 사용한 것인데요. 사용 방법이 매우 쉽고 편해서 누구나 따라할 수 있었습니다. 위 소스를 input 태그 옆에 부착하면 쉽게 음성 인식 기능을 탑재시킬 수 있었죠. 당시 Google Chrome 브라우저에서 유일하게 사용할 수 있었습니다. 다른 브라우저에서는 지원하지 않는 불편함이 있었고, 태그 속성으로..

2013.10.02 12:53

Google Web Designer 1.0 Beta

뜻밖에 듣지 못한 Google에서 만든 웹 에디터 프로그램의 등장이네요;; 저만 못들은 것일까요? 어쨌든 사용을 해본 후기를 적어보도록 하겠습니다. Google Web Designer는 현재 Beta Release 입니다. 지원되는 플랫폼(OS)는 Windows와 Mac에서 지원되며 Linux는 지원하지 않습니다. UI는 Adobe PhotoShop과 유사하며 웹 디자이너인 만큼 Code를 직접 입력하지 않아도 마우스로 할 수 있는 간편하다는 장점이 있겠지요? 하지만 역시 Code로 직접 쓰는 것만큼 매력적이지 못하군요.. (?) 그 외 CSS를 직접 수정할 수도, 이벤트를 만들어줄 수도 있고, 기존 HTML 편집기와는 다른 Webkit 에디터라고 보면 쉬울 것 같습니다. 아래에 보면 직접 HTML5로 ..

2013.05.25 20:52

추억의 LEGO를 웹에서

몇 주? 몇 달만에 쓰는 글 같네요. 학교 과제에 프로젝트가 수북히 쌓여서 이제 곧 있으면 기말고사이군요. 지난 주에 Google I/O 2013이 있었지요. 해마다 Google I/O 행사를 해왔지만 올해는 정말 대단한 것 같더군요. 작년에만 해도 Google Glass 등 기존의 기술을 활용하여 많은걸 표현한 반면 올해는 기존의 기술을 보완하여 한계점을 극복하는 데 중점을 둔 것 같습니다. 예를 들자면 Google Maps, Google Talk 등의 변화가 대단했지요. 오늘은 Web 콘텐츠에 대해서 써보자합니다. 아직 남은 과제가 있는데, Linux로 부팅하지 않고, 오늘은 Windows로 부팅하게 되서 이런 뻘글도 쓰네요. ㅋㅋ; Chrome Web Store를 둘러보니 어렸을 때 가지고 놀던 L..