Monaca×ホットペッパーAPI。レストラン情報を検索するアプリを作る
Web APIを使うと個人や一企業での収集が難しいデータが簡単に手に入ります。多くは自社の保有するデータをオープンにするWeb APIが多いですが、中には翻訳や画像変換などの様々な機能をWeb APIとして公開しているものもあります。 こういったWeb APIを複数組み合わせることで、全く新しいアプリを作ることができます（なお、複数のWeb APIを組み合わせることをマッシュアップと言います）。 今回はそんなWeb APIの一つ、ホットペッパーAPIを使ったアプリの開発方法について紹介します。 ホットペッパーAPIの取得について 多くのWeb APIは、利用に際して認証が必要となっています。そうしないと無尽蔵にWeb APIをコールされてサーバに負荷がかかったり、他の利用者に迷惑をかける可能性があるからです。 ホットペッパーAPIも認証が必要な仕組みになっており、各自に配布されるAPIキー
今日の晩ご飯はどうする？Monaca×楽天レシピAPIでレシピアプリを作る
今日の晩ご飯はどうする？Monaca×楽天レシピAPIでレシピアプリを作る 2017年7月18日 技術情報 Monaca, rakuten, web api 中津川篤司 今回は楽天レシピAPIを使ってレシピ情報を見るアプリを作ってみたいと思います。 作成するアプリについて 今回作成するアプリは、まず最初にレシピのカテゴリが一覧表示されます。 カテゴリをタップするとレシピが並びます。 レシピをタップすると、そのレシピの簡単な情報が表示されます。 さらに詳細なレシピ情報はInAppBrowserにて楽天レシピのサイトにアクセスして表示されます。 以上の4つの画面で構成されたアプリになります。 楽天レシピAPIについて 今回利用するWeb APIは以下の2つです。 楽天レシピカテゴリ一覧API 楽天レシピカテゴリ別ランキングAPI 利用の際にはアプリIDが必要になりますので新規アプリ登録より登録
Instagram APIで写真を一覧表示するアプリを作ってみよう
Instagram APIで写真を一覧表示するアプリを作ってみよう 2017年12月5日 2017年12月21日 技術情報 Instagram, Monaca, web api 中津川篤司 「インスタ映え」が2017年の流行語大賞に選ばれたことでも話題になっている、お馴染みの写真共有SNS「Instagram」。 InstagramではWeb APIを提供しており、アップロードこそできないものの写真を自由に取得できるようになっています。 今回はInstagramのAPIを使って、自分の写真を取得するMonacaアプリの作り方を紹介します。 作るアプリ 今回作るアプリは次のようになります。まずOAuth認証を行います。 Instagramのログイン画面が出るのでログインします。 確認画面が表示されます。承認するとウィンドウが自動で閉じます。 認証後のトークンを使ってInstagramから自分
Monaca × Squareでアプリに決済機能を追加する
Squareは、専用のカードリーダーを使ってスマホやタブレットでカード決済が利用できるサービスです。決済手数料以外のコストがかからず手軽に利用できるため、カフェや雑貨屋など様々なお店で使われています。 利用を開始するには、イヤホンジャックに挿すタイプのカードリーダーを入手し、「Square POSレジ」を端末にインストールします。このアプリはカスタムURLスキーマやインテントを使って他のアプリと連携できるようになっています。 今回はMonacaと「Square POSレジ」アプリの連携方法をご紹介します。現在AndroidではSquareとの連携ができないため、プラットフォームはiOSを対象とします。 連携の仕組み iOSで外部アプリと連携する場合にはカスタムURLスキーマを使うケースが多いです。「Square POSレジ」アプリには square-commerce-v1:// というUR
Monaca×Watsonで人工知能アプリを作るハンズオン in 大阪
9月7日、大阪の株式会社TAMさんのコワーキングスペースにて 「Watson + Monacaで人工知能アプリを作ろう！」と題したハンズオンが行われました。 講師は、ITCA認定ITコーディネーターの井上さん。『初めてのWatson APIの用例と実践プログラミング』『Watsonで体感する人工知能』などのWatson関連の著作をお持ちです。 約二時間の間に、MonacaとWatsonのコグニティブAPIを使って簡単に画像認識ができるスマホアプリを作る過程を体験できました。この記事では当日の様子をお伝えします。 ハンズオンの前にAIについておさらい AIというワードが一般化してきた昨今ですが、そもそもAIとはなんなのでしょうか？ 少しAIブームの変遷を振り返ってみます。 井上さんによると、AIブームの変遷には大きく分けると三度の波があったそうです。 今となっては本当に当たり前すぎることです
Monacaアプリで音声操作を可能にするdocomo発話理解APIの紹介
Monacaアプリで音声操作を可能にするdocomo発話理解APIの紹介 2017年9月11日 技術情報 docomo API, Monaca, web api, 音声 中津川篤司 SiriやGoogleアシスタントなど、ユーザからの音声による命令を理解してアクションを起こす技術に注目が集まっています。音声操作を行う際、音声をテキストに変換する作業が必要なのはもちろんですが、テキストからユーザの意図を読み解く技術も重要です。 そこで今回はNTT docomoから提供されている発話理解APIを紹介します。 このAPIを利用することで、話し言葉から文脈を理解して、ユーザの意図した通りに動作する柔軟な音声操作機能を実現できます。 ベースについて まずベースになるコードは以下の記事で解説した内容になります。 音声操作にも。MonacaアプリとGoogle Cloud Speech APIで音声認識
AngularJSの方法でMonacaアプリを作ってみよう（前編）
実践的なMonacaアプリ開発の一例として、オープンデータのWebサービスを使ったアプリの作成方法を説明する。Monacaアプリ開発実践編の第1弾。 ← 前回 連載 INDEX 次回 → 連載最終回の今回（前編・中編・後編の3本）は、インターネット上で公開されている実際のデータを、AngularJSの方法でアプリに取り込み、画面に表示していく。 といっても特別に難しいわけではない。前回学んだAngularJSのデータ／コントローラー／表示とサービスを定型的な書き方で記述するだけだ。 オープンデータとWebサービス 皆さんは恐らくWebサービスというものをご存じだろう。その最たるものが「Google Maps API ウェブ サービス」で、Webページやモバイルアプリなどで幅広く活用されている。 Webサービスには、その時点で最新の情報が入手できるという側面がある。例えばlivedoor天気
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Monaca クラウド & リモートビルド API | Monaca Docs