# Windows Graphics Media

> Windows アプリ開発 (DirectX / WinRT メディア) のグラフィックス・メディア API リファレンス。 Direct2D (ID2D1Factory, ID2D1DeviceContext, ID2D1Bitmap1, ID2D1Effect, ID2D1PathGeometry), DirectWrite (IDWriteFactory, IDWriteTextLayout, DWriteCore), Direct3D 11/12 (D3D11CreateDevice, DXGI SwapChain, HLSL, D3D12 PipelineState), Microsoft.UI.Composition (Compositor, Visual, ExpressionAnimation, InteractionTracker, MicaController), カメラ・画面キャプチャ (MediaCapture, MediaFrameReader, GraphicsCaptureSession, Windows Studio Effects)、音声・動画再生 (MediaPlayer, MediaPlaybackSession, AudioGraph, MediaTranscoder, AdaptiveMediaSource)。

- Skill: `fandhe-ai-agent-reference-skil/windows-graphics-media` (Agent Skill, multi-file: 133 files)
- Install (CLI): `npx skillmds@latest add fandhe-ai-agent-reference-skil/windows-graphics-media`
- Raw SKILL.md: https://api.skillmd.com/api/skills/fandhe-ai-agent-reference-skil/windows-graphics-media/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- Author: fandhe-ai (https://skillmd.com/u/fandhe-ai-agent-reference-skil)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/fandhe-ai-agent-reference-skil/windows-graphics-media

---


# Windows グラフィックス・メディア リファレンス

Windows アプリの描画・合成・カメラ・音声動画再生に関する公式ドキュメントを蒸留したリファレンス。
Direct2D/DirectWrite によるベクター描画とテキストレイアウト、Direct3D 11/12 による低レベル GPU 描画、
Microsoft.UI.Composition による合成ビジュアル層、MediaCapture によるカメラ/画面キャプチャ、
Windows.Media.Playback 系による音声・動画再生を扱う。
ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。

## ディレクトリ構成

```text
skills/windows-graphics-media/
  SKILL.md
  references/
    direct2d-directwrite/
      README.md
      d2d1createfactory.md
      direct2d-direct3d-interop.md
      dwrite-text-metrics.md
      dwritecore.md
      id2d1bitmap1.md
      id2d1bitmapbrush.md
      id2d1commandlist.md
      id2d1device.md
      id2d1devicecontext.md
      id2d1effect.md
      id2d1factory.md
      id2d1factory1.md
      id2d1geometry.md
      id2d1geometrysink.md
      id2d1imagebrush.md
      id2d1layer.md
      id2d1lineargradientbrush.md
      id2d1pathgeometry.md
      id2d1radialgradientbrush.md
      id2d1rendertarget.md
      id2d1solidcolorbrush.md
      id2d1strokestyle.md
      id2d1svgdocument.md
      idwritefactory.md
      idwritefontcollection.md
      idwritefontface.md
      idwritetextformat.md
      idwritetextlayout.md
      wic-interop.md
    direct3d-directx/
      README.md
      d3d11-blend-rasterizer.md
      d3d11-compute-shader.md
      d3d11-depth-stencil.md
      d3d11-device-context.md
      d3d11-resources.md
      d3d11-sampler-srv.md
      d3d11-shaders-drawing.md
      d3d12-barriers-descriptors.md
      d3d12-enhanced-barriers.md
      d3d12-overview.md
      d3d12-raytracing.md
      directcomposition.md
      directx-winui3-integration.md
      directx-xaml-composition.md
      dxgi-factory-adapter.md
      dxgi-swap-chain.md
      hlsl-shader-compilation.md
    composition-visuals/
      README.md
      animation-controller.md
      composition-drawing-surface.md
      composition-effect-brush.md
      composition-gradient-brush.md
      composition-light.md
      composition-property-set.md
      composition-surface-brush.md
      compositor.md
      container-visual.md
      desktop-acrylic-controller.md
      drop-shadow.md
      element-composition-preview.md
      expression-animation.md
      implicit-animation-collection.md
      interaction-tracker.md
      key-frame-animation.md
      layer-visual.md
      loaded-image-surface.md
      mica-controller.md
      natural-motion-animation.md
      shape-visual.md
      sprite-visual.md
      visual-interaction-source.md
      visual.md
    camera-capture/
      README.md
      advanced-photo-capture.md
      camera-capabilities-privacy.md
      camera-capture-ui.md
      camera-profiles.md
      camera-stream-state.md
      device-enumeration.md
      direct3d11-capture-frame-pool.md
      effects-for-video-capture.md
      face-detector.md
      face-tracker.md
      get-a-preview-frame.md
      graphics-capture-item.md
      graphics-capture-picker.md
      graphics-capture-session.md
      handle-device-orientation-with-mediacapture.md
      low-lag-media-recording.md
      low-lag-photo-capture.md
      media-capture-initialization-settings.md
      media-capture.md
      media-frame-reader.md
      media-frame-source-group.md
      scene-analysis-face-detection-effects.md
      set-media-encoding-properties.md
      simple-camera-preview-access.md
      software-bitmap.md
      variable-photo-sequence.md
      video-device-controller.md
      windows-studio-effects.md
    audio-video-playback/
      README.md
      adaptive-media-source.md
      audio-device-output-node.md
      audio-file-input-node.md
      audio-frame-input-node.md
      audio-graph.md
      audio-state-monitor.md
      custom-video-audio-effects.md
      drm-playready.md
      media-binder.md
      media-break-manager.md
      media-capture-integration.md
      media-clip.md
      media-composition.md
      media-playback-command-manager.md
      media-playback-item.md
      media-playback-list.md
      media-playback-session.md
      media-player-element.md
      media-player-surface.md
      media-player.md
      media-source.md
      media-timeline-controller.md
      media-transcoder.md
      media-transport-controls.md
      midi-services.md
      midi.md
      system-media-transport-controls.md
      timed-metadata-track.md
      timed-text-source.md
```

## 探索手順

タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:

1. 下記マッピング表でタスクに対応するカテゴリを探す
2. そのカテゴリの `references/{category}/README.md` を参照して目的のページを特定する
3. 該当ページの `.md` を Read して詳細を確認する

## タスク → カテゴリ マッピング

| タスク | カテゴリ | 参照 README |
|--------|---------|------------|
| Direct2D でベクター図形・ブラシ・ジオメトリを描画したい | direct2d-directwrite | [references/direct2d-directwrite/README.md](references/direct2d-directwrite/README.md) |
| DirectWrite でテキストレイアウト・フォント計測を行いたい | direct2d-directwrite | [references/direct2d-directwrite/README.md](references/direct2d-directwrite/README.md) |
| Direct2D と Direct3D/WIC の相互運用をしたい | direct2d-directwrite | [references/direct2d-directwrite/README.md](references/direct2d-directwrite/README.md) |
| Direct3D 11/12 でデバイス初期化・シェーダー描画パイプラインを組みたい | direct3d-directx | [references/direct3d-directx/README.md](references/direct3d-directx/README.md) |
| DXGI SwapChain や HLSL シェーダーコンパイルを扱いたい | direct3d-directx | [references/direct3d-directx/README.md](references/direct3d-directx/README.md) |
| DirectX の描画結果を WinUI 3 の XAML 上に組み込みたい | direct3d-directx | [references/direct3d-directx/README.md](references/direct3d-directx/README.md) |
| Compositor / Visual でカスタム合成ビジュアルツリーを構築したい | composition-visuals | [references/composition-visuals/README.md](references/composition-visuals/README.md) |
| ExpressionAnimation / InteractionTracker で入力連動アニメーションを実装したい | composition-visuals | [references/composition-visuals/README.md](references/composition-visuals/README.md) |
| Mica / Acrylic のシステム背景素材を適用したい | composition-visuals | [references/composition-visuals/README.md](references/composition-visuals/README.md) |
| MediaCapture でカメラから写真・動画・音声をキャプチャしたい | camera-capture | [references/camera-capture/README.md](references/camera-capture/README.md) |
| フォーカス・露出・ズームなどカメラデバイスを制御したい | camera-capture | [references/camera-capture/README.md](references/camera-capture/README.md) |
| 画面キャプチャ (GraphicsCaptureSession) や Windows Studio Effects を使いたい | camera-capture | [references/camera-capture/README.md](references/camera-capture/README.md) |
| プレビュー表示・端末回転補正・エンコードプロパティ設定など実装手順を知りたい | camera-capture | [references/camera-capture/README.md](references/camera-capture/README.md) |
| MediaPlayer / MediaPlayerElement で動画・音声を再生したい | audio-video-playback | [references/audio-video-playback/README.md](references/audio-video-playback/README.md) |
| AdaptiveMediaSource / DRM でストリーミング再生や保護コンテンツを扱いたい | audio-video-playback | [references/audio-video-playback/README.md](references/audio-video-playback/README.md) |
| AudioGraph / MediaTranscoder / MediaComposition で音声処理・動画編集をしたい | audio-video-playback | [references/audio-video-playback/README.md](references/audio-video-playback/README.md) |

このスキルは DirectX (Direct2D/DirectWrite/Direct3D)、Microsoft.UI.Composition、WinRT メディア (カメラキャプチャ・音声動画再生) の API のみを扱う。コントロール UI は windows-winui-controls、レイアウト・スタイリング等の一般 UI は windows-winui-ui、Windows App SDK 全体像は windows-app-sdk が担当する。

