作業メモ3：AlbiBoardをRSSで読む

2010年2月27日(土)00:51 • コメント（2） 

がんばって、とりあえずここまで来た！
http://y-nagisa.sakura.ne.jp/magpierss/example2.html

詳しいことは後で追記します。


[JS]パネルをスムーズに自動スクロールさせるニュースティッカー



作業メモ2：AlbiBoardをRSSで読む

2010年2月26日(金)16:18 • コメント（0） 

今日のところはこんな感じ。
http://y-nagisa.sakura.ne.jp/magpierss/test.html

このページの右サイドバーの一番下にも貼り付けてみた。

昨日やってみたのは「index.php」というページにRSSを表示させる方法。
今日やってみたのは、任意のページの任意の場所にスクリプトを貼り付けて、RSSリストを呼び出す方法。
かなりブログパーツに近づいてきたかな？

手順は

  1. RSSリストを表示させるためのphpファイル（rss.php）を作成する
  2. ホームページの任意の場所に「<script type=”text/javascript” src=”http://y-nagisa.sakura.ne.jp/magpierss/rss.php”></script>」というコードを挿入してphpファイルを呼び出す。
  3. 表示を確認する

phpのソースコードは、エラーを直しながら力づくで書いたので（笑）、かなり野蛮です。
[php]
channel[‘title’];
$text = “

“;
$text .= “

“;
foreach ($rss->items as $item ) {
$title = $item[title];
$title = substr($title,10);
$title = str_replace(“\n”, “”, $title);
$title = ereg_replace(“(https?|ftp)(://[[:alnum:]\+\$\;\?\.%,!#~*/:@&=_-]+)”, “\\1\\2“, $title);
$text .= “

“;
}
$text .= “

“;
$text .= “$title
$title

“;
echo “document.write(\”$text\”)”;
?>[/php]
実際のコードにはテーブルの枠線や背景色などスタイル設定してるので、もう少し複雑になってます。

いちばん引っかかったのは、「document.write」するのに改行コードを取り除いたり、エスケープ文字関連をちゃんとすることだったり。そういう、結局はjavascriptの基本的なところでつまづくんだよね・・・。基本がなってないので、付け焼刃作業はたいへんでごわす。



作業メモ1：AlbiBoardをRSSで読む

2010年2月25日(木)14:17 • コメント（2） 

現在の勉強の成果は、こんなかたち。
http://y-nagisa.sakura.ne.jp/magpierss/
image

基本的には、自作でブログパーツを作るとしたらどうやる？ということなのですが。
手順はまず、MagpieRSSを導入するところから始まります。
こちらやこちらを参考にしました。

  1. MagpieRSSをダウンロードして解凍する
  2. サーバーに適当なディレクトリを作成して、そこに拡張子が .inc のファイルと extlib フォルダををアップロード
  3. ディレクトリ直下に「cache」ディレクトリを作成し、属性を「777」に
  4. ディレクトリ内に「index.php」を作成してアップロード
  5. urlにアクセスして表示を確かめる

index.phpの内容はこんな感じです。
[html]



AlbiBoardをRSSで読む

channel[‘title’];
echo “

$title

\n”;
echo “

    \n”;
    foreach ($rss->items as $item ) {
    $title = $item[title];
    $title = substr($title,10);
    $title = ereg_replace(“(https?|ftp)(://[[:alnum:]\+\$\;\?\.%,!#~*/:@&=_-]+)”, “\\1\\2“, $title);
    echo “

  • $title

    • \n”;
    }
    echo “

\n”;
?>



[/html]
大事なのはphpの部分なんだけど

  • 18行目：「define(‘MAGPIE_OUTPUT_ENCODING’,’UTF-8′);」で文字コードを指定しておくと、文字化けしない
  • 20行目で読み込みたいRSSのURLを指定する
  • 27行目は、本文の行頭毎に出てくる「AlbiBoard:」という文字列をカットするためのしかけ
  • 28行目の「ereg_replace関数」で、各本文中にでてくるURLをリンク形式に書き換えるための置換を行う

twitterのRSS配信は20件までとなっているようなので、これで常に最新20件を呼び出せることになる。

これをjavascriptで呼び出して、見栄えよく表示させたり自動でリロードさせたりすると、ブログパーツらしいものが出来上がるのかなあ・・・（遠い目



これもテスト

2010年2月24日(水)23:24 • コメント（0） 

つまり、twitterはRSSを吐いているわけだから、
RSSリーダを使えばブログパーツ的なものができるだろうと。
そういう発想になりもうした。

すっと、それとスクロールさせるものとかを組み合わせると・・・

うーん。道のりは遠い。





想定内

2010年2月23日(火)11:58 • コメント（0） 

ジャンプのコーチの人が
「現状では順当にいって５番手」
と言っていたけれど、
まさにそのとおりになった模様。

波乱も起きなかったけど、実力は発揮できた、ということか。

これはテスト。



次のページ »

  • 　

    ブログパーツの貼り付け方はこちらへ

  • 月別アーカイブ

  • あいさつ掲示板

  • メタ情報