• Projects
  • Service
  • About
  • branding.bz
  • Podcast
  • Tips
  • FAQ
  • Recruit
  • Download
  • Contact
  • branding.bz(ブランド構築SaaS)
  • DESIGN NOW(デザインメディア)
  • X
  • LinkedIn
  • Spotify
  • Facebook

213-0011 神奈川県川崎市高津区久本3-6-7-303

© 2026 ID INC. All rights reserved

claude-skills/スキル
SKILLOfficialdevelopment

sap-fiori-tree-table

プラグイン
sap-fiori-mcp-server
引数
Entity name (and ABAP package for RAP projects)
ソース
GitHub で見る ↗
説明

SAP Fioriエレメンツアプリケーション向けに階層構造(親子関係の階段的な情報構成)を持つツリーテーブルを設定します。親要素と子要素の関係が繰り返される形で表示される階層に対応しており、CAP と ABAP RAP(OData V4)をサポートしています。

原文を表示

Configure hierarchical tree table to SAP Fiori elements application for displaying parent-child recursive hierarchies. Supports CAP and ABAP RAP (OData V4).

ユースケース
  • 階層構造を持つデータをテーブル表示するとき
  • 親子関係のある情報を整理するとき
  • SAP Fioriで多段階のツリーデータを扱うとき
本文(日本語訳)

SAP Fiori ツリーテーブル(再帰的階層構造)

目的

親子関係を階層構造で表示するツリーテーブル(組織図、カテゴリツリー、ネストされたデータなど)を設定します。

環境要件

CAPプロジェクト:

  • ✅ VS Code または SAP Business Application Studio(BAS) - 両環境に対応
  • ✅ Fiori MCP サーバー - Fioriアプリの生成・変更に必須(VS Code のみ)
  • ✅ CDS MCP サーバー - CDS モデルの照会に必須

ABAP RAPプロジェクト:

  • ✅ VS Code のみ - ABAP 開発ツール拡張は VS Code 専用
  • ✅ Fiori MCP サーバー - Fioriアプリの生成・変更に必須
  • ✅ VS Code 用 ABAP 開発ツール拡張 - バックエンド開発に必須(RAP操作用の ADT MCP サーバーを含む)

必須: まず必要な情報を集めてください

プロンプトに以下の情報が不足している場合は、ユーザーに確認してから先に進まないでください:

ABAP RAPプロジェクトの場合:

  1. パッケージ名 - バックエンド階層オブジェクトを作成・配置する場所(ローカルの場合は $TMP、特定パッケージの場合は Z_MAINT など)
  2. トランスポート要否 - パッケージタイプに依存($TMP などのローカルパッケージの場合は不要、転送可能パッケージの場合は必要)
  3. エンティティ名 - 階層化するエンティティ(例: 「Equipment」「Category」「FunctionalLocation」)

CAPプロジェクトの場合:

  1. エンティティ名 - 階層化するエンティティ(例: 「Travel」「Category」「ProductCategory」)

すべての入力が確認されるまで、実装に進まないでください。


CAP 実装

📖 CAP 完全実装ガイド

概要:

  • 6ステップのプロセス: エンティティ確認 → 関連付け追加 → @hierarchy アノテーション追加 → マニフェスト設定 → データ作成 → テスト
  • UUID、文字列、整数キーに対応(単一キーのみ)
  • @sap/cds 9.6.0 以上および OData V4 が必須
  • モデル編集前に CDS MCP を使用して検索

ABAP RAP 実装

📖 RAP 完全実装ガイド

概要:

  • 4ステップのプロセス: 既存階層確認 → バックエンド実装 → マニフェスト設定 → テスト
  • 判断が必要: 読み取り専用(リストレポートのみ)vs. 編集可能(オブジェクトページ付き)
  • 詳細なバックエンド実装:
    • 読み取り専用ツリービューガイド
    • 編集可能ツリービューガイド

クイック トラブルシューティング

CAP よくある問題

  • 「@hierarchy はサポートされていない」 → マネージド関連付け(on 条件なし)を使用してください
  • 「テーブルに該当列がない」 → CSV で parent_ID(アンダースコア付き)を使用してください
  • 「TreeTable が表示されない」 → マニフェストの type: "TreeTable" と hierarchyQualifier を確認してください

ABAP RAP よくある問題

  • 「要素は検索対象にできません」 → 階層投影ビューから @Search アノテーションを削除してください
  • 「主キーが一致しません」 → 子テーブルに複合キー(子 UUID + 親 UUID)が必要です

📖 詳細なエラーリファレンスは実装ガイドを参照


主な相違点

CAP:

  • エンティティ内のマネージド関連付け
  • サービスの @hierarchy アノテーション
  • parent_ID 列付き CSV データ
  • npm run watch でテスト

ABAP RAP:

  • @OData.hierarchy.recursiveHierarchy 付き CDS ビュー
  • メタデータの修飾子
  • データベーステーブル内のテストデータ
  • npm start または npm run start-mock でテスト
原文(English)を表示

SAP Fiori Tree Table with Recursive Hierarchy

Purpose

Configure hierarchical tree table to display parent-child relationships in a recursive structure (organizational hierarchies, category trees, nested data).

Environment Requirements

CAP Projects:

  • ✅ VS Code or SAP Business Application Studio (BAS) - Both environments supported
  • ✅ Fiori MCP Server - Required for Fiori app generation and modification (VS Code only)
  • ✅ CDS MCP Server - Required for CDS model queries

ABAP RAP Projects:

  • ✅ VS Code only - ABAP Development Tools extension is VS Code-specific
  • ✅ Fiori MCP Server - Required for Fiori app generation and modification
  • ✅ ABAP Development Tools for VS Code extension - Required for backend development (includes ADT MCP server for RAP operations)

MANDATORY: Gather Required Inputs First

STOP and ASK the user for ALL of these inputs if ANY are missing from the prompt:

For ABAP RAP Projects:

  1. Package name - Where to create or find backend hierarchy objects ($TMP for local, or specific package like Z_MAINT)
  2. Transport Required: Depends on package type (No for local packages like $TMP, Yes for transportable packages)
  3. Entity name - The entity to make hierarchical (e.g., "Equipment", "Category", "FunctionalLocation")

For CAP Projects:

  1. Entity name - The entity to make hierarchical (e.g., "Travel", "Category", "ProductCategory")

DO NOT proceed with implementation until all inputs are confirmed.


CAP Implementation

📖 Complete CAP Implementation Guide

Quick Summary:

  • 6-step process: Check entity → Add association → Add @hierarchy → Configure manifest → Create data → Test
  • Supports UUID, String, and Integer keys (single key only)
  • Requires @sap/cds 9.6.0+ and OData V4
  • Use CDS MCP to search model before editing

ABAP RAP Implementation

📖 Complete RAP Implementation Guide

Quick Summary:

  • 4-step process: Check existing hierarchy → Implement backend → Configure manifest → Test
  • Decision required: Read-only (List Report only) vs. Editable (with Object Page)
  • For detailed backend implementation:
    • Read-Only Treeviews Guide
    • Editable Treeviews Guide

Quick Troubleshooting

CAP Common Issues

  • "@hierarchy not supported" → Use managed association (no on condition)
  • "table has no column" → Use parent_ID (with underscore) in CSV
  • "TreeTable not rendering" → Check type: "TreeTable" and hierarchyQualifier in manifest

ABAP RAP Common Issues

  • "Element must not be search enabled" → Remove @Search annotations from hierarchy projection view
  • "Primary keys do not match" → Child table needs composite key (child UUID + parent UUID)

📖 Full error reference in implementation guides


Key Differences

CAP:

  • Managed association in entity
  • @hierarchy annotation on service
  • CSV data with parent_ID column
  • Test with npm run watch

ABAP RAP:

  • CDS view with @OData.hierarchy.recursiveHierarchy
  • Qualifier in metadata
  • Test data in database tables
  • Test with npm start or npm run start-mock

原文・著作権は Anthropic および各プラグイン作者に帰属します。日本語訳は Claude API による自動翻訳です。