Android エンジニアが Flutterに入門して驚いたこと3点

potatotips #66 (iOS/Android開発Tips共有会)

Transcript

1. "OESPJEΤϯδχΞ͕
   'MVUUFSʹೖ໳ͯ͠ڻ͍
   ͨ͜ͱ఺
   

   View Slide

2. "CPVU.F
   ։পୡ໵
   "OESPJE'MVUUFS
   /FXT%JHFTU
   /BNF
   +PC
   "QQ
   $PNQBOZ +9௨৴ࣾ
   !OVNBUDI
   

   View Slide

3. wා͘ͳ͍Α'MVUUFS%PDUPS
   ࠓ೔࿩͍ͨ͜͠ͱ 5-%3
   
   wೖΕ΍͍͢Α1MVHJO
   w͕࣌ؒ͋ͬͨΒ'JSFCBTF
   

   View Slide

4. ා͘ͳ͍Α
   'MVUUFS%PDUPS
   

   View Slide

5. $ flutter doctor
   w'MVUUFS͕ͪΌΜͱಈ͔͘਍அͯ͘͠Ε·͢
   'MVUUFS%PDUPS
   

   View Slide

6. ΊͬͪΌౖΒΕΔ
   [!] iOS toolchain - develop for iOS devices (Xcode xx.x.x)
   ✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
   ✗ libimobiledevice and ideviceinstaller are not installed.
   ✗ CocoaPods not installed.
   <㾎>"OESPJE4UVEJP WFSTJPOYY
   
   ✗'MVUUFSQMVHJOOPUJOTUBMMFEUIJTBEET'MVUUFSTQFDJpDGVODUJPOBMJUZ
   ✗%BSUQMVHJOOPUJOTUBMMFEUIJTBEET%BSUTQFDJpDGVODUJPOBMJUZ
   [!] Android toolchain - develop for Android devices (Android SDK xx.x.x)
   ! Some Android licenses not accepted. To resolve this, run: flutter
   doctor --android-licenses
   

   View Slide

7. ΊͬͪΌౖΒΕΔ
   [!] iOS toolchain - develop for iOS devices (Xcode xx.x.x)
   ✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
   ✗ libimobiledevice and ideviceinstaller are not installed.
   ✗ CocoaPods not installed.
   <㾎>"OESPJE4UVEJP WFSTJPOYY
   
   ✗'MVUUFSQMVHJOOPUJOTUBMMFEUIJTBEET'MVUUFSTQFDJpDGVODUJPOBMJUZ
   ✗%BSUQMVHJOOPUJOTUBMMFEUIJTBEET%BSUTQFDJpDGVODUJPOBMJUZ
   [!] Android toolchain - develop for Android devices (Android SDK xx.x.x)
   ! Some Android licenses not accepted. To resolve this, run: flutter
   doctor --android-licenses
   

   View Slide

8. GPS"OESPJE
   %BSU΋ҰॹʹೖΓ·͢
   

   View Slide

9. ΊͬͪΌౖΒΕΔ
   <㾎>"OESPJE4UVEJP WFSTJPOYY
   
   ✗'MVUUFSQMVHJOOPUJOTUBMMFEUIJTBEET'MVUUFSTQFDJpDGVODUJPOBMJUZ
   ✗%BSUQMVHJOOPUJOTUBMMFEUIJTBEET%BSUTQFDJpDGVODUJPOBMJUZ
   [!] Android toolchain - develop for Android devices (Android SDK xx.x.x)
   ! Some Android licenses not accepted. To resolve this, run: flutter
   doctor --android-licenses
   :FTϚϯͰେৎ෉
   $ flutter doctor —android-licences
   

   View Slide

10. ΊͬͪΌౖΒΕΔ
    [!] iOS toolchain - develop for iOS devices (Xcode xx.x.x)
    ✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
    ✗ libimobiledevice and ideviceinstaller are not installed.
    ✗ CocoaPods not installed.
    <㾎>"OESPJE4UVEJP WFSTJPOYY
    
    ✗'MVUUFSQMVHJOOPUJOTUBMMFEUIJTBEET'MVUUFSTQFDJpDGVODUJPOBMJUZ
    ✗%BSUQMVHJOOPUJOTUBMMFEUIJTBEET%BSUTQFDJpDGVODUJPOBMJUZ
    [!] Android toolchain - develop for Android devices (Android SDK xx.x.x)
    ! Some Android licenses not accepted. To resolve this, run: flutter
    doctor --android-licenses
    

    View Slide

11. GPSJ04
    [!] iOS toolchain - develop for iOS devices (Xcode xx.x.x)
    ✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
    ✗ libimobiledevice and ideviceinstaller are not installed.
    ✗ CocoaPods not installed.
    w9DPEFΛΠϯετʔϧ͠·͠ΐ͏
    w)PNFCSFXΛΠϯετʔϧ͠·͠ΐ͏
    w$PDPB1PETΛΠϯετʔϧ͠·͠ΐ͏
    "HSFFϚϯͰେৎ෉
    

    View Slide

12. ೖΕ΍͍͢Α
    1MVHJO
    

    View Slide

13. 'MVUUFS͸1MVHJOͰਐԽ͢Δ
    QVCEFWqVUUFSʹΞΫηε͠Α͏
    

    View Slide

14. TIBSFE@QSFGFSFODFT
    

    View Slide

15. QVCTQFDZBNM
    

    View Slide

16. هड़ํ๏
    import 'package:shared_preferences/shared_preferences.dart';
    4IBSFE1SFGFSFODFTQSFGT
    ɹɹɹɹɹɹɹɹɹɹBXBJU4IBSFE1SFGFSFODFTHFU*OTUBODF
    
    JOUDPVOUFS QSFGTHFU*OU DPVOUFS
    
    
    QSJOU 1SFTTFEDPVOUFSUJNFT
    
    

    View Slide

17. هड़ํ๏
    import 'package:shared_preferences/shared_preferences.dart';
    4IBSFE1SFGFSFODFTQSFGT
    ɹɹɹɹɹɹɹɹɹɹBXBJU4IBSFE1SFGFSFODFTHFU*OTUBODF
    
    JOUDPVOUFS QSFGTHFU*OU DPVOUFS
    
    
    QSJOU 1SFTTFEDPVOUFSUJNFT
    
    BXBJUQSFGTSFMPBE
    
    

    View Slide

18. 'JSFCBTF
    

    View Slide

19. ັ࿭ͷ'JSFCBTF
    

    View Slide

20. View Slide

21. ΋͏ɺԿ΋ා͘ͳ͍
    

    View Slide

22. ϓϥοτϑΥʔϜʹनΘΕͳ͍ೝূػߏ
    w'JSFCBTF"VUIFOUJDBUJPO
    ϓϥοτϑΥʔϜʹनΘΕͳ͍ϓογϡ௨஌
    w'JSFCBTF$MPVE.FTTBHJOH
    

    View Slide

23. lଓ͖͸"EWFOUDBMFOEBSͰz
    

    View Slide

24. ࠷ޙʹ
    

    View Slide

25. +9௨৴ࣾͷ7BMVFʹ͍ͭͯ
    '0$V4
    F = Future-oriented(ະདྷʹ޲͔ͬͯ௅ઓ͠Α͏)
    O = Ownership(౰ࣄऀҙࣝΛൃش͠Α͏)
    Cu = Customer-first(ৗʹސ٬ࢤ޲Ͱ)
    S = Speed(εϐʔυײΛ࣋ͬͯऔΓ૊΋͏)
    

    View Slide