Windows 8.1+Visual Studio 2013によるWindows ストア・アプリ開発実例集

記事一覧

四文字熟語の意味をキャラクターが声で教えてくれるアプリを作る

このアプリについて今回のアプリは、50音を選択して、その50音で始まる四文字熟語の読みと意味を表示します。「四文字熟語」または「読み」の部分をタップすると、「意味」をキャラクタが読み上げます(図1)。「意味」の部分をタップしても読み上げませんので、注意してください。また、たまに四文字熟語を表示させ

薬師寺 国安

2014年3月27日 21:30

  • 開発ツール
  • 技術解説

時刻とともに、その日の出来事をキャラクターが音声で教えてくれるアプリを作る

このアプリについて今回のアプリは、10秒間隔で現在の年月日時分秒がアニメ—ションを伴って表示され、その時刻をキャラクタが読み上げるアプリです。単に現在の日時を表示させるだけでは、Windows ストアの審査で「価値と有用性がない」と理由でリジェクトされます。そこで、当日に起きた過去の出来事の一部を

薬師寺 国安

2014年3月19日 20:00

  • 開発ツール
  • 技術解説

近くにある病院の場所をキャラクターが音声で教えてくれるアプリを作る

このアプリについて今回は、現在自分のいる場所の近くにある病院を、キャラクターが音声付きでガイドしてくれるアプリを作ります。操作方法は次の通りです。アプリを起動すると現在地に赤い●が付き、そこから1km範囲内にある病院の位置に番号の振られた青い●が表示されます(図1)。青い●をタップすると病院のデー

薬師寺 国安

2014年3月17日 20:00

  • 開発ツール
  • 技術解説

キャラクターが声で天気予報を教えてくれるアプリを作る

このアプリについて今回は、指定した地域の天気予報を、キャラクターが音声で案内してくれるアプリを作ります。最近は萌えキャラやゆるキャラなど、さまざまなキャラクターを目にする機会が多いので、独自のキャラクターを使ってアプリを作りたい方に向いているのではないでしょうか。操作方法は以下の通りです。まず「都

薬師寺 国安

2014年2月26日 20:00

  • 開発ツール
  • 技術解説

小さな子ども向けの文字練習アプリ「もじのれんしゅう」を作る

このアプリについて今回のアプリは、手書きで「もじ(日本語)」を入力し[よむ]ボタンをタップすると、キャラクタがその「もじ」を読み上げるというアプリです(図1)。このアプリは小さなお子さんが、「もじ」を学ぶためのアプリです。このアプリには、タッチ可能なディスプレイを持つPCが必要です。ペンの付属して

薬師寺 国安

2014年2月21日 20:00

  • 開発ツール
  • 技術解説

Leap MotionアプリをWindowsストアに申請して認定させる

このアプリについて今回は、Leap Motionを使った簡単なゲームアプリを作るのですが、ただ作るだけでなく、Windows ストアに申請、認定されるようにするところまで含めてプログラミング方法を解説していきます。上記の通り、今回のサンプルにはLeap Motionが必須です。コンピュータが考えて

薬師寺 国安

2014年2月5日 0:30

  • 開発ツール
  • 技術解説

画面上を流れる数字を暗算して正解を求めるアプリを作ろう(その2)

このアプリについて前回に引き続き「動体視力暗算アプリの解説を行います。前回はデザイン画面やXAMLコードの解説がメインでしたが、今回はVBコードの解説がメインになります。前編(その1)と併用して読まれることを希望します。まずは、「モジュールの設定」から入ります。モジュールの設定VS2013メニュー

薬師寺 国安

2014年1月28日 20:00

  • 開発ツール
  • 技術解説

画面上を流れる数字を暗算して正解を求めるアプリを作ろう(その1)

このアプリについて今回紹介するのは、画面上を流れる数字を目で追いながら計算して正しい答えを求める、ゲーム性を持ったアプリです。数字の文字サイズや移動するスピード、背景を設定することで難易度を調整することができます。設定画面で、「桁数」、「速度」、「文字サイズ」、「背景」を設定(図1)して、[開始]

薬師寺 国安

2014年1月27日 20:00

  • 開発ツール
  • 技術解説

指定した目的地までの距離をキャラクターが教えてくれるアプリを作ろう

このアプリについて今回のアプリは、「出発点」、「中継点」、「到達点」の3点を指定して、「出発点」から「到達点」までの直線的な距離を求めるアプリです。「出発点」、「中継点」、「到達点」の正確な住所を入力して、それぞれの[決定]ボタンをタップしていきます。最後の「到達点」の[決定]ボタンをタップすると

薬師寺 国安

2014年1月17日 20:30

  • 開発ツール
  • 技術解説

制限時間内に指定した画像を見つけ出す脳トレーニングアプリを作ろう

このアプリについて今回は脳トレーニングアプリ第2弾として、制限時間内に指定された絵柄と同じ絵を探すアプリを作ります。操作イメージは次のとおりです。マウスの右クリックで表示されるアプリケーションバー内の秒数選択ボックスで秒数を選択します(図1)。秒数を選択したら、アプリケーションバーを閉じ[開始]ボ

薬師寺 国安

2014年1月10日 20:30

  • 開発ツール
  • 技術解説

キャラクターが音声で応援してくれる脳トレーニングアプリを作ってみよう

はじめに今回から10回にわたって、Windows ストア・アプリの解説を紹介していきます。メインに扱うのは、音声機能です。Windows 8.1のWinRT APIでは、Speech用のAPIが追加されましたので、キャラクターに音声を喋らすことができます。この音声機能を使うと、また違った雰囲気のW

薬師寺 国安

2014年1月9日 20:00

  • 開発ツール
  • 技術解説

人気記事トップ10

人気記事ランキングをもっと見る