Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Jasprが凄い話

 Jasprが凄い話

Flutter Tokyo #5

Hayami Shuhei

March 01, 2025
Tweet

More Decks by Hayami Shuhei

Other Decks in Programming

Transcript

  1. Jaspr • FlutterΛ࢖ΘͣʹDart͔ΒWebϖʔδΛੜ੒͢Δύοέʔδ • Flutter ͕ Everything is a Widget

    ͳͷʹର͠ɺ Jaspr ͸ Everything is a Component • main͔ΒrunAppΛ࣮ߦɺStatelessComponent·ͨ͸ StatefulComponentͷbuildϝιου಺ʹهड़͍ͯ͘͠
  2. import 'package:jaspr/jaspr.dart'; class Counter extends StatefulComponent { const Counter({super.key}); @override

    State<Counter> createState() => CounterState(); } class CounterState extends State<Counter> { int count = 0; @override Iterable<Component> build(BuildContext context) sync* { yield div( styles: Styles(textAlign: TextAlign.center, fontSize: Unit.em(5)), [ span([text('$count')]), button( onClick: () => setState(() => count++), [text('+1')], ), ]); } } MJCDPVOUFSEBSU