penframe/docs/app-config.md

A lightweight DSL-based wireframe and UI structure visualization tool.

# @app 設定構文

アプリケーションの表示設定を定義するための構文です。

## 基本構文

```
@app [platform] [{ properties }]
```

- `platform`: 対象プラットフォーム（省略可能、デフォルト: "default"）
- `properties`: 設定プロパティ（省略可能）

## プロパティ

| プロパティ | 型 | 単位 | 説明 |
|------------|-----|------|------|
| width | 数値 | px (省略可) | 画面の幅 |
| height | 数値 | px (省略可) | 画面の高さ |
| scale | 小数点数 | - | 表示スケール |

## 使用例

```
# 基本的な使用方法
@app pc { width: 1440px, height: 1024px, scale: 0.5 }

# プラットフォームのみ指定
@app mobile

# 設定のみ指定（プラットフォーム省略）
@app { width: 1440px }

# 空の設定
@app {}

# 単位の省略
@app pc { width: 1440, height: 1024 }

# 最小構文
@app
```

## 構文の特徴

- プラットフォーム指定は省略可能
- 設定ブロック（`{}`）は省略可能
- 数値の単位（px）は省略可能
- スケールは小数点数で指定（例: 0.5, 1.0）
- プロパティはカンマ区切りで複数指定可能
- プロパティの順序は任意