Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Tomi-Hand Tomi-Hand
November 13, 2024
0
69

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

Avatar for Tomi-Hand

Tomi-Hand

November 13, 2024
Tweet

More Decks by Tomi-Hand

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

Featured

See All Featured
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
290
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
840
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
290
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
530
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
250
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
170
Between Models and Reality
Avatar for mayunak mayunak
2
230
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
150
How to make the Groovebox
Avatar for あそなす asonas
2
2k

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 オンライン