세련된 카메라와 세련된 모델~ 고급 기종에서만 쓸 수 있는 고속연사까지!
가지고 싶다 ㅠ_ ㅠ

Facebook

javascript:var d=document,f='http://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1290074419&u='+e(l.href)+'&t='+e(d.title);1;try{if (!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)

Twitter

javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());

Tumblr

javascript:var d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href) +'&t='+e(d.title) +'&s='+e(s),u=f+p;try{if(!/^(.*\.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a =function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else a();}void(0)

Pinboard

javascript:q=location.href;if(document.getSelection){d=document.getSelection();}else{d='';};p=document.title;void(open('https://pinboard.in/add?showtags=yes&url='+encodeURIComponent(q)+'&description='+encodeURIComponent(d)+'&title='+encodeURIComponent(p),'Pinboard','toolbar=no,scrollbars=yes,width=750,height=700'));

Pinterest

javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());

Instapaper

javascript:function iprl5(){var d=document,z=d.createElement('scr'+'ipt'),b=d.body,l=d.location;try{if(!b)throw(0);d.title='(Saving...) '+d.title;z.setAttribute('src',l.protocol+'//www.instapaper.com/j/pvKHMplBmzW5?u='+encodeURIComponent(l.href)+'&t='+(new Date().getTime()));b.appendChild(z);}catch(e){alert('Please wait until the page has loaded.');}}iprl5();void(0)

WordPress

javascript:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://chorr.net/wp-admin/press-this.php',l=d.location,e=encodeURIComponent,u=f+'?u='+e(l.href)+'&t='+e(d.title)+'&s='+e(s)+'&v=4';a=function()%7Bif(!w.open(u,'t','toolbar=0,resizable=1,scrollbars=1,status=1,width=720,height=570'))l.href=u;%7D;if%20(/Firefox/.test(navigator.userAgent))%20setTimeout(a,%200);%20else%20a();void(0)

Google Reader

javascript:var%20b=document.body;var%20GR________bookmarklet_domain='http://www.google.com';if(b&&!document.xmlVersion)%7Bvoid(z=document.createElement('script'));void(z.src='http://www.google.com/reader/ui/subscribe-bookmarklet.js');void(b.appendChild(z));%7Delse%7Blocation='http://www.google.com/reader/view/feed/'+encodeURIComponent(location.href)%7D

Foursquare

javascript:(function()%7B(window.___fourSq=window.___fourSq%7C%7C%7B%7D).version='1322724873491';var%20a=document.createElement('script');a.type='text/javascript';a.src='https://platform-s.foursquare.com/js/modules/widgets.bookmarklet.js';(document.head%7C%7Cdocument.body).appendChild(a)%7D)();void(0);

Zootool

javascript:function ztrl(){var d=document,z=d.createElement('scr'+'ipt'),b=d.body,l=d.location; try { if(!b) throw(0); z.setAttribute('src','http://zootool.com/read-later/js/'); b.appendChild(z); } catch(e) { alert('Please wait until the page has loaded.'); }}ztrl();void(0)

최근 NEX-5 (구제품)를 구하게 되어 품질 좋은 동영상 찍는 재미에 빠져있네요.
신촌에서 있었던 세미나를 마치고, 사람 많은 신촌을 피해 서강대 앞을 거닐던 중 발견한 팔색삼겹살에서 완소 삼겹살들의 구이샷을 찍어 보았습니다.
예전 다른 기종은 수동으로 포커스 조절해야해서 좀 불편했는데 동영상 촬영에 AF가 이렇게 편하게 느껴지다니!

그나저나 이곳 일본인 손님이 절반 이상이더군요. 깔끔하고 재빠른 서비스가 특징.
삼겹살집의 위치는 아래 지도에~

요즘 이미지 프로세싱에 꽂혀있던터라 ‘웹에서의 실시간 영상 렌더링’ 기술을 접목해보고 싶었고, 이와 가장 어울리는 소스는 Daum tv팟이라는 결론에 매쉬업 서비스 만들게 되었네요. 만들다 보니 주요 프로세스 코드보다 css 디자인에 더 신나서 -_ – 결국 실시간 렌더링 속도는 초당 2프레임을 왔다갔다하는 극악의 결과가 나왔네요;; (심지어 일부 환경에서는 브라우저가 뻗어버리는 현상까지!)

서비스 페이지 : http://lab.chorr.net/tvpascii

최신버전의 크롬과 사파리에서 볼 수 있습니다.

“HTML, CSS만 사용한 보케 드로잉~”
http://lab.chorr.net/ex/bokeh.html

마우스를 이리저리 움직여보면 빛망울들이 나타났다, 사라졌다, 하는 단순한 구조입니다. 몰랐는데 모던 브라우저에서 css3의 고유한 prefix (-moz, -webkit 같은) 없어도 이제 몇몇 속성은 지원하더군요. (세월이 빠르군요 빨라)
그리고 아무래도 280개의 DOM 엘리먼트와 transition 속성을 사용하다 보니 퍼포먼스는 브라우저가 좀 힘들어하는 상황입니다.

IE를 제외한 브라우저에서 볼 수 있습니다.

2011년 10월 12일부터 3일간 강원도 평창에서 Daum 개발자 컨퍼런스가 있었습니다.
이번엔 사진보다 영상을 좀 찍고 편집해서 기록으로 남겨보고자 했는데, 동영상은 편집에 시간도 꽤나 걸리고 기술도 부족해 좀 많이 허접한 결과물이 나왔네요 -_-;
개인으로 참여한 전시 작품도 코드와 영상 정리해서 올려야하는데 올해 안으로 할 수 있을런지 모르겠습니다. 흠..

영상을 통해서 보케를 보고 있자면 한때는 굉장히 감성적이고 했는데,
–
굳이 어떤 감정이 있었을까?

아이패드에서 본인의 음악 라이브러리를 직접 활용하는 플레이어는 처음 보았는데요,
은하계라는 모티브를 정말 미려하게 그려낸 아이패드 전용앱 “Planetary“를 추천합니다.
기능상 획기적이거나 유용성은 없지만, 단지 행성을 유영하듯 음악을 듣는 기분만으로도 훌륭한 역할을 해주는군요.
일렉장르나 SF영화 OST를 들을 때 더할나위 없는 시너지를 보여줍니다.
앱스토어에서 무료로 배포되고 있습니다.

Processing을 언제 한번 제대로 만져볼까해서 이번 컨퍼런스 전시작품을 진행하는 중 입니다.
아래는 작품에 대한 설명.

작품은 여러대의 카메라+마이크+디스플레이의 조합으로 이루어져 있으며, 각각의 객체들은 현장에 있는 관객의 모습을 단순화한 픽셀 집합인 화면을 투영한다. (단순하게 보면 모자이크와 같은 화면이 되겠다) 그리고 관객의 움직임과 음성(또는 잡음)에 동조하여 만들어지는 사운드를 출력하게 된다. 마샬 맥루언을 비롯한 학자들은 옷이 사람의 확장된 피부, 바퀴는 확장된 발, 카메라와 망원경은 확장된 눈이라고 말했다. 우리의 기술적 창작물은 우리 유전자가 지은 몸의 거대한 외연이라는 식으로 우리는 기술을 확장된 몸이라고 생각할수 있다. 이러한 인간의 확장인 기술을 다시 축소, ‘단순화’하여 역설적으로 표현해보고자 하는점이 이번 전시 작품이 보는이에게 던지는 질문이다.

위 이미지는 무엇을 보여주는 걸까요?
각 칸칸이 5분 간격의 뉴욕하늘 평균 색상을 보여주고 있습니다.
(그것도 센스있게 16진수 색상 표기로!!)
이런 고정적인 표현이지만 유동적인 컨텐츠를 다루는 작업들은 대량의 정보가 누적되었을 때 진정 매력을 보여주는군요.
아래의 사이트에서 확인 가능 합니다.
http://nskyc.com/

지난 제주 여행 지도로 기록.

간단하게 팝업으로 띄워서 사용할 때 위 북마클릿을 사용하면 되겠습니다.
(워낙 간단해서;; 그냥 기록용으로~)

감사해요~ 고마워요~ 영원히 잘 쓸께요~

참조 : http://bbs.music.daum.net/gaia/do/music/notice/read?articleId=69&bbsId=Notice&pageIndex=1

스터디를 시작한 첫 기록을 다시 되돌아보니 2010년 11월 23일.
그렇게 많이 진행하지 않은 느낌인데 3개월째를 지나고 있네.

항상 무언가 배우고, 공부하는 상황에서 가장 중요하게 생각하는 것이 ‘나의 방식으로 소화’ 이지만, 뭔가 부족함이 계속 느껴진다. 확~ 하고 문제를 마구 풀어버린다던가, 이거 이렇게 쓰면 좋겠는데? 라는 아이디어가 막 튀어나온다던가, 그러면 참 좋겠는데 말이야. 집에 와서 책을 펼치고 3페이지 봤나? 할 무렵 새벽 3시라니..

노력합시다~

• Draft version download link : http://madeatgloria.com/brewery/silvio/reeder
• Official site : http://reederapp.com

아래는 간단한 스크린샷 한점.

대부분의 inspector는  브라우저 내장 또는 플러그인 형태로 제공되는데,
weinre (WEb INspector REmote)는 inspector를 활용하기 어려운 환경에서 유용하게 사용할 수 있습니다.

동작 원리와 세부적인 메뉴얼은 공식 페이지에서 확인 가능합니다.

기본적인 사용법은 Python 으로 동작하는 서버에서 inspector 클라이언트 페이지를 접속, 그리고 분석 대상의 페이지에 target javascript 파일을 포함하기만 하면 끝!
이후에 클라이언트에서 자유자재로 분석 대상 페이지를 파해칠(?) 수 있습니다.

전반적인 사용법을 한번 살펴볼까요.

먼저 실행 파일들이 필요하겠죠.
http://trac.webkit.org/wiki/WebInspector
위 경로에서 weinre.zip 또는 weinre-src.zip 을 구할 수 있습니다.

이제 서버를 실행 합니다.

python weinred.py 8081

포트는 어떻게든 상관 없겠지요.
정상적으로 실행 된다면 아래와 같은 로그가 뜹니다.

weinred.py: agent/server running at: http://[hostname]:8081/
weinred.py: for targets include:     http://[hostname]:8081/weinre-target.js
weinred.py: run client at:           http://[hostname]:8081/client/

1. 두번째 목록의 js 파일을 분석할 웹페이지에 추가를 하고,
2. inspector를 동작할 브라우저에서 세번째 경로로 접속

이게 전부군요.

정상적으로 연결이 되었다면 inspector의 remote 상황에는 ‘연결’되었다는 메시지가 나타나겠죠. 남은건 elements, storage, console을 찬찬히 분석하는 일이 남았겠군요.
(안타깝게도 위 대상 이외의 정보는 아직 접근하지 못한답니다.)

아래 동영상은 지금껏 적어놓은 글보다 더욱 친절한 설명 영상입니다.

2008년 John Resig 이 첫 공개 후 1,000건 이상의 버그픽스, 기능수정 등이 이루어졌다는군요.

Processing.js Web Sketch (웹에서 즉시 코딩 및 결과를 확인할 수 있는 페이지) 에 적용된 js 파일 버전이 바뀐지는 확인이 어렵군요. (코드에 버전이 없는지라)

변경 사항은 아래와 같습니다. (공식 블로그글 참조)

• Added source level documentation for functions
• Added reference pages for missing language features
• Added sketchpad.cc to list of dev tools
• Added saveFrame()
• Added remaining PImage features
• Added compile-time optimizations for constants, functions, closures
• Added PShapeSVG(new XMLElemnt(svg string))
• Added check for missing use of ‘new’ to Processing() calls
• Added test for casting and negative ints
• Added cursor URL example to test suite
• Added Makefile target for examples packaging
• Created wiki for processingjs.org
• Created quick start guides for Processing and JavaScript developers
• Fixed keyReleased so it doesn’t fire when key is held down
• Fixed neighborhood.html
• Fixed translate() call ordering with background()
• Fixed issue with loadStrings() so it doesn’t remove last character
• Fixed matrix operations run in setup such that they are not reset in draw
• Fixed remaining KNOWN-FAILURES that were fixable
• Fixed performance issue with Image() function when mask and tint aren’t specified
• Fixed performance issue with text$line
• Fixed SVG to work properly with negative widths
• Fixed PShapeSVG/PShape to be public
• Fixes to allow WebKit to load 3D sketches
• Fixed PImage.mask to work with objects generated by PGraphics.get
• Fixes to support IE9
• Fixed parser to accept additional float literal formats
• Fixed performance issue with ArrayList
• Fixed issue with abstract methods
• Fixed text 3D error
• Fixed mouseX/mouseY values to take scrollbars into account
• Fixed parser bug with discarded processing methods
• Fixed performance issue with uniformMatrix and vertexAttributePointer
• Fixed (int) casting
• Fixed non-power-of-two texture load issue
• Fixed all non-power-of-two images in source tree
• Fixed text-width example in Firefox and Ubuntu
• Fixed method invocation using this and super
• Fixed js linting issues
• Fixed ref test runner for Uint8Array
• Fixed Learning IDE frame rate bug
• Removed .svn dirs from source tree
• Updated fake-dom.js for curContext.setTransform
• Updated processingjs.org (many fixes, corrections)
• Updated documentation for loadImage, requestImage, @pjs preloading

http://wonder-wall.com/scr/

Wonderwall 사이트에서 신선하고 세련된 UI를 보여줬었는데,
스크린 세이버 역시 매력적.

Windows, Mac 모두 지원합니다.