개발로그 - devLog :: me2day 플러그인 - 티스토리에도 사용가능 (js 로만 처리)

me2day 플러그인 - 티스토리에도 사용가능 (js 로만 처리)

잡담 2007/03/19 23:39

기본 me2day 의 rss 제공이
날짜(하루치) -> 하루치 올라온글 으로 되어 있다.

올라온 글을 따로따로 보기가 힘들다.

그래서.
http://me2day.net/comfuture/2007/03/15#12:43:08

거친마루 님께서
http://pipes.yahoo.com/pipes/pipe.info?_id=HkCxjqLS2xGADUgG6kjTQA

처럼 각 올라온 글을 따로 분리해 주셨다.

이 rss 피드를 가지고 플러그인을 만들려고 한다.

이 피드를 플톡의 js 로만 된 플러그인

을 이용하려는데,
제대로 처리를 해주지 못한다.

일단 여기까지 - 더 해보고, 다른 방법을 써야 할지도 모르겠다.

------------------------------------------------------------------
3월 20일 추가
어제에 이어 추가로 더 작업을 해보았음.

내부적으로
John Resig의 RSS to JSON Convertor(http://ejohn.org/projects/rss2json/)
대신에 거친마루님의 yahoo pipe

를 사용하였음.
그리고 prototype.js

를 부분 사용하였음.

작동에서 초점을 맞추어 몇가지 눈에 거슬리는 부분이 있음.(일단 공개)
추후 수정을 하게된다면 다시 올릴예정.

아래 코드를 'view plain' 으로 열고 복사해서, 스킨편집으로 가서 적당한 곳에 넣으시면 됩니다.
제 블로그 처럼 본문 하단 에 넣거나, 사이드 바에 넣어도 됩니다.

자신의 블로그에 맞게 아래부분을 적당히 바꿔주세요.
id 는 자신의 아이디로, 닉네임도 그냥 id 로 넣어도 되구요
사이드바에 넣는 경우나 제목을 넣고 싶으면 닉네임도 넣어주세요.

var size = 5; // 출력 개수
var length = 70; // 항목당 표현 길이
var id = 'taemy'; // Me2day 아이디

var head_yn = 0 ; // 제목 표시 있음(1) , 없음(0)

var nickname = '태미' ;

<script type="text/javascript" src="http://www.prototypejs.org/assets/2007/1/18/prototype.js"></script>

<script type="text/javascript">
/*
 * 사용법
 *  - 아래 변수를 수정하고 페이지 내용 중 원하는 부분에 붙여 넣으시면 됩니다.
 *  - size  : 리스트의 출력 개수입니다.
 *  - length: 리스트의 한줄당 표현 길이입니다. 0을 주시면 모두 표현됩니다.
 *  - id    : Me2day 의 사용자 ID입니다.
 * 
 * 기타
 *  - UTF-8이 아닐 경우 한글이 깨질 수 있습니다.
 *  - 스타일을 변경하시려면 소스 내용을 수정하세요.
 *  - 라이센스는 동일하게 CCL (By) 2.5 입니다.
 *
 *
 * 참조 - http://emotion.tistory.com/60
 * 내부적으로 John Resig의 RSS to JSON Convertor(http://ejohn.org/projects/rss2json/)
 * 를 사용하지 않고, yahoo pipe 를 사용하였음.
 *
 *
 */

var size = 5;  // 출력 개수
var length = 70; // 항목당 표현 길이
var id = 'taemy'; // Me2day 아이디

var head_yn = 0 ; // 제목 표시 있음(1) , 없음(0)

var nickname = '태미' ;
var main_title = nickname + '의 미투데이' ;
var main_url = 'http://me2day.net/' + id ;


var json_url = 'http://pipes.yahoo.com/pipes/pipe.run' ;
var pars = '_id=HkCxjqLS2xGADUgG6kjTQA&textinput1=' + id + '&_render=json&_callback=putMe2day' ;


function getMe2day() {
  var s = document.createElement('script');
  s.type = 'text/javascript';
  s.src = json_url + '?' + pars ;

  document.getElementsByTagName('head')[0].appendChild(s);

}

function putMe2day(rss) {
 var html = '';

 
if( head_yn == 1 ) {
    html = '<h3><a href="' + main_url + '" title="' + main_title + '" target="_blank">' + main_title + '</a></h3>';
  }
  
  html += '<ul>';

  for (var i = 0; i < size && i < rss.value.items.length; i++) {

    var item = rss.value.items[i];
    html += '<li><a href="' + item.link + '" title="' + item.title.stripTags() + '" target="_blank">'
      + ellipsis(item.description.stripTags() , length) + '</a></li>';
  }
  html += '</ul>';

  $('me2day').innerHTML = html;
}

function ellipsis(text, size) {
  if (size == 0) return text;
  var index = 0;
  var count = 0;
  for (index = 0; index < text.length; index++) {
    if (count >= size) {
      return text.substring(0, index).replace(/\s+$/, '') + '...';
    }
    count += escape(text.charAt(index)).indexOf('%u') > -1 ? 2 : 1;
  }
  return text;
}

getMe2day();

//-->
</script>

<FIElDSET style='padding:3px; text-align:left'><LEGEND>미투데이</LEGEND>
<div id="me2day">Me2day loading...</div>
</FIElDSET>

사이드바에 넣는 경우 맨 끝부분 의

<FIElDSET style='padding:3px; text-align:left'><LEGEND>미투데이</LEGEND>
<div id="me2day">Me2day loading...</div>
</FIElDSET>

를 그냥

<div id="me2day">Me2day loading...</div>

만 넣으시고,

var length = 25; // 항목당 표현 길이
var id = 'taemy'; // Me2day 아이디

var head_yn = 1 ; // 제목 표시 있음(1) , 없음(0)

정도로 바꾸시면 됩니다. (head_yn 는 그냥 0 으로 하는 것이 나을듯 함 - 알아서 ^^ )

# 감사합니다
Crowe Lee

- 플톡 플러그인 참조
거친마루

- 야후 pipe 참조

북마크 : WZD * 구글 * 네이버 * 뉴스2.0 * 다음 * 델리셔스 * 마가린 * 북마커 * 야후 * 한RSS * 정보

TAG me2day, 플러그인

이 글에 관련된 글.

태터툴즈 플러그인을 만들고 있다 - 애드센스,애드클릭스 [태그: 플러그인]
mashup 서비스 재료(?)들이 늘어난다. [태그: me2day]
바쁜 블로거를 위해 태어나다. 당신도 더블트랙스타일 ^^ [태그: me2day]
me2day 에 초대 받기 힘든 이유. [태그: me2day]
블로그에 오픈아이디를 적용해 보았습니다. [태그: 플러그인]

트랙백 5개 , 댓글 17개가 달렸습니다. ,

트랙백 주소 :: http://taemy.experlab.com/trackback/250

% 공지 : 혹시 트랙백이 안되시면, 댓글로 관련글을 남겨주세요.(수동트랙백) %

Subject: 미투와 블로그를 하나로, 태터툴즈 미투데이 플러그인
Tracked from 도아의 세상사는 이야기 2007/03/20 22:33 삭제
필자의 이전 글에서 언급했듯 필자는 플톡과 미투를 모두 사용하고 있다. 사실 요즘 플톡의 미투 표절 에 대한 얘기가 심심치 않게 나오고 있고, 제닉스 님의 글이 사실이라면 미투를 개발하신 만박 님은 피를 토하는 심정일 것이라는 생각이 든다. 미투를 사용하면서 느낀점 중 하나는 정말 조용한 섬 같다는 것이다. 무엇을 하나 하려고 해도 관련되는 도움말을 전혀 찾을 수 없었다. 플톡은 아이콘으로 접근할 수 있는 RSS URL 하나 찾기 힘들었다. 미투 플..
Subject: 야후 파이프를 이용한 플톡 피드 위젯
Tracked from eMotion 2007/04/17 21:56 삭제
예전에 플톡을 티스토리에 달아보자라는 포스트를 작성한 적이 있습니다. 그 때는 야후 파이프의 JSON 서비스를 알지 못해서 John Resig의RSS to JSON Convertor를 이용한 방법을 설명했었습니다. 이 포스트에서는 일반적인 RSS 피드를 야후 파이프를 경유시켜 자바스크립트를 이용한 위젯을 만드는 방법을 설명 드리겠습니다. 먼저 야후 파이프에서 RSS 파이프를 생성하거나 기존에 생성되어 있는 파이프를 선택합니다. 여기에서는 제가 생성한..
Subject: Beatmania의 느낌
Tracked from emptyframe's me2DAY 2008/05/16 02:25 삭제
me2day 플러그인 - 티스토리에도 사용가능 (js 로만 처리) 로 덕분에 내 블로그에도 달았는데, 지금 사용하는 스킨이 꽤 복잡해서 이쁘게 안나온다. 주말에 손 좀 봐야겠군.
Subject: A R A K I 의 생각
Tracked from arakii's me2DAY 2008/05/18 19:05 삭제
어? 사파리에선 이거 안 먹히는구나...킁킁.
Subject: ASURADA의 생각
Tracked from asurada's me2DAY 2008/08/08 11:28 삭제
블로그 사이드 바에 미투데이 플러그 인을 달았다. (taemy감사합니다.)

댓글을 달아 주세요

도아 2007/03/20 22:43 댓글주소 수정/삭제 댓글쓰기
무척 헷갈렸습니다. 티스토리용 플러그인이 올라와 현재 사용하고 있는 블로그가 티스토리인 줄 알았습니다. 그런데 책갈피 플러그인이 있는 것을 보고 태터인줄 알았습니다.
- 태미(taemy) 2007/03/20 22:47 댓글주소 수정/삭제
  예. ^^ 그냥 태터입니다.
  
  그냥 스크립트로만 처리해 본 것입니다. ^^
  
  ps. 아! 책갈피 플러그인 고맙습니다. ^^
djsol 2007/03/21 14:28 댓글주소 수정/삭제 댓글쓰기
우와..저도 달았습니다..스타일도 쫌 바꿔봤어요
감사합니다!!
- 태미(taemy) 2007/03/21 19:06 댓글주소 수정/삭제
  ^^
  예쁘네요.
Crowe Lee 2007/03/22 01:25 댓글주소 수정/삭제 댓글쓰기
RSS를 JSON으로 변환하여 callback을 해주는 서비스가 John Resig 사이트밖에 없는 줄 알았는데 Pipes에서는 기본 제공이군요. 좋은 정보 얻어 갑니다.
- 태미(taemy) 2007/03/23 13:16 댓글주소 수정/삭제
  예. 만드신 플톡플러그인이 많은 도움이 되었습니다.
  내부 core 는 야후 pipe 로 바뀌었지만요.
  
  yahoo pipe 가 여러모로 쓸모가 있는 것 같네요. ^^
만박 2007/03/26 00:57 댓글주소 수정/삭제 댓글쓰기
저도 달았어요! ^^
- 태미(taemy) 2007/09/02 16:57 댓글주소 수정/삭제
  ^^
  
  일자별 rss 내보내기 도 해주세요. ^^
  
  http://taemy.experlab.com/214
파스텔꿈 2007/04/20 16:38 댓글주소 수정/삭제 댓글쓰기
덕분에 달았습니다
Ra 2007/05/04 14:40 댓글주소 수정/삭제 댓글쓰기
좋은 스크립트 감사합니다.

저는 Opera 브라우져를 주로 사용합니다. IE에서는 잘 작동되지만 오페라에서는 putMe2day(rss);가 실행되지 않네요. pipe로 되어있는 json 스크립트는 로딩이 되는 듯 보입니다만.. 원인을 잘 모르겠습니다. 인코딩 문제일런지도 모르겠고요.
태미(taemy) 2007/05/04 14:54 댓글주소 수정/삭제 댓글쓰기
파스텔꿈 // 잘쓰세요. ^^

Ra // Opera 에서는 테스트를 안 해봤네요.
한번 테스트를 해봐야 겠군요.
나무 2007/07/02 00:41 댓글주소 수정/삭제 댓글쓰기
지저깨비님 홈에 있는 글을 보고 쫓아와서 지금 붙였습니다. 출력개수를 조정할 수 있어 참 좋습니다. 전 한 줄을 원했거든요. 덕분에 감사합니다. 구우우웃이에요. 구우우웃~~(하이킥 교감 선생 톤으로)
- 【태미™】 2007/07/02 20:35 댓글주소 수정/삭제
  미투데이.. 아니죠~~ 미투돼이~ (개콘 변선생 버전.. )
  
  전 이 플러그인을 쓰면 느려지는 것 같아! 일단 떼어 놓았습니다. ^^
dudtn 2007/07/10 23:44 댓글주소 수정/삭제 댓글쓰기
소스는 잘 사용하고 있습니다.
테터 데스크에 달아서 사용중입니다.^^
혹시 이 플러긴에서 사용되는 야후 파이프...
(var json_url = 'http://pipes.yahoo.com/pipes/pipe.run ' ; )
만드신 pipe.run 파일을 구할 수 없을까요?
저도 가입해서 하나 만들어봤더니 파일로 다운 받아서 사용할 수 있게 되어 있던데요...
야후 사이트에서 이것을 받는지 로딩 속도가 엄청 느려지네요^^
작은선물 2007/09/01 01:12 댓글주소 수정/삭제 댓글쓰기
역시 사람은 모르면 이렇게 얻어 쓸 수 있군요.
방금 블로그에 붙였는데, 귀엽게 잘 붙어 있습니다.
감사합니다~^^
ucandoit 2008/05/16 02:42 댓글주소 수정/삭제 댓글쓰기
이런 게 있는 지 이제서야 알았네요.
너무 감사해요~! ^^
아이초보넷 2008/07/08 19:15 댓글주소 수정/삭제 댓글쓰기
님 덕분에 바로 달았습니다.
정말 굿입니다..
좋은정보감사합니다