ReactやAngularと並び、ここのところ人気が高まっているVue.js。Axiosを組み合わせれば外部APIを使った Webアプリも手軽に開発できます。 JavaScriptのアプリケーションを作っていると、よくリモートソースからデータを取得したり、APIを使いたくなったりすると思います。最近、公開されているAPIを見ていたら、ソースからデータを取得して処理するのに良いものがたくさんあることに気付きました。 Vue.jsを使えば提供される機能を使ってアプリを構築し、数分のうちにコンテンツの配信を始められます。 ニューヨークタイムズのAPIからデータを取得して、その日のトップニュース記事を表示し、ユーザーが興味があるカテゴリのニュースを選びだせる簡単なニュースアプリの作り方を説明します。この記事の全コードはここにあります。 アプリの出来上がりは下の図のようになります。 この記事では、V
![Vue.jsとAxiosなら驚くほど簡単に作れる!外部APIを使ったWebアプリの実例](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4ba6e7fa9e5bb24e8076d8eda8d3f4ce6be99c1/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2022%2F07%2F27%2F2444605%2Fl%2Fa1ed775cd81deede.jpg)