SUZURIのAndroidアプリをFlutterで作っている話 / SUZURI-meets-Flutter

by Osamtimizer

Slide 1

Slide 1 text

࣌ాཧ(.01FQBCP *OD ϖύϘɾ͸ͯͳٕज़େձʙ!ΦϯϥΠϯ 46;63*ͷ "OESPJEΞϓϦΛ 'MVUUFSͰ࡞͍ͬͯΔ࿩

Slide 2

Slide 2 text

ϞόΠϧ8FCΞϓϦέʔγϣϯΤϯδχΞ ࣌ాཧ!PTBNUJNJ[FS 46;63*ࣄۀ෦ϓϩμΫτνʔϜ IUUQTPTBNUJNJ[FSIBUFOBCMPHDPN

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

ΦϦδφϧάοζ͕࡞ΕΔɺചΕΔɺങ͑Δɻ ը૾Λ1ຕΞοϓ ͢Δ͚ͩ ࣗಈతʹ঎඼͕ Ͱ͖·͢ ࣗ෼Ͱ΋ങ͑Δ͠   ചΔ͜ͱ΋Ͱ͖·͢

Slide 5

Slide 5 text

͸͡Ίʹ wࢿྉ͸ޙ΄ͲΠϯλʔωοτ্Ͱެ։͠·͢ wIUUQTTQFBLFSEFDLDPNPTBNUJNJ[FS

Slide 6

Slide 6 text

ࠓ೔࿩͢͜ͱ wͳͥ46;63*ͷ"OESPJEΞϓϦ։ൃʹ'MVUUFSΛ࠾༻ͨ͠ͷ͔ w'MVUUFSͱ͸Կ͔ w'MVUUFSΛ࠾༻ͯ͠Α͔ͬͨ͜ͱ w'MVUUFSͰ։ൃ͢Δ্Ͱͭ·͍ͮͨ͜ͱ w'MVUUFSΛ࠾༻͢Δʹ͋ͨͬͯߟ͑Δ͜ͱ

Slide 7

Slide 7 text

46;63*"OESPJE ։ൃத

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

ۙ೔தʹϦϦʔεʂ

Slide 10

Slide 10 text

࣮͸։ൃ͕଺͍ͬͯͨ

Slide 11

Slide 11 text

"OESPJE൛ͷ։ൃఀ଺ w"OESPJEઐ೚ͷϞόΠϧΞϓϦΤϯδχΞ͕͍ͳ͔ͬͨ w։ൃ్தͰ"OESPJEҎ֎ͷλεΫ༏ઌ౓্͕͕ͬͯ͠·ͬͨ wϑΝʔετϦϦʔε΁ͷ੎͍͕ࣦΘΕɺ์ஔ͞Ε͕ͪʹ

Slide 12

Slide 12 text

'MVUUFSͱͷग़ձ͍

Slide 13

Slide 13 text

'MVUUFSͱͷग़ձ͍ wࣾ಺Ͱ'MVUUFSʹڵຯ͕͋Δਓ͕૿͍͑ͯͨ w'MVUUFSͷษڧ͕ͯΒɺ46;63*ͷΞϓϦΛࣗ༝ݚڀͰ࡞͍ͬͯͨ wࢥ͍ͬͯͨΑΓΞϓϦ͕ૉૣ͘࡞ΕΔ͜ͱ͕Θ͔ͬͨ wˠ"OESPJE൛Λ'MVUUFSͰ࡞Γ௚͢ʁ

Slide 14

Slide 14 text

'MVUUFS࠾༻Λݕ౼ w"OESPJEઐ೚͸͍ͳ͍͕ɺαϙʔτ͸ड͚ΒΕΔ wJ04൛Λ͢ͰʹϦϦʔε͍ͯͨ͠ wϑΝʔετϦϦʔεͰରԠ͢Δൣғ͕ܾ·͍ͬͯͨ w3FBDU/BUJWF΋ߟ͕͑ͨɺ3FBDUʹ௕͚ͨਓ͕νʔϜʹ͍ͳ͍ w'MVUUFS΁ͷؔ৺͕ࣾ಺Ͱߴ·͍ͬͯͨ wJ04Λ4XJGU6*ʹ৐Γ׵͑ΔͨΊͷ஌ݟ΋ಘΒΕΔ

Slide 15

Slide 15 text

'MVUUFS࠾༻ΛܾΊͨͱ͖ͷྲྀΕ

Slide 16

Slide 16 text

͡Ό͋'MVUUFSͰ͍͖·͠ΐ͏

Slide 17

Slide 17 text

ͱ͜ΖͰ

Slide 18

Slide 18 text

'MVUUFSͱ͸

Slide 19

Slide 19 text

'MVUUFS w(PPHMF੡ͷ6*πʔϧΩοτ w"OESPJEJ04ΞϓϦΛ୯ҰͷίʔυϕʔεͰ࡞ΕΔ w 8FC σεΫτοϓΞϓϦ΋࡞ΕΔ͕ɺΫϩεϓϥοτϑΥʔϜϞόΠϧΞϓϦ։ൃͷจ຺ͰޠΒΕΔ͜ͱ͕ଟ͍ wશͯ͸΢ΟδΣοτ wએݴత6*ϓϩάϥϛϯά

Slide 20

Slide 20 text

શͯ͸΢ΟδΣοτ

Slide 21

Slide 21 text

શͯ͸΢ΟδΣοτ wը໘ʹදࣔ͞ΕΔ΋ͷ͸શͯ΢ΟδΣοτͱࢥͬͯྑ͍ w4DB⒎PME 5FYU $POUBJOFS 3PX $PMVNO *NBHF *DPO FUDʜ w΢ΟδΣοτΛ૊Έ߹Θͤͯɺ֊૚ߏ଄Λ࡞Δ w)5.-ͷΑ͏ͳ֊૚ߏ଄

Slide 22

Slide 22 text

એݴత6*ϓϩάϥϛϯά

Slide 23

Slide 23 text

એݴత6*ϓϩάϥϛϯά w͋Δ΂͖ঢ়ଶΛهड़͢Δ͜ͱͰɺ6*Λ૊Έཱ͍ͯͯ͘ w໋ྩతʢखଓ͖తʣϓϩάϥϛϯάͱൺֱ͞ΕΔ͜ͱ͕ଟ͍

Slide 24

Slide 24 text

໋ྩతͱએݴతͷൺֱ

Slide 25

Slide 25 text

໋ྩతͱએݴతͷൺֱ w໋ྩత6*ϓϩάϥϛϯά w"ͷ஋͕#ͱ͍͏ঢ়ଶʹͳͬͨΒɺ͜ͷΑ͏ʹදࣔΛม͑Δ wએݴత6*ϓϩάϥϛϯά w"ͷ஋ʹ#ͱ͍͏ঢ়ଶ͕༩͑ΒΕͨΒɺ͜ͷΑ͏ʹදࣔ͢Δ

Slide 26

Slide 26 text

໋ྩత customButton.onTap((event) { currentStatus = !currentStatus; customButton.enabled = currentStatus; if (currentStatus == true) { customButton.color = Colors.blue; } else { customButton.color = Colors.red; } }); w಺෦Ͱঢ়ଶΛ؅ཧ wঢ়ଶ͕มΘ͔ͬͨΛ൑ఆ͠ɺඞཁͩͬͨΒߋ৽͢Δ

Slide 27

Slide 27 text

એݴత Widget _button(BuildContext context, bool enabled, Color color) { return CustomButton( enabled: enabled, color: color, ); } wঢ়ଶ͸6*૚Ͱ࣋ͨͳ͍ wঢ়ଶΛߋ৽ͨ͘͠ͳͬͨΒɺ৽͍͠஋Λ༩͑ͯ࡞Δ wݹ͍΋ͷ͸ࣺͯΔ

Slide 28

Slide 28 text

એݴతʹ6*Λهड़Ͱ͖Δ͜ͱͷϝϦοτ wݟͨ໨ͱঢ়ଶʹؔ͢ΔίʔυΛ෼཭͠΍͍͢ wʮલͷঢ়ଶʯΛ6*૚Ͱҙࣝ͢Δඞཁ͕ͳ͘ͳΔ wˠίʔυ͕ॻ͖΍͍͢ʂ w'MVUUFSҎ֎ʹ΋ɺ3FBDU΍4XJGU6*Ͱ࠾༻͞Ε͍ͯΔ

Slide 29

Slide 29 text

'MVUUFSΛ࠾༻ͯ͠Α͔ͬͨ͜ͱ

Slide 30

Slide 30 text

։ൃମݧ͕ྑ͍

Slide 31

Slide 31 text

։ൃମݧ͕ྑ͍ w)PU3FMPBE͸ศར wΞϓϦ։ൃʹඞཁͳ΢ΟδΣοτ͕େମἧ͍ͬͯΔ wϓϥάΠϯ΍πʔϧ͕੔͍ͬͯΔ

Slide 32

Slide 32 text

)PU3FMPBE wϏϧυ଴ͪ࣌ؒͷ࡟ݮ wʮ͜͜ม͑ͨΒͲ͏ͳΔΜ͚ͩͬʁʯ͕ҰॠͰΘ͔Δ w J04ͱൺֱͯ͠ 4UPSZ#PBSEͱ࣮ଶͷဃ཭ʹ೰Ή͜ͱ͕ͳ͘ͳΔ

Slide 33

Slide 33 text

๛෋ͳ΢ΟδΣοτ w5FYU $FOUFS -JTU7JFX (SJE7JFX 4DB⒎PME FUDʜ wJ04"OESPJEωΠςΟϒͱൺ΂ͯɺγϯϓϧͳઃܭ wಛʹ(SJE7JFX -JTU7JFX͸ͱͯ΋࢖͍΍͍͢ wঢ়ଶ؅ཧ͕Ͱ͖Δ1SPWJEFS͸͔ܽͤͳ͍ଘࡏ

Slide 34

Slide 34 text

ϓϥάΠϯ΍πʔϧ wಛʹ"OESPJE4UVEJP74DPEFͷϓϥάΠϯ͸ศར w'MVUUFS͸ωετ͕ਂ͘ͳΓ͕͕ͪͩɺด͡ΔҐஔΛදࣔͯ͘͠ΕΔ

Slide 35

Slide 35 text

'MVUUFSͰ։ൃ͢Δ͏͑Ͱ ͭ·͍ͮͨ͜ͱ

Slide 36

Slide 36 text

8FC7JFX

Slide 37

Slide 37 text

8FC7JFX wಛʹ"OESPJE൛ wύϑΥʔϚϯε͕ྑ͘ͳ͍ wιϑτ΢ΣΞΩʔϘʔυ͕བྷΉͱ͞Βʹ໽հ w$PPLJFΛηοτ͢Δͷʹ&WBMVBUF+BWBTDSJQUΛ࢖͏ wFUDʜ

Slide 38

Slide 38 text

8FC7JFX

Slide 39

Slide 39 text

8FC7JFX wจࣈΛೖྗ͠Α͏ͱ͢Δͱɺจࣈ͝ͱʹڧ੍֬ఆ w೔ຊޠͷม׵͕Ͱ͖ͳ͘ͳΔ wೖྗ͠Α͏ͱ͢ΔͱΞϓϦ͕ॏ͘ͳΔ wจࣈೖྗ࣌ʹ΢ΟδΣοτ͕ϦαΠζ͞ΕΔͷ͕ݪҼ wϦαΠζ͞Εͳ͍Α͏ͳઃఆʹมߋͯ͠ରԠ w͜Ε͸8FC7JFX୯ҐͰ͸ͳ͘ɺΞϓϦ୯Ґͷઃఆ

Slide 40

Slide 40 text

4UBUFGVM8JEHFU

Slide 41

Slide 41 text

4UBUFGVM8JEHFU w໊લͷ௨Γɺঢ়ଶΛ࣋ͬͨ΢ΟδΣοτ wΞχϝʔγϣϯͳͲҰ෦ͷ΢ΟδΣοτ͸4UBUFGVMͰ͋Δඞཁ͕͋Δ wࢥΘ͵όά͕ೖΓࠐΉ͜ͱ͕ଟ͍

Slide 42

Slide 42 text

'MVUUFSΛ࠾༻͢Δʹ͋ͨͬͯ ߟ͑Δ͜ͱ

Slide 43

Slide 43 text

'MVUUFSΛ࠾༻͢Δ্Ͱߟ͑Δ͜ͱ wJ04"OESPJEͦΕͧΕͷϓϥοτϑΥʔϜʹৄ͍͠ਓ͸͍Δ͔ʁ wΞϓϦͷϝϯςφϯε͸ܧଓͰ͖Δ͔ʁ

Slide 44

Slide 44 text

ϓϥοτϑΥʔϜʹৄ͍͠ਓ͸͍Δ͔ʁ wΫϩεϓϥοτϑΥʔϜͱ͸͍͑ɺϏϧυपΓ͸ωΠςΟϒͷྖҬ wҰ෦ϥΠϒϥϦ͸CVJME(SBEMFͳͲʹखΛೖΕͨΓ͢Δ w'BTUMBOFͰͷࣗಈԽ΋ϓϥοτϑΥʔϜຖ wνʔϜ಺ʹ͍ͳ͘ͱ΋ɺؾܰʹखΛିͯ͠΋Β͑Δঢ়ଶ͕ཧ૝

Slide 45

Slide 45 text

ΞϓϦͷϝϯςφϯε͸ܧଓͰ͖Δ͔ʁ w'MVUUFSWϦϦʔε͸೥ wόʔδϣϯΞοϓͷස౓͕ଟ͍ wഁյతมߋΛ൐͍ͭͭɺύϑΥʔϚϯεͷ޲্͕ਤΒΕΔ͜ͱ΋ wόʔδϣϯΞοϓʹ͍͍ͭͯ͘ඞཁੑ w͋Δ͍͸ɺϝϯς͕΄΅ෆཁͷΞϓϦͰ࠾༻͢ΔͳͲ wྫɿ.FSDBSJ5FDI$POG %SPJE,BJHJ

Slide 46

Slide 46 text

·ͱΊ

Slide 47

Slide 47 text

·ͱΊ w'MVUUFSΛ࠾༻ͯ͠͏·͍͘͘έʔε΋͋Δ wએݴత6*ϓϩάϥϛϯά͸׳ΕΕ͹ڧྗͳಓ۩ʹͳΔ w։ൃମݧ͕ྑ͍ͷͰɺ·ͩ৮ͬͨ͜ͱ͕ͳ͍ਓ΋ࢼͯ͠Έͯ΄͍͠