Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for Tomi-Hand Tomi-Hand
November 13, 2024
79
0

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

Avatar for Tomi-Hand

Tomi-Hand

November 13, 2024

More Decks by Tomi-Hand

See All by Tomi-Hand
知っておかないとバグを引き起こしそうな_地域別の設定_について_本物.pdf
Avatar for Tomi-Hand seaud5
1
390

Featured

See All Featured
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
530
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
380
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
440
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
850
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
840
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
39k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
20k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
960
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k

Transcript

  1. Web出さないのに Flutter プロジェクト にWeb含める？その裏 にある開発者の意図 2024. 11. 13 オンライン Tomi

    Hand KINTO テクノロジーズ ×RIZAP テクノロジーズ Mobile Tips

  2. Hand Tomi と申します 󰢛

  3. 🤫 秘密がある

  4. 😊 😊

  5. 🫥 🤨 ❗ 🤨 ❗

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

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

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

  9. None

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

  11. None

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

  13. None
  14. None

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

  16. 100% 100% 実装量

  17. OS特有 実装 実装量 UI実装

  18. OS特有 実装 実装量 UI実装

  19. ３。WEB Preview

  20. None

  21. git flow

  22. 1. developにpushした時 git flow

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

  24. 1. developにpushした時

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

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

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

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

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

    かもしれない

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

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

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

  33. 💻⌨ 🔥

  34. None

  35. 🚀💻 󰡷

  36. 💡🤔 ❓

  37. 💢💻 🤯

  38. None
  39. None

  40. 😊✨

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

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

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

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

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

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

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

  48. Tip

  49. Firebase Hosting Github Actions +

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

  51. FirebaseExtended/action-hosting-deplo y

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

  53. device_preview

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

  55. ご覧いただき ありがとう ございました KINTO テクノロジーズ ×RIZAP テクノロジーズ Mobile Tips Tomi

    Hand 2024. 11. 13 オンライン