次のプロジェクトにすごく役立つAPI 5選

本記事は、Mehdi Aoussiad氏による「[5 Extremely Useful APIs for Your Next Projects](https://javascript.plainenglish.io/5-extremely-useful-apis-for-your-next-projects-43647920a3e4)」（2020年12月13日公開）の和訳を、著者の許可を得て掲載しているものです。

#次のプロジェクトにすごく役立つAPI 5選
>次のプロジェクトを刺激する素晴らしいAPI

![](https://miro.medium.com/max/700/0*4iFS1VejkFIqk-ap)
Photo by [Christina@wocintechchat.com](https://unsplash.com/@wocintechchat?utm_source=medium&utm_medium=referral) on Unsplash

##はじめに

APIを使うと、開発者はプラットフォームの実装を利用して便利なタスクを実行することで、時間を節約できます。また、開発者がプログラムのために記述するコードの行数を減らすのにも役立ちます。APIは、アプリケーションに必要なデータにアクセスできるからです。

この記事では、知っておくべき素晴らしくて便利なAPIを紹介します。ここで紹介するAPIはすべて、単純な`POST`や`GET`メソッドを使って実行できるREST APIです。早速、始めましょう。

##1. Responsive voice TTS API

responsive voiceは非常に使いやすく、話者のアクセント、言語、性別などを変更できるテキスト読み上げAPIです。どんなテキストでも簡単に音声に変換できる、非常に優れたAPIです。

APIの詳細については、[ウェブサイト](https://responsivevoice.org/api/)をご確認ください。

次は、Codepenの例です。
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="eYdgMWy" data-user="MehdiAoussiad" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/MehdiAoussiad/pen/eYdgMWy">
  The voice API</a> by Mehdi Aoussiad (<a href="https://codepen.io/MehdiAoussiad">@MehdiAoussiad</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
>responsive voice API

上の入力テキストを変更し、「Speak」ボタンをクリックして試してみてください。

##2. The AcoBot AI chatbot API

AcoBot APIを使うと、ウェブサイトにAIチャットボットを追加できます。この驚くべきAPIは、人気ランキングで10点満点中9点を獲得しており、完全に無料です。この楽しいAPIの詳細については、[ドキュメント](https://rapidapi.com/Acobot/api/brainshop-ai)をご確認ください。

以下は、Codepenの例です。
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="qBaRrQa" data-user="jaagrav" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/jaagrav/pen/qBaRrQa">
  AcoBot API test</a> by Jaagrav (<a href="https://codepen.io/jaagrav">@jaagrav</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
>chatBot API

##3. Codex code compiler

CodeXは、Java、C++、Pythonなどのさまざまな言語に対応しているオンラインコンパイラです。CodeX APIを使うと、自分のウェブサイトでさまざまな言語のコードを無料で実行できます。もちろん、コードをコンパイルして実行するためのさまざまなAPIが市場に出回っていますが、CodeX APIとは異なり、完全に無料のものはありません。

興味がある場合は、[Githubのリポジトリ](https://github.com/Jaagrav/CodeX#something-special-for-other-developers)もご確認ください。

次のCodepenでは、`New Class`をクリックするだけで、コードコンパイル、実行、保存できます。
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="LYRxWBR" data-user="jaagrav" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/jaagrav/pen/LYRxWBR">
  CodeX</a> by Jaagrav (<a href="https://codepen.io/jaagrav">@jaagrav</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
>Codex

##4. The CountAPI

このAPIを使うと、簡単な数値カウンターを作成できます。ページのアクセス数を把握したり、ボタンをクリックしたユーザー数を把握したりするのに非常に便利なAPIです。

このAPIに関する全情報については、[ドキュメント](https://countapi.xyz/)をご確認ください。

次は、ページの閲覧数をカウントするCodepenの別の例です。
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="BaLQpyK" data-user="MehdiAoussiad" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/MehdiAoussiad/pen/BaLQpyK">
  Live counting views using the countAPI</a> by Mehdi Aoussiad (<a href="https://codepen.io/MehdiAoussiad">@MehdiAoussiad</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
>CountAPI

##5. The MovieDb API

このMovieDb APIを使うと、映画、テレビ番組、俳優の画像、映画に関するすべてのデータのリストにアクセスできます。このAPIは、そのデータをプログラムでフェッチしてAPI内で使うために提供されるシステムです。

この楽しいAPIの詳細については、[ウェブサイト](https://www.themoviedb.org/documentation/api)をご確認ください。

次の例では、`moviedb` APIを使って、映画のタイトルと画像のリストを表示する簡単な映画アプリを作成しました。映画も検索でき、APIから要求したデータを取得します。

<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="rNeZKGa" data-user="MehdiAoussiad" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/MehdiAoussiad/pen/rNeZKGa">
  Movie App vanilla Javascript.</a> by Mehdi Aoussiad (<a href="https://codepen.io/MehdiAoussiad">@MehdiAoussiad</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
>movie API

##おわりに

ご覧の通り、次のプロジェクトで使える非常に便利なAPIをいくつか紹介しただけでした。開発者として、APIを使用すると、APIのこのような便利な機能を利用できるため、多くのメリットが得られます。

この記事を読んでくださりありがとうございました。お役に立てば嬉しいです。

##もっと読む

>**知っておくべき素晴らしいフロントエンド開発ツール5選**
>すべての開発者が知っておくべき便利なフロントエンド開発ツール
>[medium.com](https://medium.com/javascript-in-plain-english/5-amazing-front-end-development-tools-that-you-should-know-7372dc377d7)

##翻訳協力

この記事は以下の方々のご協力により公開する事ができました。改めて感謝致します。

Original Author: [Mehdi Aoussiad](https://mehdiouss.medium.com/) ([@AoussiadMehdi](https://twitter.com/AoussiadMehdi))
Original Article: [5 Extremely Useful APIs for Your Next Projects](https://javascript.plainenglish.io/5-extremely-useful-apis-for-your-next-projects-43647920a3e4)
Thank you for letting us share your knowledge!

選定担当: @gracen
翻訳担当: @gracen
監査担当: -
公開担当: @gracen

##ご意見・ご感想をお待ちしております
今回の記事はいかがでしたか？
・こういう記事が読みたい
・こういうところが良かった
・こうした方が良いのではないか
などなど、率直なご意見を募集しております。
頂いたお声は、今後の記事の質向上に役立たせて頂きますので、お気軽に
コメント欄にてご投稿ください。[Twitter](https://twitter.com/BabyDegu?lang=ja)でもご意見を受け付けております。
皆様のメッセージをお待ちしております。