プロジェクトmam/├── .meta.tree├── mol/└── my/ ├── my.meta.tree └── demo/ ├── index.html ├── demo.view.tree ├── demo.view.ts └── demo.view.css.tsこれらのファイルが MAM ワークスペースのどこにあるかview.treeview.tsview.css.tsカウンターview.tree$my_demo $mol_view count_text \0 inc? null sub / <= Value $mol_view sub / <= count_text <= Button $mol_button_major click? <=> inc? sub / <= button_label @ \Count up view.tsclass $my_demo extends $.$my_demo { @ $mol_mem count( next?: number ) { return next ?? 0 } @ $mol_action inc() { this.count( this.count() + 1 ) } count_text() { return String( this.count() ) } } view.css.tsnamespace $ { $mol_style_define( $my_demo, { flex: { direction: 'column' }, gap: '1rem', padding: '1.5rem', Value: { font: { size: '2rem', weight: 700 }, color: '#0088ff', padding: { bottom: '0.5rem' }, }, } ) } プレビューコンソール0Count upコンソール✕Not translated to "ja": $bog_theme_switch_light_hintNot translated to "ja": $bog_theme_switch_system_hintNot translated to "ja": $bog_theme_switch_dark_hintNot translated to "ja": $mol_link_source_hint