2023.06.05に開催された YOUTRUST x ゆめみ Flutter LT会@渋谷 にて登壇 https://yumemi.connpass.com/event/284933/
#yumemi_grow҆৺ͯ͠ݱͰֶशͰ͖Δڥͱͯ͠Flutter Web ͷཧαΠτ͕͓͢͢ΊͳπϧΦΧ - Hideki TSURUOKAUpdatedAt 2023.06.05YOUTRUST x ΏΊΈ Flutter LTձ@ौ୩
View Slide
πϧΦΧ• େख௨৴ࣄۀձࣾͷ৽نࣄۀ෦ʹॴଐ• FlutterΛ৮Γ࢝Ίͨͷ20204݄ࠒʢFlutter 1.0͕ग़ͯ҆ఆޙʣ• ΤϯδχΞϦϯά×σβΠϯͷڥքྖҬʹؔ৺• Perfume͕͖Self-Introduction@h_tsuruo
Zennʹٕͯज़هࣄͷൃ৴pub.devύοέʔδͷެ։Speaker DeckOSS ContributePersonal Activities
4Today’s Talkຊ͓͢Δ͜ͱFlutter WebͰཧαΠτΛ࡞ΔϝϦοτͨ͘͞Μ͋Δͱࢥ͍·͕͢ɺͦͷ1ͭʢڭҭੑʣΛମݧஊͱͯ͠հ※ཧαΠτ: ΞΧϯτཧɺจঢ়گͷ֬ೝɺ౷ܭใͷੳͳͲӡӦ͕ར༻͢ΔμογϡϘʔυΛఆ
5ref. https://github.com/abuanwar072/Flutter-Responsive-Admin-Panel-or-Dashboard※ཧαΠτͷΠϝʔδ
6The Benefits of Flutter Web Admin SitesNo. ಛ ϝϦοτ1։ൃ༰қੑ(Ease of Development)Dartʹ౷Ұ͞ΕɺݴޠʹΑΔεΠονϯάίετ͕΄΅ͳ͍ɻ2ޮੑ(Efficiency)ڞ௨෦ͷιʔείʔυ͕ू͞Εɺӡ༻ίετ͕ݮɻ3ݕূ༰қੑ(Ease of Validation)SandboxతͳڥͰ৽͍͠ΞΠσΟΞٕज़ͷ༗ޮੑΛ༰қʹݕূͰ͖Δʢྫ: Riverpod v2go_routerͷࢼݧಋೖͳͲʣɻ4ڭҭੑ(Educationality)҆৺࣮ͯ͠ܦݧ͕٧ΊΔॳظϓϩδΣΫτͱͯ͠ڭҭʹద͍ͯ͠Δɻ˒ຊͷτϐοΫ
7Flutter Web•Flutter 3.10ͰCanvasKitͷੑೳUP͠͞Βʹ͍͘͢•ҰํͰɺSEOͳͲैདྷͷWebΞϓϦʹඞਢͳ෦ශऑ ※1•ཧαΠτͰͷར༻దͨ͠Ϣʔεέʔεͷ1ͭʢੲ͔Βʣ•ཧαΠτ༻ͷUIςϯϓϨʔτΛ͑ϨΠΞτߏஙָ ※2؆୯ʹ͓͞Β͍※1: ະରԠͱ͍͏ΑΓ༻్Λ໌֬ʹΓ͚͍ͯΔೝࣝͰɺݕࡧΤϯδϯʹ࠷దԽ͢Δ߹HTMLΛར༻͢ΔͳͲదࡐదॴref. https://docs.flutter.dev/platform-integration/web/faq#search-engine-optimization-seo※2: ϨεϙϯγϒͳAdmin Panel / Dashboard͕GitHubͰެ։͞Ε͍ͯͨΓ͢Δref. https://github.com/abuanwar072/Flutter-Responsive-Admin-Panel-or-Dashboard
8͢Ͱʹӡ༻͍ͯ͠ΔαʔϏεͷ༻ιʔείʔυ͕͋Δͱ͠·͢iOS/AndroidͷϞόΠϧΞϓϦΛఆ
9৽͍͠ϝϯόʔ͕Ճೖͨ͠ࡍɺͲΜͳ෩ʹΩϟονΞοϓΛଅ͠·͔͢ʁྫʣυΩϡϝϯτΛ۱͔ΒಡΜͰΒ͏ɺίʔυϦʔσΟϯάଅ͢ɺϖΞϓϩɺ࣮ફ&ϨϏϡʔ etc…
10͓٬༷ʹӨڹ͢Δ༻ιʔείʔυΛ͍͖ͳΓ࿔Δͷ৺ཧతোน͕ߴ͍ʢਓ͍Δʣ༻ιʔείʔυͰΠγϡʔΛখ͘͞Γग़ͯ͠ΞαΠϯ͢Δͱ͍͏ԦಓͰOKͳ߹ͳ͠
11Flutter WebͷཧαΠτΛͬͯ҆৺ͯ͠ݱͰֶशͰ͖ΔڥΛఏڙ͍ͯ͠·͢Flutterಛ༗ͷWidgetجຊಈ࡞νʔϜͰ࠾༻͍ͯ͠ΔΞʔΩςΫνϟʹ׳ΕͯΒ͏͜ͱ͕ओͳత
12Multi PackageMelosΛͬͨϚϧνύοέʔδߏͰ͓٬༷ڥΛcommonappadmin͓٬༷͕͏ϞόΠϧΞϓϦڥӡӦ͕͏ཧαΠτΞϓϦͱཧαΠτͷڞ௨෦
13͓٬༷ڥͱΓͨ͠adminύοέʔδʹดͯ͡։ൃ͠ܦݧΛੵΉόά͕ࠞೖ͓ͯ͠٬༷ʹӨڹΛ༩͑ͳ͍ͱ͍͏৺ཧతͳ҆શੑΛ֬อ࣮ͭͭ͠ܦݧΛੵΉ
14Step Up/admin /common /app༻ΞϓϦέʔγϣϯίʔυஈ֊తʹࢀՃFlutter WebͷཧαΠτ͓٬༷ڥͱΓ͞Ε͍ͯΔͷͰɺόά͕ࠞೖ͍ͯͯ͠100%Өڹ͕ͳ͍ɻ1 2 3ֶश͕ਐΉͱνʔϜͰར༻͍ͯ͠Δύοέʔδͷཧղɺڞ௨ཁૉΛऔΓѻ͏commonΛ࿔Δػձ͕૿͑ΔɻcommonͷࢀরઌΛḷΔͱΞϓϦέʔγϣϯίʔυΛϦʔσΟϯά͢Δػձ͕૿͑ɺ։ൃʹεϜʔζʹࢀՃͰ͖Δɻ
15Summary͓٬༷ڥͱΓ͞ΕͨڥͰɺ҆৺࣮ͯ͠ܦݧΛੵΉ͜ͱ͕Ͱ͖ɺFlutter Web ཧαΠτͦͷ༻్ͱͯ͠༏ल
16The Benefits of Flutter Web Admin SitesNo. ಛ ϝϦοτ1։ൃ༰қੑ(Ease of Development)Dartʹ౷Ұ͞ΕɺݴޠʹΑΔεΠονϯάίετ͕΄΅ͳ͍ɻ2ޮੑ(Efficiency)ڞ௨෦ͷιʔείʔυ͕ू͞Εɺӡ༻ίετ͕ݮɻ3ݕূ༰қੑ(Ease of Validation)SandboxతͳڥͰ৽͍͠ΞΠσΟΞٕज़ͷ༗ޮੑΛ༰қʹݕূͰ͖Δʢྫ: Riverpod v2go_routerͷࢼݧಋೖͳͲʣɻ4ڭҭੑ(Educationality)҆৺࣮ͯ͠ܦݧ͕٧ΊΔॳظϓϩδΣΫτͱͯ͠ڭҭʹద͍ͯ͠Δɻ˒ຊͷτϐοΫ
17Fin৽͍͠ϝϯόʔͷΩϟονΞοϓڥͱͯ͠Flutter WebͰཧαΠτɺ͍͔͕Ͱ͔͢ʁ