Flutterでもシリアルコンソール通信 できるもん!

YOUTRUST x ゆめみ Flutter LT会@渋谷 #3
https://yumemi.connpass.com/event/294763/

Transcript

1. 2023.9.29 FlutterͰ΋γϦΞϧίϯιʔϧ௨৴ Ͱ͖Δ΋Μ! YUMEMI Inc. Flutter Engineer - Onoue Ryotaro  YOUTRUST × ΏΊΈ Flutter LTձ@ौ୩ #3
2. 0. whoami 
3. 1. Today’s topic γϦΞϧίϯιʔϧ௨৴ × Flutter
4. γϦΞϧ .. . ? ίϯιʔϧ…?   1-1. γϦΞϧίϯιʔϧͬͯͳΜͧ΍?
5. γϦΞϧ .. . ? ίϯιʔϧ…?   1-1. γϦΞϧίϯιʔϧͬͯͳΜͧ΍?
6. γϦΞϧ .. . ? ίϯιʔϧ…?   1-1. γϦΞϧίϯιʔϧͬͯͳΜͧ΍?
7. γϦΞϧ .. . ? ίϯιʔϧ…?   1-1. γϦΞϧίϯιʔϧͬͯͳΜͧ΍? 71/ϧʔλͱεΠον
8. γϦΞϧ .. . ? ίϯιʔϧ…?   1-1. γϦΞϧίϯιʔϧͬͯͳΜͧ΍? Oracle Cloud Infrastructure ͷ Compute InstanceʹγϦΞϧίϯιʔϧ઀ଓ
9. γϦΞϧ .. . ? ίϯιʔϧ…?   1-1. γϦΞϧίϯιʔϧͬͯͳΜͧ΍? 0SBDMF
   $MPVE
   *OGSBTUSVDUVSF
   ͷ
   
   $PNQVUF
   *OTUBODFʹγϦΞϧίϯιʔϧ઀ଓ
10. γϦΞϧ .. . ? ίϯιʔϧ…?   1-1. γϦΞϧίϯιʔϧ௨৴ͬͯͳΜͧ΍? - γϦΞϧίϯιʔϧ / γϦΞϧϙʔτͱ͸?  1౓ʹ1bitͣͭσʔλΛૹड৴͢ΔΠϯλʔϑΣʔε
    
    ύϥϨϧ઀ଓ
     σΟεϓϨΠ΍Ϛ΢ε౳ͷೖग़ྗΠϯλʔϑΣʔεΛ࣋ͨͳ͍
    αʔό΍૊ ΈࠐΈγεςϜ
    ʹ઀ଓ͢Δͷʹར༻͞Ε͍ͯΔ
11. CO2ηϯαʔ UD-CO2S   1-2. ۩ମతͳσόΠε
12. EQIS-1   1-2. ۩ମతͳσόΠε
13. Ճ଎౓ηϯαʔ EQIS-1   1-2. ۩ମతͳσόΠε (ࠨ): https: // quake.one/sense/ ΑΓ
14. GNSSड৴ػ   1-2. ۩ମతͳσόΠε https: / / prioris.jp/gnss/
15. 2. FlutterͰγϦΞϧίϯιʔϧ ωΠςΟϒ͡Ό
16. ԿΛ࡞͍͖͍͔ͬͯͨ   2-0. ໨ඪ - ֓ཁ - CO2ηϯαʔͷ஋Λදࣔɾάϥϑදࣔ - ൚༻ੑͷߴ͍γϦΞϧίϯιʔϧؔ࿈ΫϥεΛ࡞Δ - ϓϥοτϑΥʔϜ - Android, macOS, Linux - iOS͸OSͷ੍໿্ݫ͍͠ - ঢ়ଶ؅ཧ - riverpod, flutter_hooks
17. Flutterͷ֎ͷੈք΁ΞΫηε   2-1. ϓϥάΠϯௐࠪ
18. Flutterͷ֎ͷੈք΁ΞΫηε   2-1. ϓϥάΠϯௐࠪ AndroidͰ࣮ߦ͢Δͱɺݖݶෆ଍ͰౖΒΕΔ - > ୅ΘΓʹusb_serial pluginΛ࢖͏͜ͱͰճආͰ͖Δ IUUQTHJUIVCDPNKQOVSNJ fl VUUFS@MJCTFSJBMQPSUJTTVFT IUUQTHJUIVCDPNKQOVSNJ fl VUUFS@MJCTFSJBMQPSUJTTVFT
19. Android ͱ ͦΕҎ֎Ͱར༻͢ΔϓϥάΠϯΛ෼͚Δ 2-2. ϓϥάΠϯ෼͚Δ࡞ઓ   Android ↑ macOS, Linux, Windows ↑
20. Android ͱ ͦΕҎ֎Ͱར༻͢ΔϓϥάΠϯΛ෼͚Δ 2-2. ϓϥάΠϯ෼͚Δ࡞ઓ  
21. Android ͱ ͦΕҎ֎Ͱར༻͢ΔϓϥάΠϯΛ෼͚Δ 2-2. ϓϥάΠϯ෼͚Δ࡞ઓ   usb_serial (Android)
22. Android ͱ ͦΕҎ֎Ͱར༻͢ΔϓϥάΠϯΛ෼͚Δ 2-2. ϓϥάΠϯ෼͚Δ࡞ઓ   flutter_libserialport (AndroidҎ֎)
23. Android ͱ ͦΕҎ֎Ͱར༻͢ΔϓϥάΠϯΛ෼͚Δ 2-2. ϓϥάΠϯ෼͚Δ࡞ઓ   Android͔Ͳ͏͔ΛνΣοΫ࣮ͯ͠૷Λ੾Γସ͑Δ 👍: ࣮૷࣌ʹϓϥοτϑΥʔϜͷੈքͷ͜ͱΛߟ͑ͳͯ͘OK!
24. ڞ௨Խͨ͠SerialConsoleProviderΛୟ͘ 2-3. දࣔ·Ͱͷ࣮૷   ը໘ߏ੒ - σόΠεબ୒ը໘ (deviceSelectorPage) - ηϯαʔͷ৘ใΛදࣔ͢Δը໘ (monitoringPage)
25. RiverpodͰΰγΰγ͢Δ 2-3-1. σόΠεબ୒ը໘   serialConsoleDeviceΛҰཡ͢ΔFutureProviderΛ࡞ͬͯ͋͛ͯ switchࣜ(ύλʔϯϚονϯά)Ͱ [σόΠεແ͠ɾσόΠεҰཡɾ ಡΈࠐΈதɾΤϥʔ]ঢ়ଶͰग़͠෼͚
26. RiverpodͰΰγΰγ͢Δ 2-3-1. σόΠεબ୒ը໘   σόΠεҰཡͰListTileΛදࣔͯ͠ λοϓ͞ΕͨΒ MonitoringPage ΁ભҠ
27. RiverpodͰΰγΰγ͢Δ 2-3-2. ϞχλϦϯάը໘   CO2SensorProvider: ଌఆ஋ͷอ࣋ɾ։࢝ॲཧ ʮCO2=489,HUM=46.4,TMP=28.6ʯͰྲྀΕͯ͘Δଌఆ஋ͷύʔε
28. RiverpodͰΰγΰγ͢Δ 2-3-2. ϞχλϦϯάը໘   CO2SensorProvider: ଌఆ஋ͷอ࣋ɾ։࢝ॲཧ ʮCO2=489,HUM=46.4,TMP=28.6ʯͰྲྀΕͯ͘Δଌఆ஋ͷύʔε
29. < - Starbucks ԣ඿ͦ͝͏ళ ࠓ೔͜͜·ͰདྷΔ·Ͱͷిं(ΓΜ͔͍ઢ) ↓
30. 3. Live Demo PixelͰಈ͔ͯ͠Έ·͢ʙ
31. FlutterͰ΋γϦΞϧίϯιʔϧ௨৴Ͱ͖Δ΋Μ!   4. ·ͱΊ ͱ Φν - Flutter͔ͩΒωΠςΟϒ৮Δػೳ͸࢖͑ͳ͍ΜͰ͠ΐ? - > ͍͍͑ Plugin͕͋Γ·͢ (౰વྫ֎͸͋Γ·͕͢) - γϦΞϧίϯιʔϧ௨৴Ͱ෺ཧతͳσόΠεͱ઀ଓͯ͠ ৘ใΛૹड৴͢Δ͜ͱ͕Ͱ͖Δ - ࠓޙ Ճ଎౓ηϯαʔ΍GNSSड৴ػͷApp΋࡞͍ͬͯͭ͘΋ΓͰ͢
32. FlutterͰ΋γϦΞϧίϯιʔϧ௨৴Ͱ͖Δ΋Μ!   - Flutter͔ͩΒωΠςΟϒ৮Δػೳ͸࢖͑ͳ͍ΜͰ͠ΐ? - > ͍͍͑ Plugin͕͋Γ·͢ (౰વྫ֎͸͋Γ·͕͢) - γϦΞϧίϯιʔϧ௨৴Ͱ෺ཧతͳσόΠεͱ઀ଓͯ͠ ৘ใΛૹड৴͢Δ͜ͱ͕Ͱ͖Δ - ࠓޙ Ճ଎౓ηϯαʔ΍GNSSड৴ػͷApp΋࡞͍ͬͯͭ͘΋ΓͰ͢ 4. ·ͱΊ ͱ Φν pub.devʹग़͍ͯͳ͍͚ͩͰ ίʔυ͸ ͢ͰʹରԠ͞Εͯͨ!!!
33. FlutterͰ΋γϦΞϧίϯιʔϧ௨৴Ͱ͖Δ΋Μ!   4. ·ͱΊ ͱ Φν - Flutter͔ͩΒωΠςΟϒ৮Δػೳ͸࢖͑ͳ͍ΜͰ͠ΐ? - > ͍͍͑ Plugin͕͋Γ·͢ (౰વྫ֎͸͋Γ·͕͢) - γϦΞϧίϯιʔϧ௨৴Ͱ෺ཧతͳσόΠεͱ઀ଓͯ͠ ৘ใΛૹड৴͢Δ͜ͱ͕Ͱ͖Δ - ࠓޙ Ճ଎౓ηϯαʔ΍GNSSड৴ػͷApp΋࡞͍ͬͯͭ͘΋ΓͰ͢ - Issue΋ͪΌΜͱಡΈ·͠ΐ͏ - ਂ໷Ͱ൑அྗ͕௿Լ͍ͯ͠Δͱ͖ʹॏཁͳ൑அΛ͠ͳ͍ํ͕ྑ͍
34. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠! ࣭໰ɾؾʹͳΔ͜ͱ͕͋Ε͹ ͍ͭͰ΋࿈བྷ͍ͩ͘͞!  Follow me on X: @YumNumm https: / / github.com/YumNumm/CO2SensorViewer