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
78
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
380

Featured

See All Featured
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.1k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.3k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
430
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
840
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
490
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
700

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