$30 off During Our Annual Pro Sale. View Details »

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

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

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
350

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
23k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
69k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
60
9.6k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k

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