NewsAPIを使ったニュースアプリ開発

NewsAPIを使ってニュースアプリを作成しました。

概要

キーワード検索でそのキーワードに関する英文ニュースを閲覧できます。

気に入ったニュースを登録できます。

作成の目的

週に1回、大学で研究に関する英文のニュースを紹介するので、そのニュースのネタ探しと英語の勉強のため作成しました。

使い方

ログイン画面

アプリケーションを起動すると、ログイン画面になります。


ここでログインしてください。はじめての方は、右上のRegisterで登録してください。


また、デフォルトでEmail:Test@gmail.com、PW:hogehogeというユーザがありますので、こちらでもログインできます。

トップ画面

Input keywordsに検索したいキーワード(英単語)を入力します。


また、複数検索も可能で、スペースを空けてキーワードを入力してください。


左のラジオボタンでAND検索かOR検索を選択できます。


Select optionのrelevancyは、そのキーワードで最も関連性が高いニュース、popularityは、最も閲覧されているニュース、publishedAtは、最も新しいニュースが先頭に表示されます。

最後にsubmitというボタンをクリックすると検索されます。

カテゴリー検索もでき、business、entertainment、general、health、science、sports、technologyから選択できます。

Favorite articlesの下にお気に入りの記事が表示されます。

検索、結果画面

先ほどのキーワードに関するニュースが20記事表示されます。

ニュースタイトルをクリックすると、情報元にとび、内容が確認できます。

その下のfavoriteというボタンをクリックすることで、お気に入り記事として、登録され、トップ画面で表示されます。

URL

https://thawing-fortress-57866.herokuapp.com/

使用技術

  • HTML/CSS
  • PHP7.3
  • Laravel6.20
  • MySQL15.1
  • API:https://newsapi.org/

機能一覧

  • ユーザ登録/ログイン機能
  • キーワード複数検索機能
  • カテゴリー検索機能
  • ニュース登録機能