Web出さないのに Flutter プロジェクトにWeb含める?その裏にある開発者の意図

Web出さないのに Flutter プロジェクトにWeb含める？その裏にある開発者の意図 2024. 11. 13 オンライン Tomi
Hand KINTO テクノロジーズ ×RIZAP テクノロジーズ Mobile Tips

Hand Tomi と申します 󰢛

🤫 秘密がある

😊 😊

🫥 🤨 ❗ 🤨 ❗

この人はなぜ 🤔 WEBを含んだか？

理由 1. 簡単に確認できる画面サイズ。 2. ブラウザのみで開発することが可能。 3. WEB Preview。

１。簡単に確認できる画面サイズ

WEBだったら、どんな画面サイズでも簡単に確認できます。

２。ブラウザのみで開発することが可能。

ブラウザだけでは、アプリケーションのリリースは無理です。

100% 100% 実装量

OS特有実装実装量 UI実装

３。WEB Preview

git ﬂow

1. developにpushした時 git ﬂow

2. プルリクが作られた時 git ﬂow

1. developにpushした時

WEB上にはいつでもどこでも確認できる現在開発中のdev環境のアプリがある

現在の進捗を確認できる会議途中にアプリ表示ができる Product Manager 開発会議

Backend開発者私が開発したAPIを確認できる

デザイナ自分がデザインしたアプリを確認できる

問題点を開発段階で見つける requestのパラメタに漏れがある自分のデザインと少し違うなこの進捗だと合わない
かもしれない

問題点を開発段階で見つける発生しうる問題を事前に潰せる

問題点を開発段階で見つける発生しうる問題を事前に潰せる開発効率が上がる

2. プルリクが作られた時

💻⌨ 🔥

🚀💻 󰡷

💡🤔 ❓

💢💻 🤯

😊✨

ここまでが WEBを含んだ理由でした。

注意点 1. WEBをサポートしないライブラリを使えない。 2. セキュリティを考慮する必要がある。 3. OS特有の問題を見逃す可能性がある。 4. WEBの見た目がAndroid、iOSと異なる場合がある。

1. WEBをサポートしないライブラリを使えない。 2. セキュリティを考慮する必要がある。 3. OS特有の問題を見逃す可能性がある。 4. WEBの見た目がAndroid、iOSと異なる場合がある。注意点

Firebase Hosting Github Actions +

FirebaseExtended/action-hosting-deplo y https://github.com/FirebaseExtended/action-hosting-deploy

FirebaseExtended/action-hosting-deplo y

Firebase Hosting Preview channel - Hosting 有効期限設定可能 - ブランチ別でHostingすることが可能

device_preview

結論 1. WEB版を含めることでメンテナンスコストはかかりますが、それ以上に得られるメリットが大きいです。 2. 会社のアプリを開発する際には、セキュリティチームへの問い合わせが必須です。

ご覧いただきありがとうございました KINTO テクノロジーズ ×RIZAP テクノロジーズ Mobile Tips Tomi
Hand 2024. 11. 13 オンライン

Web出さないのに Flutter プロジェクト にWeb含める?その裏 にある開発者の意図