App InventorでAPIをコーディングする ジュニア部門カリキュラム App InventorでAPIをコーディングする このレッスンでは ... アプリケーション・プログラミング・インターフェース(API)とは何かを学びます アプリでAPIを使用して情報を取得します アクティビティ このレッスンのアクティビティ:アクティビティフルーツ栄養アプリ API API は Application Programming Interface の頭文字をとったものです。APIとは ウェブサイトやデータベースから情報を取得する方法です。 クラウドストレージはアプリ内で共有される内部情報のことですが、APIはアプリがインターネットから外部の情報にアクセスすることを可能にします。 クラウドストレージ API 例えば、天気から着る服を決めるためのアプリを作るとしましょう。天気に関するデータをデータベースにアップロードするのに多くの時間を費やすこともできますが、天気を表示するウェブサイトはたくさんあります。 より良い解決策は、APIを使用することによって天気予報のウェブサイトからデータを取得し、アプリを通してユーザーに表示することでしょう。 APIがどのように機能するかについてのわかりやすい解説ビデオがあります。 APIを使うには APIを使用しているウェブサイトを見つけましょう。以下はリスト 公開されているAPIの一覧です。 APIの使い方については、各サイトのドキュメントを読んでみましょう。ほとんどのサイトが例を挙げてくれています。サイトによっては、APIを利用する前にAPIキーの登録が必要な場合があります。 APIによっては利用料がかかるものもあるので注意しましょう。 APIコードをThunkableに組み込みましょう。 コーディング例 以下は、App InventorでAPIを使い始めるための簡単な例です。 Google Maps APIを使う際にとても基本的な例です。 Google Maps API と ActivityStarter コンポーネントを使用すると、アプリから特定の場所をターゲットに Google Maps アプリを起動できます。使用方法 スターターテンプレート に続く。 天気 このチュートリアルの例では Open Weather Map. iTunes この簡単なチュートリアルでは、 iTunes APIを使ってアーティスト名を入力したときに曲を再生する方法を紹介します。このリンクをクリックすると、App Inventorでサイドバーのチュートリアルが開きます。 アクティビティ:フルーツ栄養アプリ 所要時間30分 APIを使った果実情報の表示 App Inventor ギャラリーで Fruit Information プロジェクトへのリンクを開きます。 App Inventorにアプリをロードします。 アプリを起動して動作を確認する。 以下のJSON文字列の例をチェックして、どのように見えるかを理解しよう。 現在、アプリはカロリー情報のみを表示しています。CalorieLabelの下に2つ目のラベルを追加して、返される他の栄養価のいずれかを表示します。 ギャラリーを開く Tip ベストプラクティスプラクティス 楽しい事実、jsonは何の略?「JavaScript Object Notation」の略。Jsonは1999年に作成され、私たちが毎日使用したり取得したりするデータのほとんどすべてが、何らかの形でjsonを使用する必要がある。もしjsonがなかったら、我々が持っている技術のほとんどすべてが役に立たないだろう。クラウドからのほとんどすべてのデータは、データを受け渡すためにjsonを必要とする。 生徒への質問友人との間にAPIを作れるか? 友達の誰かが"/hello "と言ったら、あなたは挨拶で応えようとする。これは基本的にAPIだ。ある人が何か(hello)をリクエストしたら、あなたは好きな挨拶で返事を返す。もっと複雑な例があるだろうか?/hug、/triviaQuestion、/story、/weekendSummary。 メンターTipsは、AmeriCorpsから提供されたものです。 以下は、JSON文字列の例です。 FruityViceによって返される JSON 文字列の例です。{ "genus": "Musa", "name": "Banana", "id": 1, "family": "Musaceae", "order": "Zingiberales", "nutritions": { "carbohydrates": 22, "protein": 1, "fat": 0.2, "calories": 96, "sugar": 17.2 } } うまくいけば、API情報を含む2つ目の栄養ラベルを追加できたことになります!ヒントを確認したい場合は、このボタンをクリックしてください。 解決策を見る 振り返り アプリでAPIを使うことは非常に強力なツールになり得るが、実装するのは簡単ではありません! 必要な情報を得る方法を理解するには、そのサイトのAPIドキュメントを読むのに時間をかける必要があります。 これはあなたのアプリに役立つコンポーネントだと思いますか? 必要な情報を提供してくれるオンラインのウェブサイトを見つけられるでしょうか? 主な用語のおさらい アプリケーション・プログラミング・インターフェース(API)- 他のウェブサイトやデータベースから情報を取得し、アプリで使用する方法。 追加リソース 無料公開API一覧 前のレッスン コースに戻る 次のレッスン