Flutterで結婚式の余興アプリをつくってみた

2021.09.15開催のクラウド勉強会にて発表

Transcript

1. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. NTTυίϞɹΠϊϕʔγϣϯ౷ׅ෦ʛ௽Ԭलथ 2020.09.15 Cloud Study FlutterͰ݁ࠗࣜͷ༨ڵΞϓϦΛͭͬͯ͘Έͨ
2. ௽Ԭलथ Hideki Tsuruoka 2017೥NTTυίϞ৽ଔೖࣾɻ ൒೥ؒͷυίϞγϣοϓݚमΛܦͯΠϊϕʔγϣϯ౷ׅ෦ʹ഑ଐɻ ݱࡏ͸ɺ౤ࢿ؅ཧαʔϏεʰϚΠτϨʔυʱͷLP੡࡞ɾUI/UXσβΠϯ ۀ຿ɺ͓ΑͼFlutterΛ༻͍ͨΞϓϦ։ൃʹैࣄɻ σβΠϯ×ΤϯδχΞϦϯάΛத৺ʹɺ υίϞ಺੡։ൃͷϝϯόʔͱͯ͠ฃಆதɻ Flutter Firebase UI Design © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential.
3. ࢲࣄͰ͕͢2021೥8݄21೔ʹ݁ࠗࣜΛڍ͛ɺ൸࿐ԅͷ༨ڵͰΦʔϧελʔײँ ࡇ෩ͷձ৔ࢀՃܕΫΠζΛߦ͍·ͨ͠ɻΞϓϦέʔγϣϯͷ։ൃ͸Google੡ OSSϑϨʔϜϫʔΫʰFlutterʱʢFirebaseʣͰߦ͍ɺτʔλϧ࣌ؒ30Hఔ౓Ͱ ࢓্͛ΒΕͨ఺ɺෆ࣮֬ͳཁ݅ͷத։ൃΛਐΊΔ͜ͱ͕Ͱ͖ͨ఺ͳͲΛ౿·͑ ͯվΊͯʮFlutterͷੜ࢈ੑ͕ߴ͍.. ʯͱײͨ͡ͷͰͦͷ಺༰Λ͓࿩͠·͢ɻ Today’s Talk ຊ೔͓࿩͢Δ͜ͱ © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential.
4. Agenda © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ࣮ࡍʹͰ͖ͨ΋ͷ 3ͭͷΞϓϦέʔγϣϯ ·ͱΊ FlutterͱFirebase FlutterͷԸܙͱ޻෉ͨ͠఺
5. ౤ӨͷΈ
6. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ࣮ࡍʹͰ͖ͨ΋ͷ - 1ʢձ৔εΫϦʔϯͱίϯτϩʔϥʣ 6
7. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ࣮ࡍʹͰ͖ͨ΋ͷ - 2ʢྻ੮ऀͷεϚʔτϑΥϯը໘ʣ 7
8. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ʢ͓·͚ʣֆίϯς 8
9. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ண૝ͷഎܠ 9 https://twitter.com/krpk1900_dev/status/1406092975193550855 s=20
10. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. Flutter, Firebaseͱ͸ 10 Flutter͸Google੡ͷϞόΠϧΞϓϦΛච಄ʹΞϓϦέʔγϣϯ͕1ιʔεͰ։ൃͰ͖ΔΫϩεϓϥοτϑΥʔϜͰ͢ɻ Flutterͷ`2.5.0`͕9݄9೔ʹग़·͕ͨ͠ɺ೥ʑ࠾༻اۀ΋ଟ͘ͳΓ஫໨౓͸͏ͳ͗ొΓͰ͢ɻ5݄ʹൃද͞Εͨ಺༰Ͱ͸ɺGoogle Playʹ৽نͰ ग़͞ΕΔΞϓϦͷ1/8͸Flutter੡Ͱ͋Γɺͦͷ਺͸·͢·͢૿͍͑ͯΔͦ͏Ͱ͢ʢৄࡉ͸ׂѪʣɻ Firebase΋Google͕ఏڙ͓ͯ͠ΓɺmBaasͱݴΘΕ͍ͯ·͢ɻFirebase͸ݩʑ2011೥ʹઃཱ͞Εʢࢲֶ͕ੜͷࠒʹ΋࿩୊ͱͳ͓ͬͯΓ·ͨ͠ ͕ɺ౰࣌͸ͦͷශऑ͔͞Βར༻έʔε͸গͳ͔ͬͨҹ৅ʣɺ։ൃͨ͠νϟοτγεςϜΛར༻ͨ͠ϦΞϧλΠϜΞʔΩςΫνϟΛ΋ͱʹ։ൃ͞ ΕͨɺRealtime DatabaseΛѻ͏اۀͰͨ͠ɻͦͷޙɺAuthenticationͳͲͷػೳΛ௥Ճͯ͠mBaasͱͳΓɺ2014೥ʹGoogleʹങऩ͞Ε·͠ ͨɻཪଆ͸Google CloudͰɺΫϥ΢υ΍ωοτϫʔΫʹ໌Δ͘ͳ͍ϑϩϯτΤϯδχΞͰ΋ɺཪଆΛҙࣝͤͣʹೝূ΍PubSubͳͲͷόοΫΤ ϯυαʔϏε͕ར༻Ͱ͖ΔΠϯλϑΣʔεͱͨ͠੹຿Λશ͏͍ͯ͠·͢ɻ ͜ͷɺFlutterͱFirebaseͷ૊Έ߹ΘͤͰ࠷খݶͷΞϓϦέʔγϣϯΛര଎ʹͭ͘Δ͜ͱ͕Ͱ͖ɺ᷿Ͱൃ৴͍ͯ͠Δݸਓ։ൃΞϓϦ͸େ఍͜ͷ ૊Έ߹Θͤͱݴͬͯྑ͍΄Ͳɺ௿ίετ͔ͭߴ଎ʹPoC͕Ͱ͖Δ૊Έ߹ΘͤͰ͢ɻ
11. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. λΠτϧ ࢀߟϦϯΫ Firestore ʹ͍ͭͯ஌͓ͬͯ͘΂͖͜ ͱ: ΫΠοΫ ϦϑΝϨϯε https://cloud.google.com/blog/ ja/topics/developers- practitioners/all-you-need- know-about-firestore- cheatsheet ωΠςΟϒ Ϟʔυͱ Datastore Ϟʔυ͔Βͷબ୒ https://cloud.google.com/ firestore/docs/firestore-or- datastore hl=ja FirestoreʢDatastoreϞʔυʣͱ Datastoreͷపఈൺֱʂʂʂ લฤ https://cloud-ace.jp/column/ detail129/ Firestoreͱ Realtime DatabaseͱΘͨ͠(ͨͪ) https://airhole.ymegane.org/ firestore-vs-rtdb/ Firestoreʹ͍ͭͯগ͚ͩ͠ 11 Firestore ͸αʔόʔϨεͷϑϧϚωʔδυ NoSQLυΩϡϝϯτσʔλϕʔεͰ͋Γɺߏ੒΍μ΢ϯλΠϜͳ͠Ͱθϩ͔Βάϩʔόϧͳن໛· ͰεέʔϧͰ͖ΔɺFirebaseͷ1αʔϏεͰ͢ɻϞόΠϧ໨ઢͷେ͖ͳಛ௃ͱͯ͠ϦΞϧλΠϜͰͷσʔλಉظ͕ՄೳͰ͢ɻ ※Firebase໨ઢͰݟΔͱFirestoreͷϞʔυͷҧ͍Λҙࣝ͢Δ͜ͱ͸༗Γ·ͤΜ͕ɺGoogle Cloud໨ઢͰΈΔͱCloud Firestoreʹ͸Datastore ϞʔυͱωΠςΠϒϞʔυͷ2छྨ͕͋Γ·͢ɻຊ೔ͷ࿩Ͱग़ͯ͘ΔʮFirestoreʯ͸શͯޙऀͷωΠςΠϒϞʔυʢFirebase FirestoreʣΛࢦ͠ ͓ͯΓ·͢ɻ
12. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ΞʔΩςΫτ 12 ΞʔΩςΫτͱݴ͏΋ͷͰ΋ͳ͍Ͱ͕͢ɻ σʔλ࡞੒/ߋ৽ CSVΤΫεϙʔτͳͲ 7 ձ৔εΫϦʔϯΞϓϦ ίϯτϩʔϥ ྻ੮ऀճ౴ΞϓϦ Flutter, Riverpod, Rxdart ϦΞϧλΠϜϦεφʔ ϦΞϧλΠϜϦεφʔ ϦΞϧλΠϜϦεφʔ σϓϩΠ
13. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. 3ͭͷΞϓϦέʔγϣϯ 13 ྻ੮ऀ ! ձ৔εΫϦʔϯ ! " ༨ڵϝϯόʔʢӡӦʣ Controller iPadΞϓϦ iPhoneΞϓϦ ֤ࣗεϚʔτϑΥϯ ֤੮ࡳʹuidΫΤϦύϥϝʔλΛ ෇༩ͨ͠QRίʔυΛ഑ஔɻ ྻ੮ऀ͸QRίʔυΛಡΈऔΔ͚ͩͰɺ ࣗ෼ͷ໊લͰΫΠζʹࢀՃ͢Δ͜ͱ͕Ͱ͖Δɻ ճ౴Λૹ৴ ઃ໰ͷ੾Γସ͑ͳͲ ࢘ձਐߦʹ߹Θͤͯ ը໘Λ੾Γସ͑ ઃ໰಺༰΍ճ౴ͨ͠ྻ੮ऀͷ਺ɺ ճ౴࣌ؒॱͷදࣔͳͲΛߦ͏ը໘ɻ ௚઀ૢ࡞͸Ұ੾ߦΘͣɺ ͢΂ͯίϯτϩʔϥʔܦ༝Ͱը໘੾Γସ͑Λߦ͏ɻ
14. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ঢ়ଶΛৗʹ؂ࢹͯ͠ը໘͕ϦΞϧλΠϜʹ੾ΓସΘΔ༷ࢠ 14 ձ৔εΫϦʔϯ ίϯτϩʔϥ ྻ੮ऀ ճ౴ΞϓϦ Movie
15. FlutterͷԸܙͱ޻෉ͨ͠఺ Today’s Point
16. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ྻ੮ऀૢ࡞ΛϛχϚϜʹ͢Δ 16 ਌଒͸͡Ί೥഑ͷํ΋ଟ͘ɺεϚʔτϑΥϯૢ࡞ʹ׳Ε͍ͯͳ͍ํ͕1/3ఔ౓઎Ί͍ͯͨͨΊɺҰ੾ೖྗૢ࡞ͳ͠ʢճ౴ͷϘλϯΛԡ͚ͩ͢ʣ ͷ࠷খݶͷΠϯλϑΣʔεʹཹΊ·ͨ͠ɻ ૢ࡞͸Լه2εςοϓͷΈͰ͋ͱ͸উखʹը໘͕੾ΓସΘΔ࡞Γͱͳ͓ͬͯΓ·͢ɻ 1. QRίʔυΛಡΈࠐΉʢ੮ࡳʹྻ੮ऀ͝ͱͷQRίʔυ͕షͬͯ͋Δʣ 2. ճ౴ͷABCDͲΕ͔ͷϘλϯΛԡ͢ ੮ࡳͷཪʹQRίʔυ ४උ QRίʔυΛ֤ࣗͷ εϚʔτϑΥϯͰಡΈࠐΉ ճ౴ͷλΠϛϯάʹͳͬͨΒ ը໘͕উखʹ੾ΓସΘΔ ૢ࡞ ճ౴ͷABCD ͲΕ͔ͷϘλϯΛԡ͢ ࣍ͷ໰୊ ※1ճͷΈ
17. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. Vue.js + FirebaseͰ݁ࠗࣜ༨ڵ༻ͷΫΠζΞϓϦΛ࡞ͬͨ࿩ https://speakerdeck.com/kawamataryo/wedding-quize-on-vue-firebase slide=24 ઌਓୡͷ஌ݟ͔Βෆ҆ͳཁૉΛҰͭͣͭ௵͍ͯ͘͠ 17 աڈͷ͜͏͍ͬͨऔΓ૊ΈΛௐ΂ΔͱɺΠϯλʔωοτ؀ڥ΍ϒϥ΢βόοΫͷ໰୊͕Өڹͯ͠ɺ౰೔ࣦഊͯ͠͠·ͬͨࣄྫΛ໨ʹ͠·ͨ͠ɻ ౰೔ͷձ৔͸஍্70֊ͰΠϯλʔωοτ؀ڥʹෆ҆͸͋ͬͨ΋ͷͷɺࣄલௐࠪ&४උͰ͋Δఔ౓෷১͢ΔΑ͏౒Ίʢج஍ہΛஔ͍ͨΓ͸͢͞ ͕ʹͰ͖ͳ͍ͷͰɺ౰೔ى͜Δࣄނ͸๷͗Α͏͕ͳ͍ʣɺϒϥ΢βόοΫʹؔͯ͠͸ը໘ભҠΛҰ੾࣋ͨͤͣɺαʔόͷঢ়ଶʹԠͯ͡ϦΞϧλ ΠϜʹදࣔը໘Λ੾Γସ͑Δܗʹͯ͠ࣄނʹͳΓಘΔՄೳੑΛҰͭͣͭ௵͠·ͨ͠ɻ Vue.js + FirebaseͰ݁ࠗࣜ༨ڵ༻ͷΫΠζΞϓϦΛ࡞ͬͨ࿩ https://speakerdeck.com/kawamataryo/wedding-quize-on-vue-firebase slide=27 ઃ໰εςʔλεͷྫ
18. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. Stream APIͱFirestoreͷϦΞϧλΠϜϦεφʔ 18 DartͰ͸ඪ४APIͱͯ͠Stream API͕ఏڙ͞Ε͍ͯΔͷͰɺ؆୯ͳStreamͷѻ͍͸ύοέʔδΛೖΕͣͱ΋ར༻͢Δ͜ͱ͕Ͱ͖·͢ɻ ͦͷͨΊFirestoreͷϑΟʔϧυߋ৽Λݕ஌ͯ͠ஞҰStreamͱͯ͠ड͚औΔ͜ͱ͕Ͱ͖ɺ༰қʹ࿈݁͢Δ͜ͱ͕Ͱ͖·͢ɻ ௨ৗɺϦΞϧλΠϜੑΛඞཁͱ͢Δ৔߹ɺ։ൃίετ΍ίʔυͷෳࡶԽͳͲԿ͔Λ٘ਜ਼ʹ͢Δඞཁ͕͋Γ·͕͢ɺ͜ΕΛ΄΅ϊʔϦεΫͰ ࣮ݱ͢Δ͜ͱ͕Ͱ͖·͢ɻ https://dart.dev/tutorials/language/streams ʢྫʣHogeΫϥεʹσίʔυ͢ΔDocumentΛStreamͰड͚औΔྫ
19. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. σϓϩΠͷॊೈੑʢෆ࣮֬ͳཁ݅ͷ··ઌΜͯ͡։ൃʣ 19 ௨ৗͳʹ͔ϓϩμΫτΛ։ൃ͢Δࡍ͸ɺઌʹ഑৴ϓϥοτϑΥʔϜʢWeb΍iOS, AndroidͳͲʣΛܾΊΔͷ͕ී௨Ͱ͕͢ɺࠓճ͸શ͘ٯͰෆ֬ ࣮ཁૉ͕ଟ͘ॳΊͯͷϒϥΠμϧձ৔ͱ͍͏͜ͱͰɺ഑৴ํ๏ΛܾΊͳ͍ঢ়ଶͰઌʹΞϓϦέʔγϣϯΛ։ൃ͍͖ͯ͠·ͨ͠ɻ ෆ࣮֬ͳཁ݅ྫ ֬ೝεςοϓ ࣜ৔ʹΑͬͯ͸PC࣋ͪࠐΈ1୆͋ͨΓ5ສԁͳͲͷ੍໿͕͋Δ ʢࢲͨͪͷࣜ৔͸࠷ऴతʹ͸࣋ͪࠐΈྉൃੜ͠ͳ͍͜ͱ͕Θ͔Γ·͕ͨ͠ʣ ࣜ৔ϓϥϯφʔ͚ͩͰ͸൑அͰ͖ͣɺҕୗઌͷԻڹձࣾͷ֬ೝ͕ඞཁ iPad OSͩͱ֎෦σΟεϓϨΠ઀ଓ࣌ʹ ΞεϖΫτൺͷؔ܎Ͱࠨӈʹ༨ന͕ੜͯ͡͠·͏ ຊ൪ͷࣜ৔ͷεΫϦʔϯͰ౤Өͯ͠Έͳ͍ͱ͸͖ͬΓͱͨ͜͠ͱ͸ ෼͔Βͳ͍ͷͰࢼ͕ࣸඞཁɻ ͦͷͨΊʹձ৔ͷۭ͖೔ఔͷௐ੔ɺԻڹձࣾͷௐ੔͕ඞཁɻ ஍্70֊ͷΠϯλʔωοτ؀ڥͷෆ҆ ձ৔ͷۭ͖೔ఔͱɺ౰೔ͷ૝ఆਓ਺Ͱͷॻ͖ࠐΈςετͳͲ͕ඞཁɻ ※͋·Γʹ΋ి೾ঢ়گ͕ѱ͍৔߹͸ྻ੮ऀճ౴ΞϓϦΛωΠςΠϒΞϓϦʹ͠ɺࣄલʹ ഑෍ͯ͠౰೔·ͰʹΠϯετʔϧͯ͠΋Β͏Ҋ΋͋ͬͨɻ ! ഑৴ํ๏͸Ͳ͏ͳΔ͔Θ͔Βͳ͍͚Ͳ ͱʹ͔͕࣌ؒ͘໪ମͳ͍ͷͰ ΞϓϦέʔγϣϯΛઌʹ࡞͍ͬͯ͘ɻ ෆ࣮֬ͳ෦෼͕ΫϦΞʹͳΓ ཁ͕݅ݻ·ͬͨΒ ഑৴ઌΛม͑ͯσϓϩΠ
20. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ʢࢀߟʣiPad OSͰ͸֎෦σΟεϓϨΠ઀ଓ͢Δͱࠨӈʹ༨ന͕ੜͯ͡͠·͏ 20 ͜ͷ྆୺ iPadͰ4k֎෦σΟεϓϨΠΛར༻͢Δํ๏ ʲiPadOS15Ͱ͸PCͷΑ͏ͳར༻͕Ͱ͖ͦ͏ʂʳ https://mitsuch.com/ipad-monitor/
21. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. σϓϩΠͷॊೈੑ - ༨ڵϝϯόʔ΁ͷ࿅श༻ʹ഑෍͢Δ 21 ༨ڵϝϯόʔʢ৽්༑ਓʣʹ࢘ձਐߦ΍ίϯτϩʔϥͷૢ࡞ɺҰ࿈ͷ࿅शͳͲΛͯ͠΋Β͏ͨΊͦΕΒͷ഑෍͕ඞཁ͕ͩɺ୭͕Ͳͷ໾ׂΛ΍Δ ͔ɺϓϥΠϕʔτ୺຤͸Android͔iOS͔ɺ࢘ձਐߦ୲౰͸εΫϦʔϯ༻ΞϓϦΛಈ͔ͨ͢ΊͷiPadΛ͍࣋ͬͯΔͷ͔ɻͳͲɺຊདྷͳΒෆ҆ͳ ͜ͱͩΒ͚͕ͩͬͨɺ͜ͷ೰ΈΛҰ૟Ͱ͖Δͷ͕·͞ʹΫϩεϓϥοτϑΥʔϜͷڧΈɻ ձ৔εΫϦʔϯΞϓϦͷྫ ຊ൪͸iPadͰಈ͔͢͜ͱ͕ܾΊͨ ࢘ձऀ͸ϦϋʔαϧΛߦ͏ͨΊʹ खݩʹεΫϦʔϯ༻ͷΞϓϦ͕ඞཁ͕ͩ iPadʢλϒϨοτʣΛॴ͍࣋ͯ͠ͳ͍ " iPadʢωΠςΠϒΞϓϦʣͰͷ഑෍ WebσϓϩΠͯ͠Ϧϋʔαϧ༻ʹ URLͰҰ࣌഑෍ !
22. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. FieldValue.incrementͰ݁Ռ੔߹ੑΛ୲อ͢Δ 22 ΞϯαʔνΣοΫ࣌ʹABCDͦΕͧΕͷ౤ථ਺Λදࣔ͢ΔͷͰ͕͢ɺ10ඵͷΧ΢ϯτμ΢ϯͷؒʹෳ਺ΫϥΠΞϯτ͔Βಉ࣌ʹॻ͖ࠐΈॲཧ ͕ߦΘΕ·͢ɻFirestore͸ॻ͖ࠐΈͷτϥϯβΫγϣϯ͕ऑ͘ɺυΩϡϝϯτͷ࠷େॻ͖ࠐΈ଎౓͸1ඵ͋ͨΓ1ճ·Ͱ͕ཧ૝Ͱ͢ɻ ͭ·Γɺෳ਺୺຤͔Β୯७ͳupdateॲཧΛಉ࣌ʹߦͬͨ৔߹ɺߋ৽͕ܽམ͢Δ͜ͱʹͳΓ·͢ɻ ద౰ʹࢼͯ͠Έ·͕ͨ͠ɺճ౴࣌ؒ10ඵͷؒʹ50ΫϥΠΞϯτ͕ճ౴ͨ͠৔߹ɺ20ఔ౓͸ܽམͯ͠͠·͍·ͨ͠ʢܭ30ճ౴ͱͳΓ·ͨ͠ʣɻ FirestoreͰ͸`FieldValue`Ϋϥε͕༻ҙ͞Ε͓ͯΓɺFieldValue.incrementͱ͍͏ܗͰstaticϝιουΛ࢖͏ͱ݁Ռ੔߹ੑΛ୲อͯ͘͠ΕΔΑ ͏ʹͳΓɺ͜ͷ໰୊ΛղফͰ͖·͢ɻ https://firebase.google.com/docs/firestore/quotas hl=ja#soft_limits λΠτϧ ࢀߟϦϯΫ Cloud Firestoreʹ௥Ճ͞ΕͨFieldValue.increment()͸ظ଴Ҏ্ʂʂ https://qiita.com/1amageek/items/665df5a6d9921319e300
23. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ౳෯ϑΥϯτͰεΫϩʔϧ࣌ͷࢹೝੑΛ͋͛Δ 23 UIత؍఺Ͱ͕͢ɺਖ਼ղऀҰཡ΍࠷ऴूܭͳͲͰྻ੮ऀҰཡΛදࣔ͢Δࡍʹɺਖ਼౴਺΍ճ౴͕࣌ؒϓϩϙʔγϣφϧϑΥϯτͷӨڹͰΨλ͍ͭͯ ͠·͍ɺࢹೝੑ͕ѱ͔ͬͨͷͰ౳෯ϑΥϯτΛಋೖ͍ͨ͠έʔεͰ͕ͨ͠ɺgoogle_fontsύοέʔδΛ࢖͏͚ͩͰαΫοͱಋೖͰ͖·͢ɻ https://pub.dev/packages/google_fonts ϓϩϙʔγϣφϧϑΥϯτ ౳෯ϑΥϯτ # $ ਺஋ʹΑͬͯΨλͭ͘ ਺஋ʹΑΒͣ෯͕੔͏ Movie ౤ӨͷΈ ౤ӨͷΈ
24. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ʢ͓·͚ʣuid൑ఆΛར༻ͨ͠΢ΣϧΧϜϝοηʔδͱͷซ༻ 24 UidͰQRίʔυΛ෼͚ͯ؅ཧͰ͖͍ͯΔͷͰɺ௨ৗ੮ࡳʹखॻ͖͢Δ΢ΣϧΧϜϝοηʔδΛซ༻͠ΦϯϥΠϯͰ׬݁͢Δ͜ͱ͕Ͱ͖ͨɻ ౰೔ྻ੮Ͱ͖ͳ͔ͬͨํʹ΋ɺ݁ࠗࣜޙʹจষΛमਖ਼͠ɺ֘౰ͷURLΛ౉͢͜ͱͰϝοηʔδΛ఻͑Δ͜ͱ͕Ͱ͖ͨɻ ΢ΣϧΧϜϝοηʔδͷྫ A Movie ౤ӨͷΈ
25. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. ·ͱΊ 25 ձ৔ͷ൓ԠͱࢀՃ཰ 90ࡀ௒͑ͷ૆฼ͱ͓ࢠ༷Λআ͍ͯࢀՃ͸100%ɺ ಛʹεϚʔτϑΥϯૢ࡞ʹ׳Ε͍ͯͳ͍ ਌଒ηΩͷ೥഑ͷํʑ͕ճ౴Ͱ͖ͨͷ͕ྑ͔ͬͨͰ͢ɻ ։ൃޮ཰ͱ଎౓ײ اը͔ΒҰ࿈ͷಈ͘ΞϓϦέʔγϣϯ·Ͱ͸20࣌ؒఔ౓ɻ ૣ͍ஈ֊ʹ༨ڵϝϯόʔ͕৮ΕΔܗͱͳΓ ΦϯϥΠϯԼͰղ૾౓Λ্͛ΒΕͨͷ͸ྑ͔ͬͨͰ͢ɻ FirestoreͷԸܙ WebSocketͳͲͷٕज़Λ௥ՃͰशಘ͢Δ͜ͱແ͘ ϦΞϧλΠϜͷσʔλϋϯυϦϯάͰͰ͖Δͷ͸ָɻ OpenFrameworks + WebSocketͰँԸձͷ༨ڵΛ࡞ͬͨઌਓ͕͍ͨ Flutter Web͸ະ੒ख़ CanvesKitϨϯμϥͰ͸ϩʔυ࣌ʹ೔ຊޠ͕౾෗ʢ□ʣʹ ͳΔ݅΍ɺҰ෦৚݅Ͱֆจࣈ͕දࣔ͞Εͳ͍݅ͳͲ ·ͩ·ͩ՝୊͸ͨ͘͞Μ͋Δೝࣝɻ
26. © 2021 NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. FlutterΛ׆༻ͨ͠υίϞࣾ಺ͷࣄྫ 26 ahamo Ҡಈػ։ൃ෦ - ϚΠϚΨδϯΞϓϦ Ҡಈػ։ൃ෦ʢXRΠϊϕʔγϣϯਪਐ୲౰ʣ - IoT׆༻ͳͲ ※Πϊϕʔγϣϯ౷ׅ෦ͷϚΠτϨʔυ΋΋ͪΖΜFlutterͰ͢
27. #all-flutter ࣾ಺ͷFlutter༗ࣝऀͨͪͱ஌ݟΛڞ༗ɾू໿͍ͨ͠ ʢ·ͩຊ֨తʹಈ͍ͯ͸͍ͳ͍Ͱ͕͢ʣ
28. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Thank You օ༷ͷͳʹ͔ͷώϯτʹͳΕ͹޾͍Ͱ͢ @h_tsuruo