[Windows Phone 7 UI ガイドを読み解く ] 第 16 回 ～タッチによる入力～ [Touch Input] (72 ページ - 77 ページ ) Windows Phone 7 は、画面をタッチすることで様々な入力や操作を行います。 ハードウェアキーボードがついている機種もありますが、ハードウェアキーボードはオプションですので、基本的な操作は画面上で行います。 ユーザーが画面をタッチしたときは、アプリケーション側はそのタッチに対応する反応を即座に行う必要があります。 例えば、画面上に写真が表示されていて...

マイクロソフトの田中達彦です。 気が付いてみれば、前回の投稿がちょうど 100 回目の記事でした。 100 回目は何か特別なことを書きたいなと思っていたにもかかわらず、気づかずに普段と同じように記事を書いていました。 MSDN ブログを 2010 年 9 月 30 日に始めて、早いもので約 2 か月になります。 気を付けていること、気になっていること、気にしていることなどを思いつくままに書き綴ってみました。 [ 連載とそれ以外の記事 ] 連載記事は、営業日にほぼ毎日投稿するようにしています。 丸一日外出しているときなど...

[Windows Phone 7 UI ガイドを読み解く ] 第 15 回 ～アプリケーションの設定～ [Application settings] (68 ページ - 69 ページ ) 何らかの設定する項目があるアプリケーションでは、設定用のページを用意したほうがよいでしょう。 設定用のページを作る場合は、以下の設定ページのような、システムの設定やシステムアプリケーションの設定のレイアウトや振る舞いを参考にしてください。 アプリケーションの設定を変更する際は、 変更を即座に反映するように実装 します...

[Windows Phone 7 UI ガイドを読み解く ] 第 14 回 ～システムとシステムアプリケーションの設定～ [System and system application settings] (66 ページ - 67 ページ ) システムの設定やシステムアプリケーションの設定の変更を行うには、アプリケーションの一覧にある Settings のアイコンをタップします。 設定の画面では、システムの設定とシステムアプリケーションの設定の画面がピボット形式で表示されています。 ※ ピボット ...

マイクロソフトの田中達彦です。 11 月 20 日に発売した、 XBOX360 の新しいコントローラーである Kinect で遊んでみました。 一言でいうと、ゲーム機のあり方が変わったような気がします。 単にビデオゲームという枠組みから、遊園地のアトラクションに変化しているような感じです。 長時間プレイしていると、息が切れます。疲れます。運動不足が解消できます。 僕は初期型の XBOX360 を持っていたので、 Kinect センサー を買いました。 付属していた Kinect アドベンチャーには...

[Windows Phone 7 UI ガイドを読み解く ] 第 13 回 ～ WP7 のテーマ～ [Themes] (62 ページ - 63 ページ ) WP7 では、画面の背景色とアクセントの色を選ぶことができます。 この背景色とアクセントの色の組み合わせをテーマと呼びます。 テーマは、使う人が自由に選ぶことができます。 テーマとして設定できる背景色として、 dark という黒っぽい色か、 light という白っぽい色のどちらかを選択することができます。 アクセントとなる色は、以下の 10 色が用意されています...

マイクロソフトの田中達彦です。 予約注文していた XBOX360 の新しいコントローラーである Kinect( キネクトと呼びます ) が家に届きました。 朝 9 時過ぎに来客を告げるチャイムが鳴ったので出てみると、 Kinect の配送でした。 予期せず、お店に買いに行くより早く入手できたので、さっそく設置します。 まず外側の段ボールを開けると、中に Kinect の箱が。 入っているものは、こちらで全部です。 設置して、遊んでみます。 今までにない感覚でゲームができます。 この写真は、場所の広さを検知している画面...

[Windows Phone 7 UI ガイドを読み解く ] 第 12 回 ～ページのタイトル～ [Page title] (56 ページ - 57 ページ ) WP7 のページには、以下のようにタイトルをつけることができます。 このタイトルはオプションなので、タイトルをつけないことも可能です。 Windows Phone 用開発ツールのテンプレートには、デフォルトでタイトルがあります。 コンテンツがスクロールする場合でもタイトルの部分はスクロールしません。 タイトル部分は、タップしても何もアクションをおこしません...

マイクロソフトの田中達彦です。 公開された Internet Explorer 9 Platform Preview 7 のデモについて、紹介していきます。 IE9 PP7 のインストールについては、下記ブログをご参照ください。 http://blogs.msdn.com/b/ttanaka/archive/2010/11/18/ie9-platform-preview-7.aspx IE9 は GPU を活用しているため描画スピードが大幅に向上しています。 それ以外にも、 JavaScript...

[Windows Phone 7 UI ガイドを読み解く ] 第 11 回 ～ナビゲーション、フレーム、ページの概念～ [Navigation, frames and pages] (52 ページ - 55 ページ ) WP7 のアプリケーションは、 Silverlight のページモデルがベースになっています。 リンクを使用して次のページに進んだり、戻るボタンで前に表示していたページに戻ります。 アプリケーションの中核となる最上位のコンテナは、フレームと呼ばれます。 1 つのアプリケーションには...

マイクロソフトの田中達彦です。 公開された Internet Explorer 9 Platform Preview 7 のデモについて、紹介していきます。 IE9 PP7 のインストールについては、下記ブログをご参照ください。 http://blogs.msdn.com/b/ttanaka/archive/2010/11/18/ie9-platform-preview-7.aspx Platform Preview 6 からわずか 3 週間で出てきた Platform Preview 7 は、...

マイクロソフトの田中達彦 です。 Internet Explorer 9 Platform Preview 7 が公開されました。 Platform Preview 6 から約 3 週間での公開です。 インストールは、下記サイトから行えます。 http://ie.microsoft.com/testdrive/ 画面の上のほうにある、 Downloads と書かれたところをクリックしてください。 下図の赤で囲った部分です。 クリック後に表示されるページの右側の Download Preview 7...

[Windows Phone 7 UI ガイドを読み解く ] 第 10 回 ～直接の通知～ この連載は、「 UI Design and Interaction Guide for Windows Phone 7 」というドキュメントを元にして、 Windows Phone 7 の UI デザインについての説明しています。 [Raw notifications] (50 ページ - 51 ページ ) 直接の通知 (Raw Notifications) は、アプリケーションを使用しているときに、ユーザーに何かしらのアクションを要求するときに使用します...

[Windows Phone 7 UI ガイドを読み解く ] 第 9 回 ～トーストによる通知～ この連載は、「 UI Design and Interaction Guide for Windows Phone 7 」というドキュメントを元にして、 Windows Phone 7 の UI デザインについての説明しています。 [Toast notification] (48 ページ - 49 ページ ) トーストを使用した通知とは、下図のオレンジの部分のように、画面の端に特別なメッセージを表示させることです...

[Windows Phone 7 UI ガイドを読み解く ] 第 8 回 ～タイルによる通知～ この連載は、「 UI Design and Interaction Guide for Windows Phone 7 」というドキュメントを元にして、 Windows Phone 7 の UI デザインについての説明しています。 [Tiles and tile notification] (46 ページ - 47 ページ ) タイルとは、以下の図のような、スタート画面に表示されている四角いアプリケーションのショートカットです...

マイクロソフトの田中達彦です。 11月25日、26日に開催するPDC10 （Professional Developers Conference) に少し席ができたので、登録を再開しました。 先着順で規定人数に達したら締め切ります。 http://www.microsoft.com/japan/cloud/msc2010/pdc/default.mspx このブログを書いている時点で、まだ空きがあります。 Windows Phone 7のセッションも用意しています。 興味があるかたは、ぜひご登録ください...

マイクロソフトの田中達彦 です。 Silverlight の今後を語る、 "Silverlight Firestarter" というイベントが開催されます。 登録すれば、オンラインで視聴することができます。 イベント名 : Silverlight Firestarter 日時 : 2010 年 12 月 2 日 ( 木 ) 9:00 ～ ( 米国西海岸時間 ) 日本時間の 2010 年 12 月 3 日 ( 金 ) 深夜 2 時開始です。 予定しているセッション : 9:00 AM ( 日本時間...

マイクロソフトの田中達彦です。 Windows API Code Pack 、フォトギャラリーのプラグインと、連載が終わった時にブログビューワーというものを提供しています。 前回、下記記事で WPF 版ブログビューワーの作り方を説明しました。 http://blogs.msdn.com/b/ttanaka/archive/2010/11/10/wpf.aspx 今回は、 Windows フォーム版ブログビューワーの作り方を説明します。 今回も、開発ツールは Visual Studio 2010 ...

マイクロソフトの田中達彦 です。 Internet Explorer 9 ベータ版用のテストガイドの日本語版が公開されました。 http://msdn.microsoft.com/ja-jp/ie/gg317662.aspx http://msdn.microsoft.com/ja-jp/ie/gg317663.aspx http://msdn.microsoft.com/ja-jp/ie/gg317664.aspx 以下はテストガイドからの抜粋です。 本ドキュメントでは既に運用・管理または開発...

[Windows Phone 7 UI ガイドを読み解く ] 第 7 回 ～プッシュ通知サービス～ この連載は、「 UI Design and Interaction Guide for Windows Phone 7 」というドキュメントを元にして、 Windows Phone 7 の UI デザインについての説明しています。 [Push notifications] (44 ページ - 45 ページ ) さまざまな状況が変化したときに、ユーザーにその情報を知らせたい場合があります。 そのときに...

マイクロソフトの田中達彦です。 先日公開された Internet Explorer 9 Platform Preview 6 のデモについて、紹介していきます。 IE9 PP6 のインストールについては、下記ブログをご参照ください。 http://blogs.msdn.com/b/ttanaka/archive/2010/10/29/ie9-platform-preview-6.aspx 今回紹介するデモは、 video element を使用した万華鏡です。 キャンバス上に複数の動画を表示させて...

[Windows Phone 7 UI ガイドを読み解く ] 第 6 回 ～電話機の傾きによる画面の向き～ この連載は、「 UI Design and Interaction Guide for Windows Phone 7 」というドキュメントを元にして、 Windows Phone 7 の UI デザインについての説明しています。 [Screen Orientations] (38 ページ - 39 ページ ) WP7 は、画面の向きとして 3 方向の画面をサポートしています。 縦方向に長いポートレイト...

[Windows Phone 7 UI ガイドを読み解く ] 第 5 回 ～アプリケーションバー メニュー～ この連載は、「 UI Design and Interaction Guide for Windows Phone 7 」というドキュメントを元にした Windows Phone 7 の UI デザインについての説明しているものです。 [Application bar menu] (36 ページ - 37 ページ ) アプリケーションバー メニューとは、アプリケーションバーから特定の機能を呼び出すための...

[Windows Phone 7 UI ガイドを読み解く ] 第 4 回 ～アプリケーションバー～ この連載は、「 UI Design and Interaction Guide for Windows Phone 7 」というドキュメントを元に、 Windows Phone 7 の UI デザインについての説明している記事です。 [Application bar] (30 ページ - 31 ページ ) アプリケーションバーは、アプリケーション側で用意するアイコンのボタンで、画面の端に表示されます...

[Windows Phone 7 UI ガイドを読み解く ] 第 3 回 ～ステータスバー～ この連載は、「 UI Design and Interaction Guide for Windows Phone 7 」というドキュメントを元に、 Windows Phone 7 の UI デザインについての説明している記事です。 [Status bar] (28 ページ - 29 ページ ) Windows Phone 7 の画面の端には、ステータスバーとアプリケーションバーという 2 つの重要なコンポーネントが表示されています...