YahooニューストピックスAPI

dtn.jpのトップページにはYahooニュースのトピックスAPIを使い、ヤフーニュースを表示させてあります。トップページにニュースが表示されていれば、ポータルサイトぽく見えるかなと思って付けたのがきっかけです。

yahoo_news.png
ニュース情報の表示があるとポータルサイトっぽいです

最近ではブラウザのスタートページをdtn.jpにしていることもあり、ニュースを表示させておくと意外と便利だなと思ったりもしていました。

ニュース情報取得をRSSからAPIに変更

ニュースTopicsの表示方法ですが、最初に作った時は、YahooニュースTopicsのRSSがあったので、このRSSデータをPEARのXML_RSSで取り込み、これをパースして出力して表示をさせておりました。

とはいえ、RSSデータの二次利用をするのはあまり良いとは思えず、どうしようかと思っていたところ、YahooデベロッパーネットワークにYahooニュース用のAPIがあることに気が付きました。どうやら7月30日に公開されてたようです。(※今は提供終了しています

そこで、Yahooニュース APIを使ってさっそく作り直しました。せっかく作るので、ライブドアのトップページみたいにタブで切り替えて表示といったことができたらかっこいいなぁとは思ったので、最近流行のAjaxを使ったタブ切り替えができるような作りにしてみました。

news_tab.png
当時のトップページニュース表示部分

Ajaxでタブ切り替え

XMLHttpRequestでJavaScriptからPHPにRESTリクエスト用のパラメータを付けて投げて実現しています。

PHPでRESTリクエスト構築→返ってきたXMLをパース→必要なデータでリンク作成→JavaScript側にすでOKです。Ajaxは便利でいいです。

タブ部分は、onMouseOverより、onClickの方がいいかなぁとも思ったのですが、とりあえずマウスオーバーでスイスイ切り替わるようにしておきました。使いづらいようだったらまた変えてみます。

ABOUT dtn.jp

この運営ブログをみてdtn.jpの運営サイトに興味をお持ちになった方は下記のリンク集からサイトをご参照ください。PHP・SQL・JS・HTML・CSSや様々なAPIでゼロから立ち上げたサイトを複数運営しています。

dtn.jp関連サイト

  • ディレクトリ型検索エンジンdtn大手サイトは全てサービスを終了し、中小でも運営を継続するところがほとんどなくなってしまったディレクトリ型検索エンジンを2002年から細々運営しており、未だに細かい機能改修も行っております。申請されたサイトは実際に訪問して細かく確認をしているので登録までかなりお時間いただきます。
  • 猫ネコサーチエンジン猫・ペットサイト専用のディレクトリ型検索エンジンです。登録サイトはサイトのスクリーンショット付きでカテゴリに掲載しています。
  • 画像掲示板の泉画像やYouTubeやニコニコ動画が貼り付け可能な匿名画像掲示板です。27ジャンルに分かれた掲示板に、それぞれ100スレッドまで立てることが可能です。
  • ツイータンTwitter APIを使って10分おきに収集したTwitter(ツイッター)のトレンドワードや人気ハッシュタグデータを月別に集計してランキング形式で公開しています。
  • Keyword Tool++Yahoo APIや楽天サイトのデータを日次で収集したデータを元に、EC系キーワードをラインキング形式でご紹介しています。各ワードは検索ボリュームや関連語、24か月の検索ボリュームトレンドを確認も可能です。
  • 消費者金融の泉カードローン商品を取り扱う金融業者を一覧で比較可能としたサイトです。カテゴリ別、人気度別、限度額別、金利別に比較可能なサイトにしています。
  • TrendinGファッションモールに出店するブランドをアイテムヒット率でランキングとしたサイトです。まだβ版です。

各サイトの開発方法などについて

各サイトの開発方法や運用トラブルについては、当ブログで不定期にご紹介しています。Twitterで新着記事のお知らせもしています。宜しければフォロー下さい。