PROJECT UX

WPF 開発スタート ガイド

～ WPF アプリケーションを開発してみよう ～

2

はじめに

UX (ユーザー エクスペリエンス)とは

ユーザーが製品やサービスを使う時の体験全体のことを指します。ユーザー エクスペリエンスは「機能」

「ユーザビリテゖ」「楽しさ」の 3 つの要素から構成されています。ソフトウェゕやシステムの開発では、必要と

される機能に加え、設計段階からユーザーを中心としてすべての要素を考慮して制作、開発することが、優れた

ユーザー エクスペリエンスの実現に不可欠な要素となります。

PROJECT UX とは

ンターネットやテクノロジーの進化に伴い、ゕプリケーションの姿が変わってきています。マクロソフトは

この進化と変化に対応する最新のデスクトップ テクノロジー、および開発ツールの提供を行ってまいります。

そして、これらのテクノロジーやツールに開発者の皆様のゕデゕが加わることで、初めて革新的な 「User

Experience (UX)」が生まれると考えています。

PROJECT UX は開発者の皆様のゕデゕから生み出される未来の UX を形にするプロジェクトです。皆様の考

える UX を、本プロジェクトを通して形にしていただけたらと考えています。

PROJECT UX サト

開発スタート ガイドについて

本開発スタート ガドは、これから WPF ゕプリケーションの開発にチャレンジしてみようと考えている開発者

向けに、テクノロジーの基本情報や学習コンテンツ、その他開発に役立つ情報を紹介しています。

短期間で効率的にゕプリケーション開発スキルを身につけていただくために、マクロソフトが提供しているさ

まざまな技術情報の中から、選りすぐりの情報を集めました。

優れた UX を実現するゕプリケーション開発のきっかけにご活用ください。

3

目次

1. WPF (Windows Presentation Foundation) とは .................................................................. 4

2. WPF アプリケーション開発の準備 ........................................................................................... 5

3. WPF アプリケーション開発のための基本を学習しましょう .......................................................... 6

4. 事例を確認しましょう............................................................................................................ 7

5. WPF アプリケーションの疑似開発を体験しましょう ................................................................... 8

6. サンプル コード ................................................................................................................... 9

7. その他の役立つリソースを活用しましょう ............................................................................... 10

8. おわりに ........................................................................................................................... 11

4

1. WPF (Windows Presentation Foundation) とは

WPF (Windows Presentation Foundation) は、優れたユーザー エクスペリエンスを実現するために必要な 2D

および 3D グラフゖックス、ゕニメーション、そして従来の概念にとらわれないコントロールのデザンなどを

容易に実現することを可能にします。Windows ゕプリケーションのみならず、Web ゕプリケーションとしても、

さまざまな状況に応じたユーザー エクスペリエンスの実現を支援するプラットフォームです。

WPF の特徴

パワフルかつ高度なユーザー エクスペリエンス

WPF が提供する優れた表現能力を用いることにより、ゕプリケーションのユーザーが求める情報をより直観的か

つ効果的に提供することが可能になります。

.NET ベースの開発力と一貫性がもたらす拡張性

優れた表現能力を実現しているのは豊富な実績を持つ .NET Framework です。開発スキルを活かすだけでなく、

既存の Windows フォーム資産に部分的に WPF の機能を取り入れたり、段階的にシステムを移行・拡張するこ

とができます。

デザイン ツールとの連携

技術基盤として.NET Framework を使うだけではなく、Visual Studio とデザンツール Expression Studio と

の連携が実現されており、開発者とデザナーのスムーズな共同作業を支援します。

5

2. WPF アプリケーション開発の準備

WPF ゕプリケーションの開発を始めるには、まず以下のコンポーネントやツールをダウンロードのうえ、ンス

トールして開発環境を準備しましょう。

.NET Framework 3.5 SP1

.NET Framework は、Windows OS のコンポーネントの一つです。.NET

Framework は、WPF や Windows Form クラゕント ゕプリケーション

といった次世代ゕプリケーションの基盤となります。

詳しくは >> .NET Framework 製品サト

Visual Studio Express Editions with SP1

Visual Studio 2008 Express Editions は、使いやすくまた習得しやすい

Windows ベースのゕプリケーションのための無償の開発ツールです。

詳しくは >> Visual Studio Express Edition 製品サト

Microsoft Expression Studio 2

WPF や Silverlight を活用した優れたエクスペリエンスを作成できます。

詳しくは >> Microsoft Expression Studio 2 製品サト

6

3. WPF アプリケーション開発のための基本を学習しましょう

開発環境が整ったら、さっそく WPF ゕプリケーションの開発を始めることができます。

ここでは開発にチャレンジする際に役立つリソースをご紹介します。

Windows Presentation Foundation の紹介

WPF の利点と機能について説明します。

Windows Presentation Foundation 概要

学習の入り口として、Web キャストで概要とデモをご覧いただけます。

Windows Presentation Foundation ガイド ツアー

WPF の概要とそれを取り巻く状況について紹介します。

WPF アプリケーション クッキング ガイド

WPF ゕプリケーションに取り掛かる方向けの全 6 回シリーズのガドです。

WPF ゕプリケーションの作成のための Tips や、サンプル コードを提供して

います。ぜひ参考にしてください。

● 第 1 回： 私のゕプリは崩れない ～ レゕウトを使いこなす ～

● 第 2 回： 私のゕプリはオシャレ好き ～ 表示系のプロパテゖをマスターしよう ～

● 第 3 回： 打てば響く (?) 私のゕプリ ～ ベント処理を自在に使いこなす ～

● 第 4 回： 私のゕプリが動き出す ! ～ ンターフェスにダナミックな表現を ～

● 第 5 回： 2 次元から抜け出そう ～ 3D とメデゖゕでよりリッチなゕプリへ ～

● 第 6 回： 内側からキレに ! ～ スタルでコードを見やすくすっきりと ～

Visual Studio と .NET Framework の用語集

この用語集では、Visual Studio 2008 および .NET Framework の主要な用

語を定義します。

7

4. 事例を確認しましょう

WPF を活用したサンプルや作品、実際にビジネスに活用している企業の事例を見てみましょう。

株式会社キタムラ様 New!

.NET および WPF による UI デザンとプログラミングのシームレスな開

発が工期短縮を可能に。

POS システムとの高い親和性を持つシステムを実現。

WPF ギャラリー

WPF 作品のサンプルや、雑誌やメデゖゕで取り上げられたコンテンツをご紹

介します。

The Next Web プロジェクトの舞台裏

ここでは、プロジェクトの舞台裏を覗いてみるというテーマの下、果敢に次世

代 Web の世界に飛び込んだ人々の姿を追いかけていきます。

彼らのプロジェクトに懸ける情熱に触れ、その舞台裏で繰り広げられる数々の

ストーリーを通して、皆様のプロジェクトが抱える問題の解決や、新たなビジ

ネスチャンスへとつながる多くのヒントが得られるかも知れません。

Tech Fielders インタビュー New!

現場で活躍されている IT エンジニゕの皆さまの最新技術や製品への取り組み

を、エバンジェリストによるンタビューを通じてお伝えします。

8

5. WPF アプリケーションの疑似開発を体験しましょう

WPF ゕプリケーション作成のための基礎知識を学習したら、以下のリソースを活用して、実際に WPF ゕプリ

ケーション開発を体験してみましょう。

バーチャルラボ (Visual Studio 2008 を活用した WPF アプリケーション

の開発)

複雑なセットゕップやンストールは必要ありません。ダウンロードしたトレ

ーニング マニュゕルに沿って行うだけで開発を体験できます。このバーチャル

ラボを修了すると、WPF ゕプリケーションを開発する際に、Visual Studio

2008 を最大限に活用することができるようになります。

書籍

1. Windows Presentation Foundation プログラミング

2. XAML プログラミング WPF ゕプリケーションの概要と開発

3. エッセンシャル WPF

XAML Do-It-Yourself シリーズ (全 12 回)

XAML で実現する WPF の特徴的な機能をサンプル コードを用いて説明して

いきます。全 12 回を完了すると、XAML で定義可能な WPF のユーザー

ンターフェスの基本的な機能をひととおり学習することができます。

9

6. サンプル コード

WPF を使ったさまざまなサンプル コードをご覧ください。

サンプル コード: WPF の技術サンプル

コントロールやゕニメーションなどの特定の Windows Presentation

Foundation (WPF) テクノロジー分野を対象とした技術サンプルをご紹介し

ます。

● WPF 入門のサンプル

– Hello World サンプル (WPF)、その他

● ゕプリケーション管理のサンプル

– ゕプリケーションのゕクテゖブ化および非ゕクテゖブ化のサンプル、その他

● WPF の基本事項のサンプル

– ContextMenuOpening ハンドラのサンプル、その他

● ユーザー補助のサンプル

- UI オートメーション プロバダのサンプル、その他

● コントロールのサンプル

- コントロール ラブラリのサンプル、その他

● データのサンプル

- クリップボードの調査のサンプル、その他

●ドキュメントのサンプル

- ドキュメントのマージのサンプル、その他

●グラフゖックスおよびマルチメデゖゕのサンプル

- ビットマップ効果のサンプル、その他

● グローバリゼーションおよびローカリゼーションのサンプル

- ローカラズ可能なゕプリケーションの自動レゕウトのサンプル、その他

● 移行と相互運用性のサンプル

- WPF での Windows フォーム コントロールの配置のサンプル、その他

サンプル アプリケーション: WPF のアプリケーション サンプル

このゕプリケーション サンプルは、複数の Windows Presentation

Foundation (WPF) プラットフォーム機能を紹介したエンドツーエンドのゕ

プリケーションです。これらのサンプルは現実の使用シナリオを想定して作ら

10

れており、WPF の全体を確認するのに役立ちます。

● 電卓のデモ、メモ帳のデモ、付箋のデモ、その他

7. その他の役立つリソースを活用しましょう

開発の実践において参考になる情報リソースやサービスをご紹介します。開発途中で出てきた疑問の解決にはこ

れらをご活用ください。

疑問があればフォーラムを活用

マクロソフト社員や WPF ゕプリケーション開発者が WPF フォーラムで

質疑応答を行っています。

MSDN ライブラリ: Windows Presentation Foundation

WPF テクノロジーを利用する開発者の皆様へ必要な情報を提供します。技術

情報、サンプル コードを含むプログラミング情報や製品ドキュメント、ホワ

トペーパー、リフゔレンス ガドなど、さまざまな情報を提供します。

開発 Tips: Windows Vista 技術資料一覧

WPF の技術資料をはじめ、 Windows Vista の技術情報を紹介します。

.NET Framework のトラブルシューティングとサポート Renewal!

.Net Framework および WPF に関するサポート技術情報などの最新情報を

ご案内しています。

「1. マクロソフト サポート技術情報 (KB)を検索する」「2. フォーラムで

質問する」「3. マクロソフトのサポート担当者に問い合わせる」のステップ

で、効率的にお探しの情報を入手することができます。

11

8. おわりに

WPF の基本情報やハンズオン ラボなどの演習を通しての WPF ゕプリケーション開発の疑似体験で、WPF の

良さや開発プロセスの基礎をご理解いただけましたでしょうか。

マクロソフトでは、優れた UX を実現するゕプリケーションの開発を促進するため、PROJECT UX にてさま

ざまな情報や企画をご提供していきます。

内容は随時ゕップデートされますので、お見逃しのないようにご確認ください。MSDN Flash ニュースレターを

ご購読いただきますと、ニュースレター内で PROJECT UX の最新情報をお届けいたします。

皆様のご意見を取り入れ、役立つ企画をご提供できるよう取り組んでまいります。今後とも PROJECT UX をぜ

ひご利用ください。

関連サイト

PROJECT UX

スキル チャージ プログラム UX 版

開発者向けニュースレター MSDN FLash

(c) 2009 Microsoft Corporation. All rights reserved.

●Microsoft、WPF (Windows Presentation Foundation) は、米国 Microsoft Corporation および/またはその関連

会社の商標です。

●その他記載されている、会社名、製品名、ロゴ等は、各社の登録商標または商標です。

●記載の内容は、2009 年 4 月時点のものです。