Monthly Archives: 8月 2012

レッドストーンあんてなリニューアル

 

こんちくわ。

お盆休みと土日でレッドストーンあんてなを1から作りなおして見ました。

サイト作成やPHPなんかの知識があるわけでもないので、多くのサイトを見ながらやっていました。

そんなわけもあって、HtmlもCSSもJavascriptもサイト作成はぜーんぶメモ帳のみでやっています。hand_09.gif

で、思ったよりも時間がかかっちゃったけど、一応更新してみましたよっと。

 

というわけで、後々の事も考えてメモがてらにやったことでも箇条書きにしておきます。

もし、何か作るときの参考にでもなれば~

 

使ってるスクリプトやサービスや種類なんか

[note color=”#FFF7DF”][list style=”check”]

  • MagpieRSS-PHPで使えるRSSパーサー。PHPで外部のRSSを取得、解析、そしてキャッシュまで全部やってくれる
  • Yahoo! Pipes-任意のRSSに色々なフィルター処理をかけ出力することができる
  • jQuery-JavaScriptとHTMLの相互作用を強化する軽量なJavaScriptライブラリ
  • PHP-自力

[/list][/note]

RSSについてやったこと

[note color=”#FFF7DF”][list style=”check”]

  • 日時で限定-31日前より現在時刻まで
  • 広告削除-アメブロ対策
  • ソート-日付降順
  • 最大100件

[/list][/note]

サイトの見やすさ?に向けてやったこと

[note color=”#FFF7DF”][list style=”check”]

  • 横幅は950~1000pxで構築(大手サイトはほぼ950px付近)
  • サーバーの色分けをパステルカラーっぽく
  • メニューの並びは鯖順ではなく色順
  • テーブルを行ごとに色分け
  • ブログ名で絞込み
  • ブログ内容をTipで表示
  • 小窓でページ偏移無くチェック可

[/list][/note]

サイト高速化に向けてやったこと

[note color=”#FFF7DF”][list style=”check”]

  • HTML,CSS,Javascriptファイルの圧縮(最低限の圧縮)こことかでやった
  • RSS取得後30分後にキャッシュ設定(30分まではキャッシュを表示)MagpieRSSで設定
  • キャッシュ更新はCronJobで各サイト30分ごとに自動更新設定(サーバーCronJobで設定)
  • 主なCSS,Jquery,imageファイルは外部国内別サーバーに置き負荷分散
  • ブラウザキャッシュの設定(変更が無いファイルは1ヶ月設定).htaccessで設定
  • JqueryはGoogleにホストされているものを使用(簡単コピペサイト)
  • サーバーのPHPバージョンを5.2から5.4へ変更

[/list][/note]

サイト修正についてやったこと

[note color=”#FFF7DF”][list style=”check”]

  • 修正しやすいようにテンプレート化にした(PHP-1箇所変えたらページ変わる)
  • テンプレートはヘッダー・メニュー・右カラムの3箇所

[/list][/note]

RSS取得の仕組みについて

[note color=”#DFE7FF”]

  1. RSS発信サイトのRSSを取得-手動・投稿より
  2. Yahoo!Pipes(以下YP)にRSSを登録-手動
  3. YPにて31日前より現在時刻までのRSSに絞る-Date Builder
  4. YPにて広告RSSを削除-Filter
  5. YPにて日時降順に並び替え-Sort
  6. YPにてRSSを100件に絞る-Truncate
  7. magpierssにてYPのRSSを取得
  8. PHPで文字コードをUTF-8へ変換
  9. PHPでhtmlタグ、改行、スペースを削除
  10. PHPでタイトルと記事内容の文字数制限
  11. PHPでドメイン判断で各項目追加
  12. PHPで現在日時を取得し経過アイコンを付加
  13. 30分毎に出力をキャッシュで保存
  14. サイト表示

[/note]

ここまでのサーバー統計(今後はまだわからない)

[note color=”#DFE7FF”]

Apacheログよりrss.y2blog.comのみの統計情報

2012年5月
ページビュー:184505
ユニーク数:8279
ヒット数:305674
転送量:4.14GB

2012年6月
ページビュー:459548
ユニーク数:22762
ヒット数:702563
転送量:9.93GB

2012年7月
ページビュー:610636
ユニーク数:32611
ヒット数:985888
転送量:13.65GB

[/note]

レッドストーンあんてなの見直し

やっとの事で連休に入りました。

もちろん、お持ち帰りのブツも大量に持ってきているので休みのようで休みでは無い今日この頃です。

 

さてさて、自分用で作っていたレッドストーンあんてな@わいつを一般公開したところ、思ったより好評でして何よりです。

がしかし、あくまで自分用の用途でしか無かったため色々と問題もあったわけです。

ということで、この休みを利用して一つテストスクリプトを組んでみました。

以前と違う点は主に、

・RSS取得プログラムをYahoo! Pipesへ変更
・RSS表示プログラムをmagpierss+PHPへ変更
・RSSソートプログラムをYahoo! Pipesへ変更
・1サイトにつき2記事までを無制限に変更
・Yahoo! PipesでRSS50ブログ取得+取得時より1ヶ月前までのもののみ取得+広告削除+時系列降順ソート+上位50件~100件など
・magpierssとPHPでキャッシュ30分ごとに設定+UTF-8へコンバート+改行とhtmlタグ削除+スペース削除+文字数制限+ドメイン判断で項目追加+24/48/72時間アイコン追加など
・jQueryでテーブルストライプ+マウスオーバー+ToolTipsで本文一部表示など
Pingdomでサイトの表示速度や何が重いかをチェック

と、箇条書きにしてみてわけが分からなくなりましたが、簡単に言うと

・なるべくシンプルかつ情報量を多く
・サイトは軽く見やすく
・取得とフィルターは外部で
・キャッシュを利用
・jQueryでより軽くクロスブラウザ対応
・本文一部をちょっと見せる

こんな感じにしたいなぁと言う話です。

まだまだテスト段階ですが、見てみたいよ!なんていう人は下記からどうぞ。

レッドストーンあんてな@βテストVer.

黒鯖ブログのみでテストしています。

まだテストなのでそのへんよろしくです!

レッドストーンちゃんねる

 

どうせなら、メイン名晒してお前が掲示板やれよ!

という圧力に屈し作っておきました。

したらばの避難所でも何でも使ってみて下さい。

とりあえず、テスト運用で。てけとーにテスト書き込みでもしてみてください。

スレッドは自由に作成できます。削除人はいません。メインキャラ名晒せる人にしよかなw

仕様なんかは後ほど。

http://rsch.y2blog.com/bbs/