20210219 Flutterに入門してみた

Transcript

1. 'MVUUFSʹ
   ೖ໳ͯ͠Έͨ 
   .PCJMF
   "DU
   0/-*/&
   
   JUPL!ͦΒ͔ͥ
2. JUPL!ͦΒ͔ͥ w ͍ͱ͏͚͍ʢJUPLʣ
   w
   ɹɹɹɹɹɹͷதͷਓ
   w ϞόΠϧΞϓϦΤϯδχΞ
   ݉
   $&0
   w ෭ۀͰϑϦʔϥϯεత
   w IUUQTJUPLKQ
   IUUQTTPSBLB[FDPKQ
   !JUPLKQ
3. ॴࡏ஍ɿژ౎ࢢதژ۠
   ࣾһਓࣗ෼
4. ࣮੷ डୗ ࣗࣾ
5. J04
   
   "OESPJE
   
   NBD04
   
   8JOEPXT
   
   αʔό
   ҰਓͰ΍ͬͯ·͢ʢσβΠϯҎ֎ʣ
6. ݴޠɾϓϥοτϑΥʔϜྺ w ೥ʙɹ0CKFDUJWF$
   w ೥ʙɹJ04
   w ೥ʙɹ"OESPJE
   
   +BWB
   w ೥ʙɹ4XJGU
   w ೥ʙɹ,PUMJO
   w ೥ʙɹ'MVUUFS
   ˡΠϚίίʢೖ໳ͯ͠िؒ΄Ͳ
7. 'MVUUFSʹ
   ೖ໳ͯ͠Έͨ
8. 'MVUUFSͱ͸ w (PPHMF੡ϞόΠϧΞϓϦϑϨʔϜϫʔΫʢʙ
   w J04
   
   "OESPJE
   
   8FC
   ͷϚϧνϓϥοτϑΥʔϜ
   w ݴޠ͸
   %BSU
   w IUUQTqVUUFSEFW
9. ൺֱ 'MVUUFS 3FBDU
   /BUJWF 9BNBSJO ݴޠ %BSU +BWF4DSJQU $ "1* ಠࣗ ಠࣗ ಠࣗ
   
   
   XSBQQFS 6* ಠࣗ ωΠςΟϒ ωΠςΟϒ ։ൃ؀ڥ "OESPJE
   4UVEJP
   74
   $PEF ͳΜͰ΋ 7JTVBM
   4UVEJP
10. ߏ଄
11. ϚϧνϓϥοτϑΥʔϜ
    🤔
12. 🤔 w ϚϧνϓϥοτϑΥʔϜͬͯେৎ෉ͳͷʁ
    w ֶशɾಋೖίετ͸ʁ
    w ϝϯςφϯε͸ʁ
    w τʔλϧͰ͸݁ہίετ͕༨ܭʹ͔͔Δͱ͔ʁ
13. ͦΖͦΖࢼͯ͠ΈΔʁ
    🤔
14. ͳͥ'MVUUFSʁ w ެ։͞Εͯ਺೥ܦͬͨ͠ɺ҆ఆͯ͠Δ͔΋
    w ͳΜ͔·ΘΓͰ͸ྲྀߦ͍ͬͯΔؾ͕͢Δ
    w ษڧձωλͱͯ͠ࢼͯ͠ΈΔͷ͸Αͦ͞͏
    w ॳ৺ऀωλͱͯ͠ษڧձͰൃදͯ͠ɺ͍Ζ͍Ζͱ ڭ͑ͯ΋Β͑ͨΒ͍͍ͳͱ͍͏ελΠϧͰ
15. ͱΓ͋͑ͣ
    ΞϓϦ࡞ͬͯΈ·ͨ͠
16. ؀ڥ w NBD04
    
    w 'MVUUFS
    
    w %BSU
    
    
    w "OESPJE
    4UVEJP
    
    w 9DPEF
    
17. %JBOB
18. %JBOB w Ґஔ৘ใʹج݄ͮ͘ྸදࣔΞϓϦ
    w ೔ӳ྆ରԠ
    w ΋ͱ΋ͱ
    J04
    
    4XJGU
    
    "OESPJE
    
    ,PUMJO
    Ͱ࣮૷
    w 'MVUUFSͰϑϧεΫϥον
    w WϦϦʔεࡁΈ
    w IUUQTNPPOC[
19. ೖ໳લޙͰ
    ؾʹͳͬͨ఺ͳͲΛ
    ྻڍ͍͖ͯ͠·͢
20. 'MVUUFSͷجຊ
21. 'MVUUFSͷجຊ w એݴܕͷ6*
    w 8JEHFUͷ֊૚ߏ଄
    w ϨΠΞ΢τ΋8JEHFUͱͯ͠૊Έ্͍͛ͯ͘ Widget _buildMoon(...) { return Container( child: AspectRatio( aspectRatio: 1, child: CustomPaint( painter: MoonPainter(...), ), ), ); }
22. 8JEHFUT
23. ։ൃɾσόοά؀ڥ
24. ։ൃɾσόοά؀ڥ w ಋೖ͸؆୯
    w 4%,ͷల։
    
    ઃஔ
    w "OESPJE
    4UVEJPͷϓϥάΠϯಋೖˠ׬ྃ👍
    w )PU
    SFMPBE͋Γ
    w "OESPJE
    4UVEJP͔Β௚઀σόοάͰ͖Δ
    w J04΋"OESPJE΋ͲͪΒ΋
25. $POUJOVPVT
    *OUFHSBUJPO
26. $POUJOVPVT
    *OUFHSBUJPO w ஶ໊Ͳ͜Ζ͸͍͍ͩͨରԠ
    w 'BTUMBOF
    w #JUSJTF
    w (JU)VC
    BDUJPOT
27. ϓϥοτϑΥʔϜ
    ґଘ෦෼
28. ϓϥοτϑΥʔϜґଘ෦෼ w ֤QBDLBHFͰରԠʢ
    IUUQTQVCEFW
    ʣ
    w ެࣜɾඇެࣜ͞·͟·
    w ओཁͳ΋ͷ͸͍͍ͩͨ͋Δ
    w Ґஔ৘ใɺΧϝϥɺࣸਅϥΠϒϥϦͳͲ
29. ྫʣҐஔ৘ใऔಘ import 'package:location/location.dart'; Future<LocationData> _getLocationData() async { Location location = Location(); bool serviceEnabled = await location.serviceEnabled(); if (!serviceEnabled) { serviceEnabled = await location.requestService(); if (!serviceEnabled) { return null; } } PermissionStatus permissionGranted = await location.hasPermission(); if (permissionGranted == PermissionStatus.denied) { permissionGranted = await location.requestPermission(); if (permissionGranted != PermissionStatus.granted) { return null; } } return await location.getLocation(); }
30. σβΠϯ
31. σβΠϯ w جຊతʹ͸.BUFSJBMσβΠϯ
    w ϓϥοτϑΥʔϜؒͰڞ௨
    w J04෩ͷ$VQFSUJOP
    XJEHFU܈΋͋Δ
    w ྆σβΠϯΛ࣮ߦ࣌ʹ੾Γସ͑Δ QBDLBHF΋͋Δ
32. J04෩ 4XJUDI $VQFSUJOP4XJUDI 1MBUGPSN4XJUDI
    qVUUFS@QMBUGPSN@XJEHFUT
33. λϒϨοτ ʢBEBQUJWFʣ
34. λϒϨοτʢBEBQUJWFʣ w ը໘αΠζΛΈͯࣗલͰௐ੔͢Δඞཁ͋Γ LayoutBuilder( builder: (BuildContext context, BoxConstraints constraints) { if (constraints.maxWidth < constraints.maxHeight) { return _portraitLayout(moonBox, dataTableBox); } else { return _landscapeLayout(moonBox, dataTableBox); } } )
35. μʔΫϞʔυ
36. μʔΫϞʔυ w 5IFNF
    
    5IFNF%BUBͰରԠ Widget build(BuildContext context) { return MaterialApp( theme: ThemeData.light(), darkTheme: ThemeData.dark(), ...); }
37. ϩʔΧϥΠζ
38. ϩʔΧϥΠζ w J04
    
    "OESPJE྆ରԠՄೳ { "moon": "݄", "newMoon": "৽݄", ... Text(AppLocalizations.of(context).moon) { "moon": "Moon", "@moon": {}, "newMoon": "New", "@newMoon": {}, ...
39. ޿ࠂ
40. ޿ࠂ w "E.PCͳͲҰ෦ͷ4%,ʹ͍ͭͯ͸QBDLBHF͋Γ
41. ·ͱΊ
42. ·ͱΊ w ؾʹͳΓϙΠϯτ
    w ωΠςΟϒ6*ײ͸ബ͍ʢಛʹJ04ʣˡٯʹ04ͷ มߋͰಈ͔ͳ͘ͳΔ͜ͱ͸গͳͦ͏ʁ
    w 04ಠࣗʢ͋Δ͍͸֎෦4%,ʣͷ৽͍͠"1*Λ͢ ͙ʹ࢖͑ΔΘ͚Ͱ͸ͳ͍
43. ·ͱΊ w ͱ͸͍͑
    w దࡐదॴͰ͸͋Δ͕։ൃͷબ୒ࢶͱͯ͠͸े෼ʹՄೳ ੑ͋Γ
    w J04
    
    "OESPJEͷ։ൃܦݧ͕͋Δͱͳ͓Αͦ͞͏
    w ެࣜυΩϡϝϯτʢ
    IUUQTqVUUFSEFWEPDT
    ʣ͕ॆ ࣮͍ͯ͠Δ͔Β࠷ऴతʹ͸ͦ͜ΛݟΔ΂͠
    w qVUUFS
    ͷHPPHMFBCJMJUZ͕ߴ͍ͷ͸ॿ͔Δ
    ʢ΋͏গ͠୳ٻͯ͠ΈΔ͔΋ʣ