サンプルアプリ とは 意味/解説/説明

スマホ＆Heroku連携！事例に学ぶ無駄のないチーム開発の極意

実践「Heroku」をセットアップしてサンプルアプリを動かそう

前回は円滑なコミュニケーションを実現するために使用したyouRoomとPivotalTrackerについてご紹介させて頂きました。今回は「動くソフトウェア」を維持するために活躍する2つのツール、HerokuとTestFlightのうちHerokuに焦点を当てて、セットアップ方法から実際にサンプルア

西見 公宏（にしみまさひろ、@mah_lab）

2012年6月21日 20:00

Windows 8 Store Applicationプログラミング（応用編）

ポップアップメニューから各種コントロールを表示する

みなさんこんにちは。PROJECT KySSの薬師寺国安です。今回からWindows8ストアアプリの応用編の解説に入りたいと思います。応用編では、基本編では扱わなかったコントロールや、Facebook、Twitterとの連携についても解説したいと思います。基本編より一歩踏み込んだサンプルの紹介をい

薬師寺 国安

2013年2月1日 20:00

Windows 8 Store Applicationプログラミング（応用編）

画像の任意の部分をトリミングして保存するプログラムを作る

今回のサンプルは、表示された画像の任意の部分を矩形で選択し、[切り出す]ボタンをタップすると選択した部分が切り出されて表示される、というものです。[保存]ボタンをタップすることで、切り出した画像の保存もできます（図1）。実際にはピクチャライブラリ内にCutImageというサブフォルダーが自動的に作

薬師寺 国安

2013年2月13日 20:00

Windows 8 Store Applicationプログラミング（応用編）

ListBoxに表示された画像をポップアップメニューから削除する+1つのサンプル

今回は2つのサンプルを紹介します。「ListBoxに表示された画像をポップアップメニューから削除する」と「複数の画像を連続表示する」の2つです。まずは、「ListBoxに表示された画像をポップアップメニューから削除する」サンプルから紹介します。ListBoxに表示された画像をポップアップメニューか

薬師寺 国安

2013年2月8日 20:00

Windows 8 Store Applicationプログラミング（応用編）

画像を円形にトリミングして表示・保存するプログラムを作る

今回のサンプルでは、前回の「画像の任意の部分をトリミングして保存するプログラム」とほとんど処理は一緒ですが、選択する領域が矩形か円形かといった違いもありますし、保存する処理が異なりますので、コード全体を掲載しております。表示された画像の任意の部分を円形で選択し、[切り出す]ボタンをタップすると円形

薬師寺 国安

2013年2月15日 20:00

Windows 8 Store Applicationプログラミング（応用編）

Bing Maps上に地震の震源地を表示するプログラムを作る

今回のサンプルはWeb APIを使って、地震の震源地をBing Maps上に表示するものです。下記のAPIで返される、結果XMLを使用します。→　http://api.nmzu.jp/history.xml※今回使用している地震のAPIはmogkenさん作成のものです、mogkenさんのサイトにつ

薬師寺 国安

2013年2月20日 20:00

Windows 8 Store Applicationプログラミング（応用編）

Bing Maps上の好きな場所をマークして情報を表示するプログラムを作る

今回は、地図上にある任意の場所をマークして情報を表示するプログラミングサンプルを紹介します。サンプルでは、筆者の地元である四国八十八か所の霊場をBing Maps上に表示します。札所の番号が付いた円が表示されているので、タップすると札所名と所在地が表示されます。[検索]ボタンも表示され、ボタンをク

薬師寺 国安

2013年2月28日 20:00

Windows 8 Store Applicationプログラミング（応用編）

画像のドラッグ、移動、回転、拡大縮小を行う+1つのサンプル

今回は2つのサンプル「画像のドラッグ、移動、回転、拡大縮小を行う」と「文字がアニメーション表示される」を順番に紹介します。画像のドラッグ、移動、回転、拡大縮小を行うこのサンプルでは、画面上に重なって表示されている画像を、タッチ操作で、ドラッグ、移動、回転、拡大縮小を行うサンプルです（図1）。画面上

薬師寺 国安

2013年3月8日 22:00

Windows 8 Store Applicationプログラミング（応用編）

楽天の商品検索APIを使って、商品のジャンル別検索を行う

今回のサンプルは楽天のウェブサービスAPIを使って、ジャンル別の商品を検索して表示するサンプルです。楽天ウェブサービスを利用するには、デベロッパーIDが必要です。既に楽天会員である方には、メールでデベロッパーIDが送られているはずですので、それを使用します。また会員でない方は、下記URLから、「新

薬師寺 国安

2013年3月13日 20:00

顔認識APIを使って写真に黒縁メガネをかける

2013年3月15日 20:00

Webカメラの動画を保存し、再生するためのアプリケーションサンプル

2013年3月19日 20:00

選択した画像を拡大表示してアニメーションさせる+1つのサンプル

2013年3月22日 20:30

Windows 8 Store Applicationプログラミング（応用編）

メッセージボックスの処理を分岐させる+2つのサンプル

今回は3つのサンプルを紹介します。今回紹介するのは、「メッセージボックスの表示」と「WatermarkTextBoxを使用する」と「SecondaryTileをスタート画面に追加する」の3つです。各サンプルのコードは短いですので、理解しやすいと思います。まずは、「メッセージボックスの表示」から紹介

薬師寺 国安

2013年3月26日 20:00

Windows 8 Store Applicationプログラミング（応用編）

TwitterとFacebookへの同時投稿を行う（前編）

今回は、TwitterとFacebookに同時投稿を行う方法を解説するサンプルを前編、後編の2回にわたって解説します。前編では、Twitterに関する処理をメインに、後編では、FacebookへアクセスするためのApplicationIDの取得方法、Application Secret Keyの取

薬師寺 国安

2013年3月29日 20:00

Windows 8 Store Applicationプログラミング（応用編）

TwitterとFacebookへの同時投稿を行う（後編）

前回の記事「TwitterとFacebookへの同時投稿を行う（前編）」では、Twitterに関する処理をメインに解説しました。今回の後編（最終回）では、Facebookへアクセスするための、Facebook側へのアプリケーションの登録、ApplicationIDの取得方法、Application

薬師寺 国安

2013年4月3日 0:30

Windows Storeアプリ開発で今覚えておきたいTips10選+α

Windows8のストア画面で手軽に時計を表示するサンプル

こんにちは、薬師寺国安です。前回まで、Windows Store Applicationプログラミングの基本編、応用編を解説して来ましたが、それらの連載で紹介しきれなかったサンプルはまだまだありますので、引き続き紹介していきたいと思います。ここで紹介するサンプルを使って、ぜひ便利なアプリ作りに役立

薬師寺 国安

2013年4月19日 21:30

Windows Storeアプリ開発で今覚えておきたいTips10選+α

Windows 8のタイルに地震情報を表示するプログラムを作る

今回は当日発生した地震の情報をタイルに表示して（図1）、タイルをタップするとWebブラウザが起動して詳細情報を表示する（図2）プログラムを紹介していきます。※Webブラウザでの表示は、アプリ認定の要件である、「2.4 アプリで提供されるプライマリ エクスペリエンスはアプリ内で行われなければならない

薬師寺 国安

2013年4月22日 21:40

Windows Storeアプリ開発で今覚えておきたいTips10選+α

観たいジャンルの動画一覧をタイルに表示するプログラムを作る

今回のサンプルは、自分の見たいタレント、歌手、スポーツ等の名前を入力して[Yes]アイコンをタップすると、該当するデータがタイルで表示されます（図1）。任意のタイルをタップすると該当する動画がYoutubeで再生されるというものです（図2）。図1：AKB48と入力して、該当するデータがタイルに表示

薬師寺 国安

2013年4月25日 20:00

Windows Storeアプリ開発で今覚えておきたいTips10選+α

デスクトップのクラウディアさんが声で励ましてくれるプログラムを作る

今回のサンプルでは、下記のMicrosoftのURLで提供されているクラウディアの画像と音声を使用しています。→　クラウド ガール　キャラクター利用ガイドライン、解説集必ず使用ガイドラインに則ってご利用ください。今回の記事で利用させていただくことは、Microsoft様より使用許諾をいただいていま

薬師寺 国安

2013年5月7日 20:00

Windows Storeアプリ開発で今覚えておきたいTips10選+α

お花とクラウディアさんを合成して表示するプログラムを作る

前回の「デスクトップのクラウディアさんが声で励ましてくれるプログラムを作る」に続き、今回のサンプルも、下記のMicrosoftのURLで提供されているクラウディアの画像と音声を使用しています。→　http://msdn.microsoft.com/ja-jp/claudia00_03.aspx※な

薬師寺 国安

2013年5月8日 20:00

Windows Storeアプリ開発で今覚えておきたいTips10選+α

住所から郵便番号を検索できるプログラムを作る

今回のサンプルは入力した住所から、郵便番号を検索して表示するものです。入力ボックスに住所を入力すると、その住所に関係のある郵便番号の一覧が表示されます（図1）。更に絞ると関係のある1件が表示されます（図2）。※番地の入力は控えてください。番地まで入力すると郵便番号が表示されませんので、注意してくだ

薬師寺 国安

2013年5月16日 20:00

Windows Storeアプリ開発で今覚えておきたいTips10選+α

青空文庫を検索して目的の作品を探すプログラムを作る

今回のサンプルは、青空文庫に登録されている作者名と作品名を表示して、検索結果をWebブラウザ上に表示するものです。青空文庫に関しては下記のURLを参考にしてください。青空文庫リーダーではなく、あくまでも「青空文庫検索」ですので、リーダーの機能を作成するアプリではありません。→　青空文庫今回使用して

薬師寺 国安

2013年5月17日 20:00

Windows Storeアプリ開発で今覚えておきたいTips10選+α

場所と写真を記録するプログラムを作って思い出のシーンを保存しよう

今回のサンプルは、任意の場所や人物を撮影して、撮影した場所の位置情報と一緒に保存するというものです。5秒のカウントダウンの後、カメラのシャッターか切られて風景（または人物）を写して保存します（図1）。[写した場所を表示]ボタンで、Bing Map上に撮影した場所のおおまかな住所と画像表示します（図

薬師寺 国安

2013年6月3日 21:30

国内ニュースの取得・表示と、人名から画像検索を行う2つのサンプルをつくる

2013年6月4日 20:00

音声を録音してライブラリに保存するプログラムを作る

2013年6月6日 20:00

Webカメラの動画を保存して再生するアプリを作る

2013年6月7日 20:00

お気に入りの写真に登場する、仲良しクラウディアちゃん

2013年6月11日 20:00

APIを使って土地の公示価格を調べるプログラムを作る

2013年6月12日 21:30

GPSや写真を応用したアプリ作りのためのサンプルプログラム集

自分の現在位置を取得して表示するサンプルプログラム

今回のサンプルは、自分の現在いる位置を自動的に取得して、その大体の住所を表示するものです。ですので、デスクトップPCは対象にしていません。デスクトップPCを持って移動するということはないですからね(^_^)v。対象はノートPCまたは、タブレットPCです。起動すると自分の現在いる位置にズームインし、

薬師寺 国安

2013年6月27日 2:30

現在位置の近くにある宿を検索するサンプルプログラム

前回は、自分の現在位置を表示するプログラムを作りました。今回はその応用として、自分の現在位置の近くにある宿泊施設を見つけるプログラムを作ります。急な泊まりの用事ができた場合などにGPS搭載のタブレットPCなどがあれば、迷わず宿泊先を探すことができます。起動すると自分の現在いる位置(赤い●)と、1K

薬師寺 国安

2013年6月28日 0:40

現在位置近くの病院を素早く検索するサンプルプログラム

今回は、前回の宿検索と同じように、APIを利用して病院を検索するプログラムです。それほど重篤な症状ではないけれど、急いで病院に行きたい、といった場合などに、GPS搭載型のタブレットPCなどを使って素早く検索することができます。起動すると自分の現在いる位置(赤い●)と、1Km範囲内にある病院が、最大

薬師寺 国安

2013年6月29日 1:30

婚活に使えるお見合いパーティ検索アプリを作る

婚活に使えるお見合いパーティ検索アプリを作る

薬師寺 国安

2013年8月1日 21:30

緊急時に対応する救急指定病院の検索アプリを作る

もしも、家族が予期しない大怪我をしてしまったり、急な対応が必要な病気にかかってしまった場合、あなたはどうしますか？患者の容態を把握して救急病院に連絡しようにも、うまく探せずにパニックになってしまう・・、そんな事態が考えられるのではないでしょうか。今回のサンプルでは、そんな時に役立つ、近所の救急病院

薬師寺 国安

2013年8月15日 20:00

楽天の商品カテゴリから商品を検索できるプログラムを作る

今回紹介するサンプルプログラムは、楽天で取り扱う商品から、自分のほしい商品カテゴリを表示して検索ができるようにする、オンラインショッピングに役立つ内容です。画面が表示されると商品のカテゴリ一覧が表示されます（図1）。カテゴリを選択して、画面の上方でマウスの右クリックをすると、検索項目の入力欄が表示

薬師寺 国安

2013年8月21日 20:00

写真と現在位置を入れた画像日記アプリを作る

このアプリを実行するには、Webカメラと、GPS搭載または、位置情報を取得可能なパソコンが必要です。Webカメラが表示されています。もしリアとフロント両方のカメラに対応しているタブレットPCなら、選択ボックスにリアとフロントのデバイスが表示され、切り替えることができます。今回のサンプルはデスクトッ

薬師寺 国安

2013年8月29日 2:00

撮影した写真の管理ができるマイフォトアプリを作る

2013年8月31日 2:30

Webカメラで撮影した写真をセピア調に演出するアプリを作る

2013年9月3日 3:45

PCで撮影した写真を並べて最適な1枚を選べるプログラムをつくる

2013年9月12日 23:00

Yahoo!ローカルサーチAPIを使って地図上にランドマークを表示させるプログラムを作る

2013年9月20日 20:45

ちょっとした英訳を知りたい時に使える、デ辞蔵のREST APIを使った和英辞典プログラム

2013年9月27日 20:00

タブレットPCの加速度センサーを使って目的の画像を直感的に探せるプログラムを作る

2013年9月30日 20:00