最近、Reactを勉強していますが練習用のプロジェクトで使ったOpen APIをメモしていきたいと思います。
News API
News取得Open APIを使用するには以下のサイトで登録を行う必要があります。
登録を行ってから完了画面にてAPI KEYが表示されるのでコピーしておきましょう!
API確認
https://newsapi.org/s/japan-news-api
上記に入っていただくと日本のニュース取得APIについて使い方が出てきます。
全てのニュース取得

https://newsapi.org/v2/top-headlines?country=jp&apiKey={ご自身のAPI Key}
- 上記のURIにGetリクエストを送るとすべての日本のニュースが帰ってきます。
- articles:こちらがニュースリストとなります。
- 自分はtitle、description、urlToImage、urlを使って画面を作成しました。
- urlToImage:ニュース画像のurlとなります。
- url:ニュースを押下したときに遷移されるサイトのurlとして指定しました。
特定カテゴリニュースを取得

GET
https://newsapi.org/v2/top-headlines?country=jp&category=business&apiKey={ご自身のAPI Key}
- 全てのニュース取得のURIと似ていますが、query paramとして「category」が入っています。
- カテゴリには「business」「entertainment」「health」「science」「sports」「technology」があります。
- こちらもニュースリストがレスポンスとして帰ってきます。
