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・ニコニコ動画・Tiktokの貼り付けが可能な匿名画像掲示板です。27ジャンルに分かれた掲示板に、それぞれ100スレッドまで立てることが可能です。
  • ツイータンTwitter APIを使って10分おきに収集したTwitterトレンドワード・人気ハッシュタグデータを、月別に集計してランキング形式で公開しています。年間トレンドワードも公開中。
  • Keyword Tool++Yahooショッピングや楽天のトレンドワードデータを日次収集し、EC系の人気キーワードをラインキング形式でご紹介しています。各ワードの検索ボリュームや関連語、24か月の検索ボリュームをグラフで確認が可能です。
  • 消費者金融の泉カードローン商品を取り扱う金融業者を一覧で比較可能としたサイトです。カテゴリ別、人気度別、限度額別、金利別に比較可能です。
  • TrendinGファッションブランドを人気アイテムヒット率でランキング化し、一覧でご紹介しているサイトです。

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

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