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
ツルオカ - Hideki Tsuruoka
June 05, 2023
Technology
5
630
安心して現場で学習できる環境として Flutter Web の管理サイトがおすすめな話
2023.06.05に開催された YOUTRUST x ゆめみ Flutter LT会@渋谷 にて登壇
https://yumemi.connpass.com/event/284933/
ツルオカ - Hideki Tsuruoka
June 05, 2023
Tweet
Share
More Decks by ツルオカ - Hideki Tsuruoka
See All by ツルオカ - Hideki Tsuruoka
Gemini 2.5 Computer Use 入門
htsuruo
0
55
Gemini CLIと仕様駆動開発(SDD)でVibe Codingを堅実化する
htsuruo
0
110
巨人の肩の上で踊れ 〜Virtual Try-On APIに学ぶAI時代の教訓と戦い方
htsuruo
0
9
Google Cloud Next Tokyo '25 Recap
htsuruo
0
8
最近のAI Editor事情とGitHub Copilot for VS Codeのアップデート
htsuruo
0
17
Prompt Engineeringの再定義「Context Engineering」とは
htsuruo
1
400
Vibe Coding Day Opening
htsuruo
0
3
NotebookLM 活用ガイド
htsuruo
0
100
今さら聞けないMCP
htsuruo
0
10
Other Decks in Technology
See All in Technology
incident_commander_demaecan__1_.pdf
demaecan
0
140
いまからでも遅くない!SSL/TLS証明書超入門(It's not too late to start! SSL/TLS Certificates: The Absolute Beginner's Guide)
norimuraz
0
240
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
0
220
カンファレンスに託児サポートがあるということ / Having Childcare Support at Conferences
nobu09
1
580
AI時代こそ求められる設計力- AWSクラウドデザインパターン3選で信頼性と拡張性を高める-
kenichirokimura
3
320
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
0
510
このままAIが発展するだけでAGI達成可能な理由
frievea
0
110
ユーザーの声とAI検証で進める、プロダクトディスカバリー
sansantech
PRO
1
140
20251010_HCCJP_AdaptiveCloudUpdates
sdosamut
0
130
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
14k
フレームワークを意識させないワークショップづくり
keigosuda
0
190
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
How STYLIGHT went responsive
nonsquared
100
5.8k
Bash Introduction
62gerente
615
210k
For a Future-Friendly Web
brad_frost
180
10k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Writing Fast Ruby
sferik
629
62k
Navigating Team Friction
lara
190
15k
Practical Orchestrator
shlominoach
190
11k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Making Projects Easy
brettharned
120
6.4k
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ͰཧαΠτɺ͍͔͕Ͱ͔͢ʁ