関連記事の表示を付けてみました
タイトルどおりですが、各記事の下に関連記事のリンクを表示してみました。 もし表示が崩れるようなら、一度リロードしてみてください。 これで続きものの記事などがだいぶアクセスしやすくなると思います。 現在は単純に同カテゴリの最新記事 5 件を表示しているだけですが、 段階的に調整していこうと思っています。
これまでは手作業で記事の最後にナビゲーション用のリンクを 追加していたのですが、今回は半自動化のシステムを構築したので、 だいぶ楽になりました(笑)。
ちなみにどうやっているかというと、
- すべての記事を delicious でセルフブクマする。その際、 livedoor blog のカテゴリと同じ名前のタグを付けておく。
- それぞれのタグのデータを JSON API を使って自宅マシンに取得する。
- 多少加工した後に、カテゴリごとに JSONP 形式の JavaScript ファイルを生成する。その際、スクリプトのファイル名を "カテゴリ名.js" としておく。
- 生成したファイルを FTP でアップロード。
- livedoor blog では記事のテンプレートでカテゴリ名を展開できるので、それを使って適切なスクリプトを記事に読み込む。
- 読み込んだデータをもとに関連記事を表示する。
という感じです。 ええ、けっこう回りくどいことをしているんですよ。
delicious の JSON API 自体も JSONP をサポートしているので 現在の表示内容程度であれば JavaScript だけでもできるのですが、 後々もう少し凝りたいのと、 delicious API のレスポンスが あまり良くない(たぶんわざとでしょう^^;)のが気になったので、 独自に JSONP のデータを用意するようにしています。
以前からナビゲーションの悪さは気になっていたのですが、 やっと改善の第一歩を踏み出せました。 少しずつ工夫を続けていきますので、今後ともよろしくお願いします。
Recommendations
Books
「Closure Library」の入門書です。
詳しくはこちらの記事をどうぞ!
詳しくはこちらの記事をどうぞ!
Categories
一歩進んだ Web アプリケーション活用術
Opera & Firefox をディープに使いこなす
WebOS 時代のプログラミング・ノウハウ
Gentoo Linux と VMware による個人サーバー構築記
オープンソース・アプリケーションで快適 Web ライフ
その他の記事
Recent Articles
この記事にコメントする