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

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
86
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
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
450
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.6k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
640
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
2
390
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
270
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
820
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
2
770
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
490
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.4k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k

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