UWP アプリ用の設計ツールキットとサンプルDesign toolkits and samples for UWP apps

このセクションでは、UWP アプリの設計と UI に関連するダウンロードを紹介します。This section contains design and UI-related downloads for UWP apps. Visual Studio など、その他のツールについては、メインのダウンロード ページをご覧ください。For additional tools, such as Visual Studio, see our main downloads page.

設計ツールキットDesign toolkits

これらのツールキットは、UWP アプリをデザインするためのコントロールとレイアウトのテンプレートを提供します。These toolkits provide controls and layout templates for designing UWP apps.

フォントFonts

ツールTools

Adobe Photoshop 用のタイル/アイコン ジェネレーターTile and icon generator for Adobe Photoshop
Adobe Photoshop 用の一連の操作により、7 つのファイルから 68 の推奨されるタイル/アイコン アセットを生成します。This set of actions for Adobe Photoshop generates the 68 recommended tile and icon assets from just 7 files.
タイル/アイコン ジェネレーターをダウンロードするDownload the tile and icon generator


Download the tile and icon generator

サンプルSamples

BuildCastBuildCast
BuildCast は、Fluent Design System と、ユニバーサル Windows プラットフォームの他の機能を示すために組み込まれているエンド ツー エンドのサンプルです。BuildCast is an end-to-end sample built to showcase the Fluent Design System, as well as other capabilities of the Universal Windows Platform. Channel 9 や Windows 技術者のフィードにおける人気コンテンツのサンプルなど、特定のビデオ ポッドキャストの参照、ダウンロード、再生を行うことができます。It permits browsing, downloading, and playback of select video podcasts, including a sampling of the most popular ones from Channel 9 and some Windows tech enthusiast feeds. インク メモ、ブックマーク、リモート再生の機能もあります。It also features ink notes, bookmarks, and remote playback. このサンプルは、2017 年の Build カンファレンスの Fluent Design によるすばらしいアプリの構築に関する講演で最初に取り上げられたものです。This sample was initially shown at the 2017 Build conference during the Build Amazing Apps with Fluent Design talk.
BuildCast サンプルのダウンロードDownload the BuildCast sample
Github で BuildCast サンプルを確認するCheck out the BuildCast sample on GitHub


Check out the BuildCast sample on GitHub

顧客注文データベースCustomers Orders Database
この UWP サンプル アプリは、Azure Active Directory (AAD) 認証、UI コントロール (データ グリッドなど)、ASP.NET Core と Entity Framework を使ったクラウド データベースと API の統合のような、エンタープライズ開発者の役に立つ機能を紹介します。This UWP sample app showcases features useful to enterprise developers, like Azure Active Directory (AAD) authentication, UI controls (including a data grid), and cloud database and API integration using ASP.NET Core and Entity Framework.
顧客注文データベース サンプルをダウンロードするDownload the Customers Orders Database sample
GitHub で顧客注文データベースのサンプルを確認するCheck out the Customers Orders Database sample on GitHub


Check out the Customers Orders Database sample on GitHub

ランチ スケジューラLunch Scheduler
友人や同僚とのランチをスケジュールする UWP サンプルです。A UWP sample that schedules lunches with your friends and coworkers. ランチを作成し、興味のあるレストランに友人を招待するだけで、すべての関係者のランチ管理がアプリによって処理されます。You create a lunch, invite friends to a restaurant of interest, and the app takes care of the lunch management for all involved parties. このアプリでは、UWP アプリに、アクリル、表示、接続型アニメーションといった Fluent Design System の要素が取り入れられています。This app incorporates elements of the Fluent Design System in a UWP app, including acrylic, reveal, and connected animations.
ランチ スケジューラ サンプルをダウンロードするDownload the Lunch Scheduler sample
Github でランチ スケジューラ サンプルを確認するCheck out the Lunch Scheduler sample on GitHub


Check out the Lunch Scheduler sample on GitHub

XAML コントロール ギャラリーXAML Controls Gallery
このサンプルは、すべての XAML コントロールの対話型デモを提供します。This sample provides an interactive demo of all of the XAML controls. 基本的なものから応用まで、さまざまなレイアウトを示し、独自のプロジェクトにコピーすることができますマークアップを表示します。It shows a variety of layouts from basic to adaptive, and displays markup that you can copy into your own project. 注: ダウンロード ファイルと GitHub リポジトリでは現在、このサンプル アプリが "UI の基本 (XAML)" と呼ばれています。Note: The download file and the GitHub repository currently refer to this sample app as "UI Basics (XAML)."
XAML コントロール ギャラリー サンプルをダウンロードするDownload the XAML Controls Gallery sample
Github で XAML コントロール ギャラリー サンプルを確認するCheck out the XAML Controls Gallery sample on GitHub
XAML コントロール ギャラリー アプリを Store からダウンロードするDownload the XAML Controls Gallery app from the Store


Check out the XAML Controls Gallery sample on GitHub

他のコードをお探しの場合は、Want more code? Windows サンプル ページで UWP アプリ サンプルの一覧をご覧ください。Check out the Windows sample page for complete list of all our UWP app samples. サンプル ポータルに移動Go to the samples portal