Springnote For Developers 스크린 캐스트에 소개된 Snote

자료 수집소 2007/06/28 10:54

사용자 삽입 이미지

Screencast의 screenshot




얼마전 연락이 뜸하던 후배가 갑자기 연락을 하더니 Webappscon에 참가하고 있었는데 제 아이디 "airlover"를 봤다고 반가웠다고 메시지를 보내더라고요. 저도 Webappscon에 참가하고 싶었는데 그날 근무가 있어서 못 갔더랍니다.

 관련된 Screencast가 오픈마루 블로그에 올라 왔네요. 다른 블로그에서 제 아이디를 발견하니 기쁘네요 ^^;

 아; Snote는 ViM에서 SpringNote를 사용할 수있도록 해주는 ViM Plugin입니다. 나름 Fun한 Mashup이긴 하는데 사용하시는 분은 아쉽게도 별로 없는 것 같더라고요.^^ 버그도 속속들이 발견되고 있어서 다른 일이 많아서 못하고 있는데 언제 시간나면 다시 손을 대봐야 할 것 같습니다.
 대신 고쳐주실 분이 계시면 좋을텐데.. 혹시 버전업 해주실 분 계시면 연락주세요.


'자료 수집소' 카테고리의 다른 글

네이버 메인화면 개편!  (2) 2007/07/31
Silverlight 1.0 RC 발표 및 RC에서 개선점.  (0) 2007/07/30
Slideshare에 음성을 달다.  (0) 2007/07/25
Springnote For Developers 스크린 캐스트에 소개된 Snote  (2) 2007/06/28
인크루트의 채용 전문검색 내일검색 오픈  (1) 2007/06/21
정보통신부가 마련한 UCC이용자 가이드라인  (0) 2007/06/05
모기에 안 물리려면...  (4) 2007/06/04
Posted by U_Seung
TAG Mashup, openmaru, screencast, Snote, SpringNote, webappscon
트랙백 0개, 댓글 2개가 달렸습니다

테터 데스크 설치 - 미투데이 최근글 표시하기.

내 생산물 2007/06/11 15:44
사용자 삽입 이미지


 Tistory에 테터 데스크 플러그인이 올라와서 설치했습니다.
 설치한지는 꽤 되었는데 포스팅은 이제서야 하네요.

 위에는 Tistory 최근 글을 보여주고, 아래는 Me2day 최근글을 보여주도록 했습니다.

 Tistory 최근글은 중복된 글 지우는 것만 넣고, 테터데스크에 있는 것을 그대로 썼고요,
 Me2day 최근글은 약간 복잡한데..
 디자인은 미투데이에서 가져오고,
 글을 가져오는 부분은 미투데이 RSS에서 글을 받아와서
 거친마루님의 Pipe로 글을 조각 내고,
 taemy님의 미투데이 플러그인을 변형하여 사용하였습니다.

 완전 짬봉이죠. ㅋㅋ

 아.. 해당 내용은 첫 페이지에서 보실 수 있습니다.

'내 생산물' 카테고리의 다른 글

F#, Project Euler - Problem #3  (0) 2009/05/10
F#, Project Euler - Problem #1  (2) 2009/05/10
F#, Project Euler - Problem #2  (0) 2009/05/10
테터 데스크 설치 - 미투데이 최근글 표시하기.  (2) 2007/06/11
Popfly로 만든 축제 자료집  (6) 2007/06/06
Silverlight에서 한글 쉽고, 가볍게 사용하기  (13) 2007/05/23
Snote: SpringNote를 Vim에서 사용하기(다운로드 가능)  (27) 2007/05/15
Posted by U_Seung
TAG Mashup, me2day, 미투데이, 생산물, 최근글, 태터데스크
트랙백 0개, 댓글 2개가 달렸습니다

Popfly로 만든 축제 자료집

내 생산물 2007/06/06 03:58


5일전에 Popfly초대장이 왔었는데 이제서야 확인했습니다.
요즘 바빠서 메일 확인도 제대로 못하고 살았더니.. ㅠㅠ

사용자 삽입 이미지

암튼 위와 같이 생긴 Mashup을 맹글어 봤습니다. 직접보기
학교 축제에 가보고 싶었는데 근무하느라 못갔네요. 하하;;; 가봤자 놀아줄 사람도 없겠지만.
예전에 아라에 축제 자료집(팜플렛)이 올라온 적이 있는데.. 이것을 이미지로 바꿔준다음에 이걸 ImageScraper로 연결시키고, 여기에 PageTurn을 연결시켜주니 간단한 책이 되었습니다. 너무 쉽게 만들어지니 약간은 허무하네요 :)


암튼 Popfly..같은 것들이 널리 퍼지면..
저 같이 취미로 Toy를 만드는 사람들은 설 자리를 잃어 버리는거 아닌지 모르겠네요 ㅋㅋ
아래는 위의 자료집을 만든 Popfly Editing 모드 그림 입니다.


사용자 삽입 이미지

'내 생산물' 카테고리의 다른 글

F#, Project Euler - Problem #1  (2) 2009/05/10
F#, Project Euler - Problem #2  (0) 2009/05/10
테터 데스크 설치 - 미투데이 최근글 표시하기.  (2) 2007/06/11
Popfly로 만든 축제 자료집  (6) 2007/06/06
Silverlight에서 한글 쉽고, 가볍게 사용하기  (13) 2007/05/23
Snote: SpringNote를 Vim에서 사용하기(다운로드 가능)  (27) 2007/05/15
Silverlight로 만든 Tistory Clock Widget  (0) 2007/04/22
Posted by U_Seung
TAG Example, Festival, KAIST, Mashup, Popfly, Silverlight, 생산물, 예제, 자료집, 팜플렛
트랙백 1개, 댓글 6개가 달렸습니다

Drag & Drop으로 만드는 Mashup, Popfly

잡담 놀이터 2007/05/19 18:42

사용자 삽입 이미지

Microsoft가 Mashup과 웹페이지를 만드는 온라인 툴인 Popfly를 발표하였습니다. (야후의 Pipe와도 약간 유사한면이 있습니다. ) 아직은 알파버전만 제공되어서 바로 사용할 수 있는 것은 아니고 Waiting list에 등록을 하며 나중에 사용할 수 있을 때 알려줄려나 봅니다.

Popfly홈페이지에 보면 15분짜리 Screencast가 있는데.. Mashup을 Drag&Drop으로 만드는 샘플이 나옵니다. 재밌는 것은 유명한 Mashup중에 하나인 Twitter Vision을 눈 깜짝 할사이에 만들어 내는데 이거 물건이네 하는 생각이 듭니다. 만들어진 Mashup은 웹에서 공유하는 것 뿐만아니라 자신의 Spaces에 붙이거나 Windows Vista Sidebar Gadget으로 만들 수 있습니다. ( 이게 정말 대박인듯 )

Mashup을 만드는 것 말고도 웹페이지를 만드는 기능도 있는 것 같은데 이 기능은 Office Live 서비스에서 가져다 붙인 것 같습니다. Office Live가 일반 Customer가 사용하기에는 부적한게 사실 이었는데 Popfly는 아마 일반 사용자들이 쓰기에도 적합하게 만들지 않았을까 하는 생각도 해봅니다.


Windows Live 서비스, Silverlight, Visual Studio 2005, Office Live 등을 결합하여 뚝딱하고 서비스를 찍어내는 Microsof가 때론 놀랍기도 합니다. 아무나 회사나 할 수 있는 종류의 일은 아니니까요.

'잡담 놀이터' 카테고리의 다른 글

SBS 고릴라 1주년을 축하 하며…  (2) 2007/06/09
구글이 첫 화면을 바꾸었다 - 플래쉬가 아닌 애니메이션 만들기  (8) 2007/05/30
초심을 잃어버린 블로그: 내 블로그 발견지수는 50점  (5) 2007/05/23
Drag & Drop으로 만드는 Mashup, Popfly  (3) 2007/05/19
Snote의 Emacs 버전이 나오다.  (0) 2007/05/19
VISTA의 또 다른 의미.  (0) 2007/05/16
네이버, 올블로그 제휴 종료  (2) 2007/05/09
Posted by U_Seung
TAG Mashup, Microsoft, Popfly, Silverlight
트랙백 2개, 댓글 3개가 달렸습니다

Snote의 Emacs 버전이 나오다.

잡담 놀이터 2007/05/19 18:05

오늘 SpringNote 개발자 커뮤니티에 올라온 글인데 Jay님이 Snote를 사용하여
SpringNote를 Emacs에서 사용이 가능하도록 만드셨다고 합니다.

저는 Emacs를 쓰지 않아서 돌려보진 않았는데..
Snote가 쓰인 다는 것에 기쁩니다. :)


그나 저나 SpringNote 이용자수가 2만 6천명 정도라니
수익 모델을 내기 쉽지 않을 것 같다는 생각도 들고,
여러가지 재미난 시도들이 해보기도 전에 NCSoft에서 지원이 끊기진 않을지 걱정도 됩니다. :)

'잡담 놀이터' 카테고리의 다른 글

구글이 첫 화면을 바꾸었다 - 플래쉬가 아닌 애니메이션 만들기  (8) 2007/05/30
초심을 잃어버린 블로그: 내 블로그 발견지수는 50점  (5) 2007/05/23
Drag & Drop으로 만드는 Mashup, Popfly  (3) 2007/05/19
Snote의 Emacs 버전이 나오다.  (0) 2007/05/19
VISTA의 또 다른 의미.  (0) 2007/05/16
네이버, 올블로그 제휴 종료  (2) 2007/05/09
Silverlight 1.0 Beta, 1.1 Alpha 출시  (2) 2007/05/01
Posted by U_Seung
TAG emacs, Mashup, openmaru, Snote, SpringNote
트랙백 0개, 댓글 0개가 달렸습니다.

Snote: SpringNote를 Vim에서 사용하기(다운로드 가능)

내 생산물 2007/05/15 00:56

사용자 삽입 이미지

SpringNote를 Vim 에서 Markdown 문법으로 사용하는 플러그인 입니다.
위의 참조에 링크된 데모 동영상을 보시면 개략적인 사용법과 내용을 아실 수 있습니다.

데모를 보고 감을 잡으신 분들도 있겠지만 위 프로그램은 다음과 같이 동작합니다.
1. Snote를 시작(:Snote)하면 SpringNote API를 이용하여서 글 목록을 받아온 후 이를 새창에 표시 합니다.
2. 원하는 글을 선택(Enter)하면 해당 글을 SpringNote API를 통해 받아 옵니다.
3. 받아온 글(XHTML)을 Markdown 형식의 포맷으로 변환 합니다.
4. 변환된 파일을 Vim으로 편집합니다.
5. 편집한 파일을 저장(:w)하면 이를 다시 XHTML로 변환합니다.
7. 변환한 파일을 SpringNote API를 이용하여 전송합니다.

제가 만든 부분은 여기에 껍데기를 붙인 Vim Plugin과 3번 XHTML에서 Markdown으로의 Converting부분 입니다. 원래는 다른 방식의 Converting을 썼었는데 속도도 그렇고 품질도 영 마음에 안들어서 직접 만들고야 말았습니다. (왜 그런 삽질을 ㅠ)

* SpringNote가 곧 블로그 내보내기를 지원할 것 같은데..
  이제 Vim으로 블로그 포스팅을 하는 글을 작성하게 될지도 모르겠네요 :)
* 또, SpringNote가 슬라이드 보기를 지원한다고 하면
  이제 Vim으로 Presentation 자료를 만드는 세상이 온 겁니다. ㅎㅎ


문제점이 몇 가지 있는데..
#1. SpringNote 서비스가 불안정 하여서 제대로 데이터 교환이 이루어지지 않을 때도 있습니다.
#2. 에러/예외 처리를 별로 안해서 문제가 발생시 사용자가 원인을 파악하기 힘듭니다.
    ( 죄송합니다.. ㅠㅠ )


추가하고 싶은 기능이 있다면..
#1. 오프라인 기능, 하드 디스크와 싱크 맞추기
#2. 첨부 파일 기능?
#3. 유지보수 안하기기 기능 -_-;;


그럼 즐 편집 하세요 :)

'내 생산물' 카테고리의 다른 글

테터 데스크 설치 - 미투데이 최근글 표시하기.  (2) 2007/06/11
Popfly로 만든 축제 자료집  (6) 2007/06/06
Silverlight에서 한글 쉽고, 가볍게 사용하기  (13) 2007/05/23
Snote: SpringNote를 Vim에서 사용하기(다운로드 가능)  (27) 2007/05/15
Silverlight로 만든 Tistory Clock Widget  (0) 2007/04/22
삼성경제연구소 북리뷰와 독서로그  (0) 2007/04/12
네이버 미니 사전 북마크릿(Bookmarklet)  (16) 2007/03/27
Posted by U_Seung
TAG Markdown, Mashup, OpenAPI, SpringNote, vim, 생산물
트랙백 1개, 댓글 27개가 달렸습니다

수많은 Google Maps Mashup 서비스들이 무안해지는 서비스

잡담 놀이터 2007/04/06 18:55
참조1: http://maps.google.com/
참조2: http://maps.google.com/help/maps/userguide/index.html
참조3: http://blog.programmableweb.com/2007/04/06/google-my-maps-map-mashups-for-all/

구글이 My Maps라는 서비스를 시작했다.
뭐 일종의 Naver Map의 포스트맵과 유사한 서비스라고 할 수 있는데

별로 쓰임새가 없어 보이던 Naver의 포스트맵과는 비교할 때 굉장히 많은 기능을 지원하며,
Google Maps와 Earth 검색 결과에도 포함 시키겠다고 적혀있다.


Public maps are maps that you want to publish and share with everyone. Public maps will be included in the search results on Google Maps and Earth.


좋은 서비스하나가 더 생겨서 좋지만.
쩝.. 이 씁쓸한 기분이란..


'잡담 놀이터' 카테고리의 다른 글

Silverlight 1.0 Beta, 1.1 Alpha 출시  (2) 2007/05/01
Mantis 설치 – 버그 트래킹 하기  (0) 2007/04/16
Salesforce의 ECM시장 진출  (0) 2007/04/13
수많은 Google Maps Mashup 서비스들이 무안해지는 서비스  (0) 2007/04/06
Lifepod 베타 오픈과 100명  (0) 2007/04/02
WYSIWYM Editor  (0) 2007/03/21
미투데이.... 그리고  (6) 2007/03/14
Posted by U_Seung
TAG API, Google Map, Mashup
트랙백 0개, 댓글 0개가 달렸습니다.

네이버 미니 사전 북마크릿(Bookmarklet)

내 생산물 2007/03/27 01:15
   

 예전에 만든 네이버 사전 북마클릿을 업데이트한
 드래그 사전과 드래곤 사전을 만들었다. 좀더 퀄리티를 높이고 싶었으나
 나도 할일이 많은 직장인이라 더이상 작업하기 힘들어서 그냥 올린다.

 내가 주로 쓰는 것은 드래그 사전인데..
 필요한 부분을 Drag 한다음에 해당 Bookmarklet를 누르면 해당 단어를 검색해준다.
 소스를 보면 알겠지만 매우 간단한 원리다.

 드래그 사전이 가지는 치명적인 단점은 팝업을 사용한다는 것인데 이를 보완한 버전이 드래곤 사전이다. 드래곤 사전은 기본적으로 레이어 방식으로 띄우고, 레이어가 불가능한 곳은 팝업으로 띄운다. 여기에 해당하는 소스는 네이버 북마크의 북마클릿을 그대로 가져다 쓴 것이며, 이미지/디자인도 그대로 가져다 썼다. 네이버가 잘 만들었을 것 같아서 가져다 썼으나 잘 동작하지 않는 곳이 많은 것 같아서 아쉬움이 있다.


 암튼 나름 유용한(?) 사전을 공유하니 필요한 사람은 많이들 쓰세요.


------------------------


 그냥 심심해서라기 보다는...
 내가 필요해서 만들었다.
 야후미니를 보통 쓰는데, 컴터가 버벅거려서 하나라도 Process 수를 줄이고 싶었다.


 

Bookmarklet 사용법에 대해 간단한 설명을 덧 붙이면..
#1. 위의 회색 상자에 마우스를 가져간다.
#2. 마우스 오른쪽 버튼을 클릭한다.
#3. 즐겨찾기에 추가(F) 혹은 Bookmark This Link... 을 선택한다.
#4. 저장할 폴더를 연결 혹은 Bookmark Toolbar로 선택하여 저장한다.

이 Bookmarklet이 가지는 가장 큰 문제점은 팝업창이 뜨기 때문에
팝업창을 차단시킨는 프로그램이 설치되어 있을 경우에는 문제가 발생한다.
( 내 개인적인 용도라 어쩔 수 없다. )

Enjoy...





'내 생산물' 카테고리의 다른 글

Snote: SpringNote를 Vim에서 사용하기(다운로드 가능)  (27) 2007/05/15
Silverlight로 만든 Tistory Clock Widget  (0) 2007/04/22
삼성경제연구소 북리뷰와 독서로그  (0) 2007/04/12
네이버 미니 사전 북마크릿(Bookmarklet)  (16) 2007/03/27
WPF/E로 만든 Clock Widget  (2) 2007/02/07
PS Project 우승  (0) 2006/08/29
제4회 카포전 AI(뿌요뿌요) 대회 1등 - Team 뽀셔뽀셔  (1) 2006/08/15
Posted by U_Seung
TAG bookmarklet, Mashup, 네이버 사전, 미니사전, 북마크릿, 생산물, 야후미니, 유용한
트랙백 0개, 댓글 16개가 달렸습니다

WPF/E로 만든 Clock Widget

내 생산물 2007/02/07 18:37
사용자 삽입 이미지

참조: http://sparcs.kaist.ac.kr/~airlover/wpfe/Clock/

Tistory라서 왼쪽 Sidebar에 넣지 못하는 것을 안타깝게 생각합니다.
맨 위는 그냥 이미지고, 위의 링크를 타고 들어가시면 보실 수 있습니다.

WPF/E가 설치되지 않으신 분은 2007 Feb CTP 버전으로 설치하셔야 합니다.



다양한 예제가 많지만 시계가 재미있는 이유는.. WPF/E 애니매이션을 멋지게 넣을 있어서 입니다.
시계 바늘이 움직이는 것을 만들려면 보통의 방식대로 한다면 .. n초에 한번씩 초침, 분침, 시침의 위치를 조금씩 움직이는 것을 계산하여서 화면에 다시 그리기를 해야합니다.

WPF/E에서 애니메이션 기능을 쓰면 다음과 같이 구현할 수 있습니다.
시작 시각에 각 바늘의 위치를 지정해주고,
초침은 1분에 한 바퀴씩
분침은 1시간에 한바퀴씩
시침은 12시간에 한바퀴씩 돌도록 애니메이션을 구성하고,
Animation Start!를 하면 시계 제작이 끝납니다. 간단하죠?

<DoubleAnimation Storyboard.TargetName="Sec" Storyboard.TargetProperty="Angle"
 From="0" To="360" Duration="0:1:0" RepeatBehavior="Forever" />

<DoubleAnimation Storyboard.TargetName="Min" Storyboard.TargetProperty="Angle" From="0" To="360" Duration="1:0:0" RepeatBehavior="Forever" />

<DoubleAnimation Storyboard.TargetName="Hour" Storyboard.TargetProperty="Angle" From="0" To="360" Duration="12:0:0" RepeatBehavior="Forever"/>
- 위는 핵심 코드 중 일부


만약 Javascript로만으로 시계를 구현했다면 (지금 Vista Sidebar Gadget이 그렇게 하고 있음)
1초보다 빠른 시간에 한번씩 Event를 발생시켜서 초침을 움직여야 해서 코드가 엄청 지저분 해졌겠지요.

(위험요소가 다분한) Timer Event가 하나도 쓰지 않고 구현한 WPF/E 시계 ... 재밌지 않은 가요?
( 나만 재밌나 -_- )

'내 생산물' 카테고리의 다른 글

Silverlight로 만든 Tistory Clock Widget  (0) 2007/04/22
삼성경제연구소 북리뷰와 독서로그  (0) 2007/04/12
네이버 미니 사전 북마크릿(Bookmarklet)  (16) 2007/03/27
WPF/E로 만든 Clock Widget  (2) 2007/02/07
PS Project 우승  (0) 2006/08/29
제4회 카포전 AI(뿌요뿌요) 대회 1등 - Team 뽀셔뽀셔  (1) 2006/08/15
[TatterTools] 태그로 만드는 갤러리  (3) 2006/08/12
Posted by U_Seung
TAG clock, Mashup, Silverlight, WPF/E, 생산물, 시계
트랙백 0개, 댓글 2개가 달렸습니다

네이버/다음, 매쉬업 경진대회 개최

정보 공유터 2007/02/05 16:10
사용자 삽입 이미지
사용자 삽입 이미지






 네이버/다음, 매쉬업 경진대회 개최하다.

 미국의 매시업 캠프( http://www.mashupcamp.com/ ) 를 따라한
 한국판 매시업 경진대회가 개최 되는 군요.  ( http://mashupkorea.com/ )


 미국의 스폰서들을 보면..
 Adobe, AOL, Autodesk, IBM, Intel, Microsoft, Sun, Yahoo 등의 굴지의 기업들인 반면.
 한국은 다음과 네이버만 당랑 두개만 같이 한다니 뭔가 아쉽긴 합니다..


 사실 우리나라는 공개 API가 매우 부족하긴 하지요.
 Naver 지도 API정도 이외에 쓸만한 API가 별로 떠오르진 않네요..

 참석하고 싶은 마음이 1g쯤 있지만..
 -.- 현실적인 시간을 고려해서. Link 깨진 NGMap이나 복구하는게 나을듯 -_-;;



'정보 공유터' 카테고리의 다른 글

PageRank 알고리즘(Algorithm) 감각 익히기.  (1) 2007/02/15
Loading Spin, 로딩중 이미지  (1) 2007/02/12
구글의 ActiveX 들..  (2) 2007/02/08
네이버/다음, 매쉬업 경진대회 개최  (0) 2007/02/05
WPF/E 기반 Vista Simulation  (0) 2007/02/02
Microsoft Expression, WPF/E Update  (0) 2007/02/01
날씨 RSS 서비스  (2) 2007/01/26
Posted by U_Seung
TAG Mashup, NGMap
트랙백 0개, 댓글 0개가 달렸습니다.

NGMap v0.6

내 생산물 2006/08/09 23:29

http://sparcs.org/~airlover/9eye.net/map/
에서 보시기바랍니다.

안타깝게도 호스팅 서비스에 문제가 생겨서
Tistory로 이전하면서 예전 글의 모습은 삭제 되었습ㄴ다.

'내 생산물' 카테고리의 다른 글

PS Project 우승  (0) 2006/08/29
제4회 카포전 AI(뿌요뿌요) 대회 1등 - Team 뽀셔뽀셔  (1) 2006/08/15
[TatterTools] 태그로 만드는 갤러리  (3) 2006/08/12
NGMap v0.6  (17) 2006/08/09
NGMap v0.5  (31) 2006/08/04
마케팅 관점에서 본 열린우리당의 새로운 활로 모색  (0) 2006/06/22
Fractal: 내가만든 프랙탈 - CG 프로젝트  (0) 2006/05/27
Posted by U_Seung
TAG JavaScript, Mashup, NGMap, OpenAPI, 구글 지도, 네이버 지도, 생산물, 지도 API
트랙백 11개, 댓글 17개가 달렸습니다

NGMap v0.5

내 생산물 2006/08/04 09:47

http://sparcs.org/~airlover/9eye.net/map/index_v0.5.html

에서 보시기바랍니다.

안타깝게도 호스팅 서비스에 문제가 생겨서
Tistory로 이전하면서 예전 글의 모습은 삭제 되었습ㄴ다.

'내 생산물' 카테고리의 다른 글

제4회 카포전 AI(뿌요뿌요) 대회 1등 - Team 뽀셔뽀셔  (1) 2006/08/15
[TatterTools] 태그로 만드는 갤러리  (3) 2006/08/12
NGMap v0.6  (17) 2006/08/09
NGMap v0.5  (31) 2006/08/04
마케팅 관점에서 본 열린우리당의 새로운 활로 모색  (0) 2006/06/22
Fractal: 내가만든 프랙탈 - CG 프로젝트  (0) 2006/05/27
DockShot: 3D 1인칭 시점 게임 - CG기말플젝  (0) 2006/05/27
Posted by U_Seung
TAG JavaScript, Mashup, NGMap, OpenAPI, 구글 지도, 네이버 지도, 매시업, 지도 API
트랙백 6개, 댓글 31개가 달렸습니다