Web Designing

「Expression Blend チュートリアルブック」のご案内

Web Designing 2007年9月号 特別付録小冊子「Microsoft Expression Blend チュートリアルブック」

image

本サイトはWeb Designing 2007年9月号 特別付録小冊子「Microsoft Expression Blend チュートリアルブック」を使い、3Dアニメーションを作成するために必要なファイルと、手順に関する補足説明を提供しています。

Microsoft Expression Blend

Microsoft Expression Blend

チュートリアルサンプル「Flower Viewer」完成デモを見る

本チュートリアルで作成するWPFによる3Dアニメーション「Flower Viewer」の完成デモを見ることができます。

※本作品はWPF（Windows Presentation Foundation）コンテンツとなるため、Windows VistaかWinows XP Service Pack2（SP2）上で、Internet Explorerを使ってご覧ください。また、Windows XP SP2には、.NET Framework 3.0　Version 3.0 がインストールされている必要があります。

「Flower Viewer」を見る

「Flower Shop Tokyo」サイトから「Color Flower Viewer」バナーをクリックすると「Flower Viewer」アニメーションが起動します。

※サンプルコンテンツのため、他の部分は作り込まれておりません。

サンプル制作：（株）セカンドファクトリー

※本チュートリアルで制作する完成ファイルをダウンロードすることもできます。
完成ファイルをWebサーバ上で実行したい場合は、FST_Siteディレクトリ以下をサーバに配置し、default.htmをTOPページに指定してください。

「Flower Viewer 完成デモファイル（BlendContents.zip）」をダウンロードする

ダウンロードできるアーカイブファイルの構造は以下のとおりです。

  • BlendContents¥
    • FlowerViewerTutorial¥ …… 作成が完了した「FlowerViewer」のソースファイルとXBAPアプリケーションを収めたフォルダ
      • FlowerViewerTutorial.sln … ソリューションファイル
      • FlowerViewerTutorial¥ … ソリューションフォルダ
        • Publish¥
          • FlowerViewerTutorial.xbap … 発行済みの「FlowerViewer」XBAPアプリケーション
    • FST_Site¥ … 「FlowerViewer」XBAPアプリケーションを組み込んだ「Flower Shop Tokyo」サイト
      • default.htm … 「Flower Shop Tokyo」サイトのTOPページ
    • FST_Site_html.zip … 「Flower Shop Tokyo」サイトのソースコード

チュートリアル作成用素材のダウンロード

この小冊子「Microsoft Expression Blendチュートリアルブック」では、以下のファイルを使用してWPFコンテンツを作成していきます。事前にダウンロードするなど準備をしておいてください。

  • FlowerViewerTutorial.zip … レッスン1で使用。Visual Studioで作成したソリューションファイル「FlowerViewerTutolial.sln」のアーカイブを含みます。
  • Cube3D.xaml … レッスン2で使用。「ZAM3D」で作成した3Dモデリングデータ。
  • FST_Site_html.zip … レッスン5で使用。「Flower Shop Tokyo」サイトのソースコード。前述のBlendConents.ZIPにも含まれます。

制作に必要な環境とツールの準備とインストール手順

本チュートリアルの制作環境は、Windows VistaもしくはWindows XP Service Pack2（SP2）となります。Windows XP SP2を使う場合は、「.NET Framework 3.0 Version 3.0 再頒布可能パッケージ」をインストールしておいてください。

「Expression Blend」などの制作ツールは、評価版等を以下のリンクから入手することができますので、以下の手順でインストールしておいてください。特に2以下の手順は、必ず指示通りに行ってください。

  1. Microsoft Expression Blend 日本語版
  2. Visual Studio 2005 Professional Edition 日本語版（90日評価版）
  3. Visual Studio 2005 Service Pack 1
  4. Windows SDK（Microsoft Windows Software Development Kit for Windows Vista and .NET Framework 3.0 Runtime Components）
    （Windowsアプリケーションを開発するためのAPIやドキュメントが含まれています）
  5. Visual Studio 2005 extensions for .NET Framework 3.0 (WCF & WPF)
    （Visual Studio 2005でWPFアプリケーションを開発できるようにするための拡張が含まれています）