KySSTweetこのサンプルはリクルートの「駅マスタ検索API」を利用して、駅を検索し、BingMapsにその駅の場所を表示させます。リクルートの「APIリファレンス」については、下記のURLを参照してください。→参照:リクルート「ドコイク?」APIリファレンスまずは、このプログラムで実装する機能の動作を、下記に解説しておきます。実行すると、入力ボックスが表示されます。入力ボックスに「鹿児島」と入力して[OK]ボタンをクリックします。「鹿児島」に関する駅名の一覧が表示されます(図1)。図1:「鹿児島」に関する駅名の一覧が表示される(クリックで拡大)任意の駅をクリックすると、ホーム画面に駅名の表示されたタイルが、次々と追加されていきます(図2)。同じ駅名のタイルを重複して追加するとエラーになりますので、注意してください。図2:任意の駅をクリックすると、ホーム画面に駅名の表示されたタイルが、次々と追加される(クリックで拡大)表示されたタイルをクリックすると、BingMaps内に指定した駅の場所が表示されます(図3)。図3:任意の駅のタイルをクリックすると、BingMapsに該当する駅の場所が表示される(クリックで拡大)サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。実機(IS12T)で動作させた動画はこちらです。「駅マスタ検索API」のためのAPIキー取得方法サンプルを作成する前に、APIキーを取得する必要があります。下記URLにアクセスし、利用規約に同意した後、メールアドレスを入力するだけです。メールアドレスを入力すると、「メールアドレス確認」のメールが来た後、メールに書いてあるURLをクリックして、メールアドレスの承認後、APIキーが送られてきますので、それを使用します。2010のメニューから[ファイル(F)/新規作成(N)/プロジェクト(P)]を選択します。アプリケーション」を選択して、「名前(N)」に任意のプロジェクト名を指定します。ここでは「SecondaryTileAndMap」という名前を付けています。Phoneのバージョンは7.1を選択します。ソリューションエクスプローラー内にImageというフォルダを作成して1枚のPNG画像を追加しています。VS2010のメニューから「プロジェクト(P)/参照の追加(R)」と選択して、System.Xml.Linqを追加しておきます。ダウンロードされたファイルには画像ファイルは追加済みです。MainPage.xamlの編集とコントロールの追加x:NameがPageTitleというTextBlockのTextプロパティに「駅検索」と指定します。ツールボックスからTextBoxを1個、Buttonを1個、ListBoxコントロールを1個配置します。ButtonのContentプロパティには「OK」と指定します。次に背景色を変えるには、ContentPanelというNameを持つ要素のプロパティの[ブラシ]パネルにある、Backgroundプロパティに値を指定します。ここではTomatoを指定しています(図4)。図4:各コントロールを配置し背景色を設定した(クリックで拡大)書き出されるXAMLコードをリスト1のように編集します。日本語版では、フォントの設定なしにアプリケーションを実行し、タイトルやテキストに日本語を使った場合、日本語フォントが使われないで変な表示になってしまうことがあります。Language="ja-JP"と指定しておきます。<StackPanel>要素を配置し、Background(背景色)にNavyと指定し、余白を10設けます。プロパティに、「name」をバインドします。コード内のクラスで定義するプロパティ名です。(3)(2)のテンプレートが、ListBoxのItemTemplateに指定され参照されます。薬師寺国安(VBプログラマ)と、薬師寺聖(デザイナ、エンジニア)によるコラボレーション・ユニット。HTMLとDirectAnimationの普及を目的として結成。共同開発やユニット名義での執筆活動を行う。XMLおよび.NETに関する著書や連載多数。ITでは、より付加価値の高いコンテンツを会員サービスとして提供しています。ITのWebサイトにログインすることでさまざまな限定特典を入手できるようになります。IT会員サービスの概要とメリットをチェック他にもこの記事が読まれています開発ツールイベントGitHub、エンタープライズ向けのイベントを国内で開催。VeloCloudが選ばれる理由SD-WANとはなにか。Linuxエンジニア育成への思いF5とNGINXの組み合わせで、サービス公開をよりセキュアに。ITがお届けするポッドキャストです。