Yahooニュースの表示

dtn.jpのトップページにはYahoo APIのニュースAPIを使ってヤフーニュースの情報を表示しています。

個人サイトのトップページに表示をしても全く意味がないとは思っていたものの、なんとなくですが、ニュース情報が表示されているとポータルサイトぽいかと思って表示させております。

tabclick_yahoo_news.png
トップページのニュース一覧表示です

タブでニュースを切り替え

ニュースには国内・海外・経済・・・といったジャンルが存在するため、これをYahooトップページのようにタブ切り替えが可能なようにAjaxで作ってみました。

この切り替えにはタブ部分へのOnMouseOverを使っていましたが、マウスが乗るたびにphpを呼び出してしまい、これが結構な負荷となっていたので、Yahoo同様にOnMouseDownに変えることにしました。

おわりに

Yahoo! デベロッパーネットワークのページを久々に見たら、dtn.jpの検索でも使っている検索APIやニュースAPI以外にも、知恵袋API、みんなの検定APIなど、新しいAPIが多数公開されていました。

時間があったら、APIを使った新しい機能を制作してみようと思います。

PHPが学べるおすすめプログラミングスクール

この運営ブログをみて、もしdtn.jp管理人のようにサイトをゼロから作ってみたいという思いに駆られた方は、サイト開発やプログラミングをオンラインで受講できるプログラミングスクールの活用をしてみてはいかがでしょうか。サーバ/WordPress/HTML/CSS/JS/PHP/SQLなどの基本さえ分かれば、ゼロからサイト立ち上げもポンポンできるようになって、今なら仕事や転職にも役立つのでオススメです。

PHPも学べるオンラインスクール

  • CodeCampAWS Cloud9を使ったクラウド上のIDEが用意されているので、ネットにつながればスタート開始可能というゴージャスなスクールです。講師も選べて、Webマスターコースならプログラミング経験0でも一気にフロントエンドからバックエンドまでマスターできます。
  • ウェブカツJava言語やRuby言語なんぞ教えん!という、初心者にありがちな挫折ポイントがよく分かってるスクールです。フロントエンドエンジニアに必要なスキルセット&PHPがマスターできます。
  • フリークス HTML/CSSから始まり、MySQLやLinuxからPHPの変数や分岐やループ、クラスやPDOに最後はMVCまで教えてくれるので、そこまで分かればなんでもできそうです。メンターに質問もし放題がいいですね。
  • テックアカデミー法人のIT研修もやってる業界最大手・受講者数No.1のスクールです。メンターとの定期オンライン面談やチャットサポートなどもあり、大手ならではインフラ環境がウリです。PHPと合わせてjQueryもマスターできる、PHP/Laravelとフロントエンドコースがおすすめです。

オンラインスクールのデメリット

孤独になりがちなサイト制作も、優しいメンターがそばにいてくれれば凄い楽しそうですが、もちろんデメリットもあります。お金がかかるという点です。ひたすらググって、本を読んでよりは確実にコストがかかってしまいます。とはいえ、多少の余裕があるなら、こんなご時世なので時間と労力を買った方が良いと思います。