Slide 1
Slide 1 text
DevTools
Extension
3分クッキング
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 2
Slide 2 text
朝日大樹 @
Flutter歴 : 3年半
Twitter: @daiki1003
@ashdik1003
ブログ: https://blog.dalt.me
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 3
Slide 3 text
本LTの目的
自作パッケージのextensionを作ってみよう
Flutterの発展
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 4
Slide 4 text
おしながき
DevTools Extensionとは？
DevTools Extensionの作り方
何が出来るのか？
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 5
Slide 5 text
DevTools Extensionとは？
DevTools Extensionの作り方
パッケージ構成
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 6
Slide 6 text
DevToolsとは？
ランタイム情報の可視化ツール
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 7
Slide 7 text
DevTools Extensionとは？
Flutter 3.16で公開されたDevToolsの拡張API
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 8
Slide 8 text
DevTools Extensionとは？
DevTools Extensionの作り方
何が出来るのか？
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 9
Slide 9 text
DevTools Extensionの作り方
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 10
Slide 10 text
DevTools Extensionの作り方
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 11
Slide 11 text
DevTools Extensionの作り方
config.yml
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 12
Slide 12 text
DevTools Extensionの作り方
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 13
Slide 13 text
DevTools Extensionの作り方
webアプリの作成
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 14
Slide 14 text
DevTools Extensionの作り方
パッケージ追加
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 15
Slide 15 text
DevTools Extensionの作り方
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 16
Slide 16 text
〜Webアプリの開発〜
DevTools Extensionの作り方
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 17
Slide 17 text
DevTools Extensionの作り方
build_and_copy
devtools_extensions build_and_copy
—source=/path/to/foo_devtools_extensions
–dest=/path/to/extension/devtools
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 18
Slide 18 text
DevTools Extensionの作り方
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 19
Slide 19 text
● DevTools Extensionとは？
● DevTools Extensionの作り方
● 何が出来るのか？
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 20
Slide 20 text
何が出来るのか？
serviceManager
extensionManager
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 21
Slide 21 text
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 22
Slide 22 text
Split
ActionPaneHeader
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 23
Slide 23 text
まとめ
DevTools Extensionを使ってDeveloper Experienceを
最大化
Flutterを盛り上げよう！
2023/12/09
朝日 大樹 (@ashdik1003)
Slide 24
Slide 24 text
ご清聴ありがとうございました！
2023/12/09
朝日 大樹 (@ashdik1003)