Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
安心して現場で学習できる環境として Flutter Web の管理サイトがおすすめな話
Search
ツルオカ
June 05, 2023
Technology
4
620
安心して現場で学習できる環境として Flutter Web の管理サイトがおすすめな話
2023.06.05に開催された YOUTRUST x ゆめみ Flutter LT会@渋谷 にて登壇
https://yumemi.connpass.com/event/284933/
ツルオカ
June 05, 2023
Tweet
Share
More Decks by ツルオカ
See All by ツルオカ
NotebookLM 活用ガイド
htsuruo
0
18
今さら聞けないMCP
htsuruo
0
7
Project IDXをフル活用!社内ハンズオンを効率化した実践例
htsuruo
0
46
時代とともに進化するアプリケーションを開発し続ける姿勢と恩恵
htsuruo
1
200
Firebase Extensionsを自作して迅速にアプリケーションを開発する
htsuruo
2
490
Flutterと歩んできたプロダクト開発と副次的効果
htsuruo
0
7
Material Design 3 で学ぶパーソナルなデザイン
htsuruo
3
290
Other Decks in Technology
See All in Technology
Oracle Audit Vault and Database Firewall 20 概要
oracle4engineer
PRO
3
1.6k
Navigation3でViewModelにデータを渡す方法
mikanichinose
0
210
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
1
180
変化する開発、進化する体系時代に適応するソフトウェアエンジニアの知識と考え方(JaSST'25 Kansai)
mizunori
0
140
Observability infrastructure behind the trillion-messages scale Kafka platform
lycorptech_jp
PRO
0
130
Windows 11 で AWS Documentation MCP Server 接続実践/practical-aws-documentation-mcp-server-connection-on-windows-11
emiki
0
730
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全
opelab
9
2.2k
[TechNight #90-1] 本当に使える?ZDMの新機能を実践検証してみた
oracle4engineer
PRO
3
140
PostgreSQL 18 cancel request key長の変更とRailsへの関連
yahonda
0
110
CI/CDとタスク共有で加速するVibe Coding
tnbe21
0
230
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
4
1.7k
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
opelab
7
780
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.7k
Designing Experiences People Love
moore
142
24k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Fireside Chat
paigeccino
37
3.5k
How to train your dragon (web standard)
notwaldorf
92
6.1k
The Invisible Side of Design
smashingmag
299
51k
Facilitating Awesome Meetings
lara
54
6.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building Flexible Design Systems
yeseniaperezcruz
328
39k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Bash Introduction
62gerente
614
210k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Transcript
#yumemi_grow ҆৺ͯ͠ݱͰֶशͰ͖Δڥͱͯ͠ Flutter Web ͷཧαΠτ͕͓͢͢Ίͳ πϧΦΧ - Hideki TSURUOKA UpdatedAt
2023.06.05 YOUTRUST x ΏΊΈ Flutter LTձ@ौ୩
πϧΦΧ • େख௨৴ࣄۀձࣾͷ৽نࣄۀ෦ʹॴଐ • FlutterΛ৮Γ࢝Ίͨͷ20204݄ࠒʢFlutter 1.0͕ग़ͯ҆ఆޙʣ • ΤϯδχΞϦϯά×σβΠϯͷڥքྖҬʹؔ৺ • Perfume͕͖
Self-Introduction @h_tsuruo
Zennʹٕͯज़هࣄͷൃ৴ pub.devύοέʔδͷެ։ Speaker Deck OSS Contribute Personal Activities
4 Today’s Talk ຊ͓͢Δ͜ͱ Flutter WebͰཧαΠτΛ ࡞ΔϝϦοτͨ͘͞Μ͋Δͱࢥ͍·͕͢ɺ ͦͷ1ͭʢڭҭੑʣΛମݧஊͱͯ͠հ ※ཧαΠτ: ΞΧϯτཧɺจঢ়گͷ֬ೝɺ౷ܭใͷੳͳͲӡӦ͕ར༻͢ΔμογϡϘʔυΛఆ
5 ref. https://github.com/abuanwar072/Flutter-Responsive-Admin-Panel-or-Dashboard ※ཧαΠτͷΠϝʔδ
6 The Bene fi ts of Flu tt er Web
Admin Sites No. ಛ ϝϦοτ 1 ։ൃ༰қੑ (Ease of Development) Dartʹ౷Ұ͞ΕɺݴޠʹΑΔεΠονϯάίετ͕΄΅ͳ͍ɻ 2 ޮੑ (Efficiency) ڞ௨෦ͷιʔείʔυ͕ू͞Εɺӡ༻ίετ͕ݮɻ 3 ݕূ༰қੑ (Ease of Validation) SandboxతͳڥͰ৽͍͠ΞΠσΟΞٕज़ͷ༗ޮੑΛ༰қʹݕ ূͰ͖Δʢྫ: Riverpod v2go_routerͷࢼݧಋೖͳͲʣɻ 4 ڭҭੑ (Educationality) ҆৺࣮ͯ͠ܦݧ͕٧ΊΔॳظϓϩδΣΫτͱͯ͠ڭҭʹదͯ͠ ͍Δɻ˒ຊͷτϐοΫ
7 Flu tt er 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ͳ߹ͳ͠
11 Flutter WebͷཧαΠτΛͬͯ ҆৺ͯ͠ݱͰֶशͰ͖ΔڥΛఏڙ͍ͯ͠·͢ Flutterಛ༗ͷWidgetجຊಈ࡞νʔϜͰ࠾༻͍ͯ͠ΔΞʔΩςΫνϟʹ׳ΕͯΒ͏͜ͱ͕ओͳత
12 Multi Package MelosΛͬͨϚϧνύοέʔδߏͰ͓٬༷ڥΛ common app admin ͓٬༷͕͏ϞόΠϧΞϓϦڥ ӡӦ͕͏ཧαΠτ ΞϓϦͱཧαΠτͷڞ௨෦
13 ͓٬༷ڥͱΓͨ͠ adminύοέʔδʹดͯ͡։ൃ͠ܦݧΛੵΉ όά͕ࠞೖ͓ͯ͠٬༷ʹӨڹΛ༩͑ͳ͍ͱ͍͏৺ཧతͳ҆શੑΛ֬อ࣮ͭͭ͠ܦݧΛੵΉ
14 Step Up /admin /common /app ༻ΞϓϦέʔγϣϯίʔυஈ֊తʹࢀՃ Flutter WebͷཧαΠτ ͓٬༷ڥͱΓ͞Ε͍ͯ
ΔͷͰɺόά͕ࠞೖ͍ͯͯ͠ 100%Өڹ͕ͳ͍ɻ 1 2 3 ֶश͕ਐΉͱνʔϜͰར༻͠ ͍ͯΔύοέʔδͷཧղɺ ڞ௨ཁૉΛऔΓѻ͏common Λ࿔Δػձ͕૿͑Δɻ commonͷࢀরઌΛḷΔͱΞ ϓϦέʔγϣϯίʔυΛϦʔ σΟϯά͢Δػձ͕૿͑ɺ։ ൃʹεϜʔζʹࢀՃͰ͖Δɻ
15 Summary ͓٬༷ڥͱΓ͞ΕͨڥͰɺ ҆৺࣮ͯ͠ܦݧΛੵΉ͜ͱ͕Ͱ͖ɺ Flutter Web ཧαΠτͦͷ༻్ͱͯ͠༏ल
16 The Bene fi ts of Flu tt er Web
Admin Sites No. ಛ ϝϦοτ 1 ։ൃ༰қੑ (Ease of Development) Dartʹ౷Ұ͞ΕɺݴޠʹΑΔεΠονϯάίετ͕΄΅ͳ͍ɻ 2 ޮੑ (Efficiency) ڞ௨෦ͷιʔείʔυ͕ू͞Εɺӡ༻ίετ͕ݮɻ 3 ݕূ༰қੑ (Ease of Validation) SandboxతͳڥͰ৽͍͠ΞΠσΟΞٕज़ͷ༗ޮੑΛ༰қʹݕ ূͰ͖Δʢྫ: Riverpod v2go_routerͷࢼݧಋೖͳͲʣɻ 4 ڭҭੑ (Educationality) ҆৺࣮ͯ͠ܦݧ͕٧ΊΔॳظϓϩδΣΫτͱͯ͠ڭҭʹదͯ͠ ͍Δɻ˒ຊͷτϐοΫ
17 Fin ৽͍͠ϝϯόʔͷΩϟονΞοϓڥͱͯ͠ Flutter WebͰཧαΠτɺ͍͔͕Ͱ͔͢ʁ