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

出前館アプリにおける Flutterアプリ設計

Avatar for 株式会社出前館 株式会社出前館
May 31, 2024
Technology
2
1.3k

出前館アプリにおける Flutterアプリ設計

エネチェンジ社との合同技術イベントにてFlutter開発のノウハウをテーマに登壇させていただきました

Avatar for 株式会社出前館

株式会社出前館

May 31, 2024
Tweet

More Decks by 株式会社出前館

See All by 株式会社出前館
出前館アプリ進化論 アーキテクチャと組織のリアルな変⾰の舞台裏
Avatar for 株式会社出前館 demaecan
0
390
Flutterにしてよかった？出前館アプリを2年運用して気づいたことを全部話します
Avatar for 株式会社出前館 demaecan
1
800
Boxを“使われる場”にする統制と自動化の仕組み
Avatar for 株式会社出前館 demaecan
1
330
生成AI導入における「短期ROIを超えた」共存戦略
Avatar for 株式会社出前館 demaecan
0
64
Okta Identity Governanceで実現する最小権限の原則
Avatar for 株式会社出前館 demaecan
1
370
incident_commander_demaecan__1_.pdf
Avatar for 株式会社出前館 demaecan
0
290
ClickHouse Cloud をオブザーバビリティ基盤の候補に選んだ理由
Avatar for 株式会社出前館 demaecan
0
110
出前館の“裏エース!?”─TPM(Tech PM)が現場に安心をデリバリー！
Avatar for 株式会社出前館 demaecan
0
480
SpringBoot x TestContainerで実現するポータブル自動結合テスト
Avatar for 株式会社出前館 demaecan
0
330

Other Decks in Technology

See All in Technology
M&Aで拡大し続けるGENDAのデータ活用を促すためのDatabricks権限管理 / AEON TECH HUB #22
Avatar for GENDA genda
0
310
国井さんにPurview の話を聞く会
Avatar for Kunii, Suguru sophiakunii
1
260
re:Invent2025 セッションレポ ～Spec-driven development with Kiro～
Avatar for NRI Netcom nrinetcom
PRO
2
160
Redshift認可、アップデートでどう変わった？
Avatar for daiki.handa handy
1
120
ハッカソンから社内プロダクトへ AIエージェント ko☆shi 開発で学んだ4つの重要要素
Avatar for Tech Leverages leveragestech
0
520
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
5
58k
「駆動」って言葉、なんかカッコイイ_Mitz
Avatar for comucal comucal
PRO
0
130
善意の活動は、なぜ続かなくなるのか ーふりかえりが"構造を変える判断"になった半年間ー
Avatar for matsukurou matsukurou
0
140
20251225_たのしい出張報告＆IgniteRecap！
Avatar for ponponmikan ponponmikankan
0
110
Authlete で実装する MCP OAuth 認可サーバー #CIMD の実装を添えて
Avatar for watahani watahani
0
360
AI駆動開発ライフサイクル（AI-DLC）の始め方
Avatar for ryansbcho79 ryansbcho79
0
290
Everything As Code
Avatar for わいわい yosuke_ai
0
470

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
140
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
190
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
72
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.4k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.8k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
58
6.2k

Transcript

  1.  גࣜձࣾग़લؗ 1"3,:&0/)0ɹύΫɾϤϯϗ ग़લؗΞϓϦʹ͓͚Δ 'MVUUFSΞϓϦઃܭ

  2. ύΫɾϤϯϗ ग़લؗ プ ϩ ダ Ϋτຊ෦ίϯγϡʔϚ෦ Ξ プ Ϧ։ൃ グ

    ϧʔ プ  ܦྺ w -(ిࢠ d  w .PCJMF8J'J #41"OESPJE'SBNFXPSL.PCJMF"QQMJDBUJPO  w %FFQ/BUVSBM d  w .PCJMF"QQMJDBUJPO w -*/&1MVT d  (JUIVC w IUUQTHJUIVCDPNUVSMWP ԭೄग़਎ͷ࠺ͱઈࢍΠϠΠϠظͷࣗಈंΦλΫͷଉࢠʢ̐ࡀʣͱؖࠃࡏॅ

  3. $POUFOUT ग़લؗͱ͸ 'PMEFS4USVDUVSF 5ZQF%PBNJOWT'FBUVSFWT1BDLBHF  "TTFU.BOBHFNFOU fl VUUFS@HFO  4UBUF.BOBHFNFOU

    #-P$  ·ͱΊ

  4. $POUFOUT ग़લؗͱ͸ 'PMEFS4USVDUVSF 5ZQF%PBNJOWT'FBUVSFWT1BDLBHF  "TTFU.BOBHFNFOU fl VUUFS@HFO  4UBUF.BOBHFNFOU

    #-P$  ·ͱΊ

  5. ग़લؗͱ͸ ग़લؗ  ΞϓϦ΍αΠτ͔Β؆୯ʹ஫จͰ͖ɺ͞·͟·ͳγʔϯͰ׆༻Մೳͳશࠃ ౎ಓ෎ݝʹల։͢Δࠃ಺࠷େڃͷσϦόϦʔαʔϏε ग़લؗ130%6$54  Ճໍళ޲͚Ξ プ Ϧ

    ϑʔυʔ  9BNBSJO'MVUUFS   Ճໍళ޲͚Ξ プ Ϧ Ϧςʔϧʔ  /BUJWF'MVUUFS   υϥΠόʔ޲͚Ξ プ Ϧ 3FBDU/BUJWF'MVUUFS   Ճໍళ؅ཧऀ޲͚ΞϓϦ 'MVUUFS   ग़લؗΞ プ Ϧ ΤϯυϢʔ ザ ޲͚  3FBDU/BUJWF'MVUUFS

  6. $POUFOUT ग़લؗͱ͸ 'PMEFS4USVDUVSF 5ZQF%PBNJOWT'FBUVSFWT1BDLBHF  "TTFU.BOBHFNFOU fl VUUFS@HFO  4UBUF.BOBHFNFOU

    #-P$  ·ͱΊ

  7. 'PMEFS4USVDUVSF 5ZQF%PBNJO74'FBUVSF741BDLBHF 5ZQF%PBNJO  ϑΝΠϧΛυϝΠϯผ .PEFM 7JFX  7JFX.PEFM ෼ྨ͢Δ

     ϝϦοτॳظখن໛ϓϩδΣΫτʹ ͓͍ͯ͸ϑΝΠϧΛૉૣ͘୳ͤΔͱ͍͏ ఺  σϝϦοτϓϩδΣΫτن໛͕େ͖͘ ͳΕ͹ͳΔ΄ͲϑΝΠϧ਺͕ଟ͘ͳΓɺ ίʔυ؅ཧ΍ݕࡧ͕ෳࡶʹͳΔ ‣MJC ‣TSD ‣QSFTFOUBUJPO ‣GFBUVSF ‣GFBUVSF ‣BQQMJDBUJPO ‣GFBUVSF ‣GFBUVSF ‣EPNBJO ‣GFBUVSF ‣GFBUVSF ‣EBUB ‣GFBUVSF ‣GFBUVSF

  8. 'PMEFS4USVDUVSF 5ZQF%PBNJO74'FBUVSF741BDLBHF 'PMEFSTCZ'FBUVSF  ֤ػೳผʹϑΥϧμΛߏ੒ɺ֤'FBUVSFϑΥϧ μ͸XJEHFUNPEFMDPOUSPMMFSͳͲΛؚΉ  ϝϦοτ େن໛ϓϩδΣΫτʹ͓͍ͯ͸ಛఆػೳΛૉ ૣ͘ݕࡧɺ؅ཧ͕Ͱ͖Δ

    ҟͳΔ'FBUVSFͷ։ൃ࣌ʹিಥΛݮΒ͢͜ͱ ͕Ͱ͖Δ  σϝϦοτ ॳظߏ੒͕ෳࡶʹͳΔՄೳੑ͕͋Δ ڞ௨ίʔυͷ؅ཧ͕೉͘͠ͳΔՄೳੑ͕͋Δ ‣MJC ‣TSD ‣GFBUVSFT ‣GFBUVSF ‣QSFTFOUBUJPO ‣BQQMJDBUJPO ‣EPNBJO ‣EBUB ‣GFBUVSF ‣QSFTFOUBUJPO ‣BQQMJDBUJPO ‣EPNBJO ‣EBUB

  9. 'PMEFS4USVDUVSF 5ZQF%PBNJO74'FBUVSF741BDLBHF 1BDLBHFTCZ'FBUVSF  ֤'FBUVSFΛผ్ͷύοέʔδͰ؅ཧͯ͠Ϟδϡ ʔϧԽ  ϝϦοτ ಠཱతʹ֤ػೳΛ։ൃɾςετ͕Ͱ͖Δ ͝ͱʹ໾ׂΛ෼୲ͯ͠։ൃ͢Δ͜ͱ͕༰қ

     σϝϦοτ ґଘతͳؔ܎Λ͞Βʹෳࡶʹ͢ΔՄೳੑ͕͋Δ ઃఆͱॳظߏ੒͕ෳࡶͰ͋Δ Ϧιʔε؅ཧ͕ෳࡶʹͳΓɺॏෳͨ͠Ϧιʔε ͕ൃੜ͢ΔՄೳੑ͕͋Δ ‣MJC ‣TSD ‣QSFTFOUBUJPO ‣BQQMJDBUJPO ‣EPNBJO ‣EBUB ‣QBDLBHFT ‣GFBUVSF ‣MJC ‣TSD ‣GFBUVSF ‣MJC ‣TSD

  10. ग़લؗΞϓϦͷϑΥϧμߏ੒ʹ͍ͭͯ

  11. "QQMJDBUJPO ᵓᴷᴷBTTFUT3FTPVSDFؔ࿈ϑΥϧμ *NBHFT 'POUT  ᵓᴷᴷDPO fi H#VJME$PO fi HVSBUJPOϑΥϧμ

    ᵓᴷᴷMJC ᴹᵓᴷᴷDPNNPOΞϓϦͰڞ௨ͯ͠࢖༻͞ΕΔϞδϡʔϧϑΥϧμ ᴹᴹᵓᴷᴷDPOTUBOUڞ௨$POTUBOU ᴹᴹᵓᴷᴷEBUB@TPVSDFڞ௨-PDBMɺ3FNPUF"1*ؔ࿈ϑΥϧμ ᴹᴹᴹᵓᴷᴷMPDBM ᴹᴹᴹᵋᴷᴷSFNPUF ᴹᵓᴷᴷGFBUVSFT'FBUVSF5PQϑΥϧμ ᴹᴹᵋᴷᴷGFBUVSF" ᴹᴹ ᵓᴷᴷᴷCMPD'FBUVSFผ#MPDϑΥϧμ ᴹᴹ ᵓᴷᴷᴷEBUB@TPVSDF'FBUVSFผ-PDBM 3FNPUF"1*ϑΥϧμ ᴹᴹ ᴹᵓᴷᴷᴷMPDBM ᴹᴹ ᴹᵋᴷᴷᴷSFNPUF ᴹᴹ ᵓᴷᴷᴷNPEFM'FBUVSFผϞσϧϑΥϧμ ᴹᴹ ᵓᴷᴷᴷQBHF'FBUVSFผ7JFXϑΥϧμ ᴹᴹ ᴹᵋᴷᴷᴷXJEHFU ᴹᴹ ᵓᴷᴷᴷVUJM'FBUVSFผ6UJMϑΥϧμ ᴹᴹ ᵋᴷᴷᴷSFQPTJUPSZ'FBUVSFผ3FQPTJUPSZϑΥϧμ ᴹᵓᴷᴷQMBUGPSNT1MBUGPSNϑΥϧμ ᴹᵓᴷᴷTFSWJDFTڞ௨Ϟδϡʔϧ 4FSWJDF ϑΥϧμ ᴹᵋᴷᴷVUJMڞ௨6UJMϑΥϧμ ᵓᴷᴷQBDLBHFT$VTUPN QBDLBHFϑΥϧμ ᵓᴷᴷUFTUςετϑΥϧμ ᵋᴷᴷUPPMT$*ϑΥϧμ ग़લؗ"QQϑΥϧμߏ੒ɹ 'PMEFSTCZ'FBUVSF  େن໛ϓϩδΣΫτ  ಛఆػೳʹ͓͚Δݕࡧɺ؅ཧ͕༰қ  ڞ௨ίʔυ؅ཧ͕໽հ ‣MJC ‣TSD ‣GFBUVSFT ‣GFBUVSF ‣QSFTFOUBUJPO ‣BQQMJDBUJPO ‣EPNBJO ‣EBUB ‣GFBUVSF ‣QSFTFOUBUJPO ‣BQQMJDBUJPO ‣EPNBJO

  12. $POUFOUT ग़લؗͱ͸ 'PMEFS4USVDUVSF 5ZQF%PBNJOWT'FBUVSFWT1BDLBHF  "TTFU.BOBHFNFOU fl VUUFS@HFO  4UBUF.BOBHFNFOU

    #-P$  ·ͱΊ

  13. ଞϓϩμΫτΛݟͯΈΑ͏👀

  14. "TTFU.BOBHFNFOU GMVUUFS@HFO ଞϓϩμΫτݱঢ় υϥΠόʔ޲͚Ξ プ Ϧ Ճໍళ޲͚Ξ プ Ϧ ϑʔυ

    Ճໍళ޲͚Ξ プ Ϧ Ϧςʔϧʣ Ճໍళ؅ཧऀ޲͚ΞϓϦ %FTDSJQUJPO "TTFUQBUIOBNF௚ ઀ೖྗ  fl VUUFS@HFO࢖༻  fl VUUFS@HFO࢖༻ εΫϦϓτͰ$MBTT࡞ ੒ ϝϦοτ ௥Ճࣄલ࡞ۀ͕ෆඞཁ "TTFUࢀরΤϥʔ๷ࢭ "TTFUࢀরΤϥʔ๷ࢭ  "TTFUࢀরΤϥʔ๷ࢭ σϝϦοτ "TTFUQBUIOBNFϛ ε  "TTFU௥Ճ࡟আ࣌ CVJME@SVOOFS࣮ߦඞਢ  "TTFU௥Ճ࡟আ࣌ CVJME@SVOOFS࣮ߦඞ ਢ  "TTFU௥Ճ࡟আ࣌ 4DSJQU࣮ߦඞਢ  4DSJQUͷϝϯςφϯε  "TTFUUZQFϛε

  15. "TTFU.BOBHFNFOU GMVUUFS@HFO ଞϓϩμΫτݱঢ় υϥΠόʔ޲͚Ξ プ Ϧ Ճໍళ޲͚Ξ プ Ϧ ϑʔυ

    Ճໍళ޲͚Ξ プ Ϧ Ϧςʔϧʣ Ճໍళ؅ཧऀ޲͚ΞϓϦ %FTDSJQUJPO "TTFUQBUIOBNF௚ ઀ೖྗ  fl VUUFS@HFO࢖༻  fl VUUFS@HFO࢖༻ εΫϦϓτͰ$MBTT࡞ ੒ ϝϦοτ ௥Ճࣄલ࡞ۀ͕ෆඞཁ "TTFUࢀরΤϥʔ๷ࢭ "TTFUࢀরΤϥʔ๷ࢭ  "TTFUࢀরΤϥʔ๷ࢭ σϝϦοτ "TTFUQBUIOBNFϛ ε  "TTFU௥Ճ࡟আ࣌ CVJME@SVOOFS࣮ߦඞਢ  "TTFU௥Ճ࡟আ࣌ CVJME@SVOOFS࣮ߦඞ ਢ  "TTFU௥Ճ࡟আ࣌ 4DSJQU࣮ߦඞਢ  4DSJQUͷϝϯςφϯε  "TTFUUZQFϛε

  16. "TTFU.BOBHFNFOU GMVUUFS@HFO ଞϓϩμΫτݱঢ় υϥΠόʔ޲͚Ξ プ Ϧ Ճໍళ޲͚Ξ プ Ϧ ϑʔυ

    Ճໍళ޲͚Ξ プ Ϧ Ϧςʔϧʣ Ճໍళ؅ཧऀ޲͚ΞϓϦ %FTDSJQUJPO "TTFUQBUIOBNF௚ ઀ೖྗ  fl VUUFS@HFO࢖༻  fl VUUFS@HFO࢖༻ εΫϦϓτͰ$MBTT࡞ ੒ ϝϦοτ ௥Ճࣄલ࡞ۀ͕ෆඞཁ "TTFUࢀরΤϥʔ๷ࢭ "TTFUࢀরΤϥʔ๷ࢭ  "TTFUࢀরΤϥʔ๷ࢭ σϝϦοτ "TTFUQBUIOBNFϛ ε  "TTFU௥Ճ࡟আ࣌ CVJME@SVOOFS࣮ߦඞਢ  "TTFU௥Ճ࡟আ࣌ CVJME@SVOOFS࣮ߦඞ ਢ  "TTFU௥Ճ࡟আ࣌ 4DSJQU࣮ߦඞਢ  4DSJQUͷϝϯςφϯε  "TTFUUZQFϛε

  17. ग़લؗΞϓϦʹ࣮ફ✂📋

  18. "TTFU.BOBHFNFOU GMVUUFS@HFO  fl VUUFS@HFOద༻ "TTFUࢀরΤϥʔ๷ࢭ طଘ#VJME@SVOOFS࢖༻தͰ͋Γ௥Ճ࡞ۀͷඞཁͳ͠ ίʔυ࡞੒࣌*%&ͷࣗಈิ׬ػೳʹΑΔੜ࢈ੑ޲্ 50#& "4*4

    &Y  8JEHFUCVJME #VJME$POUFYUDPOUFYU \ SFUVSO *NBHFBTTFU BTTFUTJNBHFTQSP fi MFKQFH  ^ &Y  DPOTU QSP fi MF*NBHF BTTFUTJNBHFTQSP fi MFKQFH 8JEHFUCVJME #VJME$POUFYUDPOUFYU \ SFUVSO *NBHFBTTFU QSP fi MF*NBHF  ^ 8JEHFUCVJME #VJME$POUFYUDPOUFYU \ SFUVSO "TTFUTJNBHFTQSP fi MFJNBHF  ^

  19. FYUFOTJPO%F"TTFU4IPSUDVUPO#VJME$POUFYU\ "TTFUT*NBHFT(FOHFUJNBHFT%F"TTFUTJNBHFT ^  8JEHFUCVJME #VJME$POUFYUDPOUFYU \ SFUVSODPOUFYUJNBHFTQSP fi MFJNBHF

     ^ 8JEHFUCVJME #VJME$POUFYUDPOUFYU \ SFUVSO "TTFUTJNBHFTQSP fi MFJNBHF  ^ "TTFU.BOBHFNFOU GMVUUFS@HFO  fl VUUFS@HFOద༻ #VJME$POUFYU੄FYUFOTJPOΛ௨͠"TTFU4IPSUDVU࢖༻த  5ZQPHSBQIZ $PMPS 4UZMF 5IFNFͳͲ͕͢ͰʹಉҰͷํ๏Λ࢖༻  DPOUFYU͕ଘࡏ͢Δ7JFXͰͷΈΞΫηεՄೳ 0OFNPSFUIJOHʜ 50#&

  20. $POUFOUT ग़લؗͱ͸ 'PMEFS4USVDUVSF 5ZQF%PBNJOWT'FBUVSFWT1BDLBHF  "TTFU.BOBHFNFOU fl VUUFS@HFO  4UBUF.BOBHFNFOU

    #-P$  ·ͱΊ

  21. ग़લؗ͸ঢ়ଶ؅ཧ #-P$Λ࢖༻த "QQFOEJY'MVUUFSਓؾΞʔΩςΫνϟϥΠϒϥϦछͷൺֱ෼ੳ(FU9WT#-P$WT1SPWJEFS

  22. 4UBUF.BOBHFNFOU #-P$ DVCJU.VMUJDMBTTXJUI'SFF[FE #-P$ 4UBUF$MBTT 4UBUF$MBTT 4UBUF$MBTT 4UBUF$MBTT 4UBUF$MTTT 8JUI&OVNTUBUVT

    'SFF[FE 4UBUF$MBTT 4JOHMF$MBTT .VMUJ$MBTT 'SFF[FE 4UBUF$MBTT

  23. 4JOHMF$MBTT .VMUJ$MBTT 4JOHMF$MBTT4UBUF 4JOHMF$MBTT4UBUF &OVNTUBUVT  'SFF[FE .VMUJ$MBTT4UBUF .VMUJ$MBTT4UBUF 'SFF[FE

    4BNQMF DMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOUFS  fi OBMCPPMJT-PBEJOH $PVOUFS4UBUF \ UIJTDPVOUFS  UIJTJT-PBEJOHGBMTF  ^  ^ FOVN $PVOUFS4UBUVT\MPBEJOH MPBEFE^  !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUF \  !%FGBVMU $PVOUFS4UBUVTMPBEFE TUBUVT    SFRVJSFE JOU DPVOU   ^ @$PVOUFS4UBUF ^ BCTUSBDUDMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOU $PVOUFS4UBUF \ SFRVJSFEUIJTDPVOU  ^  ^ DMBTT-PBEJOH4UBUFFYUFOET$PVOUFS4UBUF\ -PBEJOH4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ DMBTT-PBEFE4UBUFFYUFOET$PVOUFS4UBUF\ -PBEFE4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUFMPBEFE \ SFRVJSFE JOU DPVOU  ^ -PBEFE4UBUF   DPOTU GBDUPSZ$PVOUFS4UBUFMPBEJOH \ SFRVJSFE JOU DPVOU  ^ -PBEJOH4UBUF ^ ϝϦοτ શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ ͞Ε͍ͯΔγϯϓϧͳߏ੒  શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ͞Εͯ ͍Δγϯϓϧͳߏ੒  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲϝιουࣗಈੜ੒  ֤ঢ়ଶΛผ్ͷΫϥεʹ෼཭͠ɺՄಡੑ͕ ߴ͍  ঢ়ଶผʹ fi FMEΛผʹߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  ֤ঢ়ଶผͷΫϥεΛ෼཭͠ɺՄಡੑ͕ߴ͍  ঢ়ଶผ fi FMEΛߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ϝιουࣗಈੜ੒ σϝϦοτ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽ Δ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰ ͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽΔ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͝ͱʹผ్ͷΫϥεʹఆٛɺ؅ཧ͕ඞ ཁ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲͷϝιου۩ମԽඞཁ  'SFF[FE࢖༻ϥʔχϯάΧʔϒ  Ϗϧυ࣌ؒ૿Ճ  'SFF[FE௥ՃʹΑΔύοέʔδґଘੑ͕Ͱ ͖Δ

  24. 4JOHMF$MBTT .VMUJ$MBTT 4JOHMF$MBTT4UBUF 4JOHMF$MBTT4UBUF &OVNTUBUVT  'SFF[FE .VMUJ$MBTT4UBUF .VMUJ$MBTT4UBUF 'SFF[FE

    4BNQMF DMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOUFS  fi OBMCPPMJT-PBEJOH $PVOUFS4UBUF \ UIJTDPVOUFS  UIJTJT-PBEJOHGBMTF  ^  ^ FOVN $PVOUFS4UBUVT\MPBEJOH MPBEFE^  !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUF \  !%FGBVMU $PVOUFS4UBUVTMPBEFE TUBUVT    SFRVJSFE JOU DPVOU   ^ @$PVOUFS4UBUF ^ BCTUSBDUDMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOU $PVOUFS4UBUF \ SFRVJSFEUIJTDPVOU  ^  ^ DMBTT-PBEJOH4UBUFFYUFOET$PVOUFS4UBUF\ -PBEJOH4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ DMBTT-PBEFE4UBUFFYUFOET$PVOUFS4UBUF\ -PBEFE4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUFMPBEFE \ SFRVJSFE JOU DPVOU  ^ -PBEFE4UBUF   DPOTU GBDUPSZ$PVOUFS4UBUFMPBEJOH \ SFRVJSFE JOU DPVOU  ^ -PBEJOH4UBUF ^ ϝϦοτ શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ ͞Ε͍ͯΔγϯϓϧͳߏ੒  શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ͞Εͯ ͍Δγϯϓϧͳߏ੒  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲϝιουࣗಈੜ੒  ֤ঢ়ଶΛผ్ͷΫϥεʹ෼཭͠ɺՄಡੑ͕ ߴ͍  ঢ়ଶผʹ fi FMEΛผʹߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  ֤ঢ়ଶผͷΫϥεΛ෼཭͠ɺՄಡੑ͕ߴ͍  ঢ়ଶผ fi FMEΛߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ϝιουࣗಈੜ੒ σϝϦοτ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽ Δ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰ ͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽΔ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͝ͱʹผ్ͷΫϥεʹఆٛɺ؅ཧ͕ඞ ཁ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲͷϝιου۩ମԽඞཁ  'SFF[FE࢖༻ϥʔχϯάΧʔϒ  Ϗϧυ࣌ؒ૿Ճ  'SFF[FE௥ՃʹΑΔύοέʔδґଘੑ͕Ͱ ͖Δ

  25. 4JOHMF$MBTT .VMUJ$MBTT 4JOHMF$MBTT4UBUF 4JOHMF$MBTT4UBUF &OVNTUBUVT  'SFF[FE .VMUJ$MBTT4UBUF .VMUJ$MBTT4UBUF 'SFF[FE

    4BNQMF DMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOUFS  fi OBMCPPMJT-PBEJOH $PVOUFS4UBUF \ UIJTDPVOUFS  UIJTJT-PBEJOHGBMTF  ^  ^ FOVN $PVOUFS4UBUVT\MPBEJOH MPBEFE^  !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUF \  !%FGBVMU $PVOUFS4UBUVTMPBEFE TUBUVT    SFRVJSFE JOU DPVOU   ^ @$PVOUFS4UBUF ^ BCTUSBDUDMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOU $PVOUFS4UBUF \ SFRVJSFEUIJTDPVOU  ^  ^ DMBTT-PBEJOH4UBUFFYUFOET$PVOUFS4UBUF\ -PBEJOH4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ DMBTT-PBEFE4UBUFFYUFOET$PVOUFS4UBUF\ -PBEFE4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUFMPBEFE \ SFRVJSFE JOU DPVOU  ^ -PBEFE4UBUF   DPOTU GBDUPSZ$PVOUFS4UBUFMPBEJOH \ SFRVJSFE JOU DPVOU  ^ -PBEJOH4UBUF ^ ϝϦοτ શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ ͞Ε͍ͯΔγϯϓϧͳߏ੒  શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ͞Εͯ ͍Δγϯϓϧͳߏ੒  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲϝιουࣗಈੜ੒  ֤ঢ়ଶΛผ్ͷΫϥεʹ෼཭͠ɺՄಡੑ͕ ߴ͍  ঢ়ଶผʹ fi FMEΛผʹߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  ֤ঢ়ଶผͷΫϥεΛ෼཭͠ɺՄಡੑ͕ߴ͍  ঢ়ଶผ fi FMEΛߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ϝιουࣗಈੜ੒ σϝϦοτ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽ Δ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰ ͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽΔ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͝ͱʹผ్ͷΫϥεʹఆٛɺ؅ཧ͕ඞ ཁ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲͷϝιου۩ମԽඞཁ  'SFF[FE࢖༻ϥʔχϯάΧʔϒ  Ϗϧυ࣌ؒ૿Ճ  'SFF[FE௥ՃʹΑΔύοέʔδґଘੑ͕Ͱ ͖Δ

  26. 4JOHMF$MBTT .VMUJ$MBTT 4JOHMF$MBTT4UBUF 4JOHMF$MBTT4UBUF &OVNTUBUVT  'SFF[FE .VMUJ$MBTT4UBUF .VMUJ$MBTT4UBUF 'SFF[FE

    4BNQMF DMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOUFS  fi OBMCPPMJT-PBEJOH $PVOUFS4UBUF \ UIJTDPVOUFS  UIJTJT-PBEJOHGBMTF  ^  ^ FOVN $PVOUFS4UBUVT\MPBEJOH MPBEFE^  !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUF \  !%FGBVMU $PVOUFS4UBUVTMPBEFE TUBUVT    SFRVJSFE JOU DPVOU   ^ @$PVOUFS4UBUF ^ BCTUSBDUDMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOU $PVOUFS4UBUF \ SFRVJSFEUIJTDPVOU  ^  ^ DMBTT-PBEJOH4UBUFFYUFOET$PVOUFS4UBUF\ -PBEJOH4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ DMBTT-PBEFE4UBUFFYUFOET$PVOUFS4UBUF\ -PBEFE4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUFMPBEFE \ SFRVJSFE JOU DPVOU  ^ -PBEFE4UBUF   DPOTU GBDUPSZ$PVOUFS4UBUFMPBEJOH \ SFRVJSFE JOU DPVOU  ^ -PBEJOH4UBUF ^ ϝϦοτ શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ ͞Ε͍ͯΔγϯϓϧͳߏ੒  શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ͞Εͯ ͍Δγϯϓϧͳߏ੒  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲϝιουࣗಈੜ੒  ֤ঢ়ଶΛผ్ͷΫϥεʹ෼཭͠ɺՄಡੑ͕ ߴ͍  ঢ়ଶผʹ fi FMEΛผʹߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  ֤ঢ়ଶผͷΫϥεΛ෼཭͠ɺՄಡੑ͕ߴ͍  ঢ়ଶผ fi FMEΛߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ϝιουࣗಈੜ੒ σϝϦοτ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽ Δ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰ ͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽΔ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͝ͱʹผ్ͷΫϥεʹఆٛɺ؅ཧ͕ඞ ཁ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲͷϝιου۩ମԽඞཁ  'SFF[FE࢖༻ϥʔχϯάΧʔϒ  Ϗϧυ࣌ؒ૿Ճ  'SFF[FE௥ՃʹΑΔύοέʔδґଘੑ͕Ͱ ͖Δ
  27. None

  28. 4JOHMF$MBTT .VMUJ$MBTT 4JOHMF$MBTT4UBUF 4JOHMF$MBTT4UBUF &OVNTUBUVT  'SFF[FE .VMUJ$MBTT4UBUF .VMUJ$MBTT4UBUF 'SFF[FE

    4BNQMF DMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOUFS  fi OBMCPPMJT-PBEJOH $PVOUFS4UBUF \ UIJTDPVOUFS  UIJTJT-PBEJOHGBMTF  ^  ^ FOVN $PVOUFS4UBUVT\MPBEJOH MPBEFE^  !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUF \  !%FGBVMU $PVOUFS4UBUVTMPBEFE TUBUVT    SFRVJSFE JOU DPVOU   ^ @$PVOUFS4UBUF ^ BCTUSBDUDMBTT$PVOUFS4UBUF\  fi OBMJOUDPVOU $PVOUFS4UBUF \ SFRVJSFEUIJTDPVOU  ^  ^ DMBTT-PBEJOH4UBUFFYUFOET$PVOUFS4UBUF\ -PBEJOH4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ DMBTT-PBEFE4UBUFFYUFOET$PVOUFS4UBUF\ -PBEFE4UBUF \ SFRVJSFETVQFSDPVOU  ^  ^ !GSFF[FE DMBTT $PVOUFS4UBUFXJUI@$PVOUFS4UBUF\  DPOTU GBDUPSZ$PVOUFS4UBUFMPBEFE \ SFRVJSFE JOU DPVOU  ^ -PBEFE4UBUF   DPOTU GBDUPSZ$PVOUFS4UBUFMPBEJOH \ SFRVJSFE JOU DPVOU  ^ -PBEJOH4UBUF ^ ϝϦοτ શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ ͞Ε͍ͯΔγϯϓϧͳߏ੒  શͯͷঢ়ଶ৘ใ͕ҰͭͷΫϥεʹ؅ཧ͞Εͯ ͍Δγϯϓϧͳߏ੒  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲϝιουࣗಈੜ੒  ֤ঢ়ଶΛผ్ͷΫϥεʹ෼཭͠ɺՄಡੑ͕ ߴ͍  ঢ়ଶผʹ fi FMEΛผʹߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  ֤ঢ়ଶผͷΫϥεΛ෼཭͠ɺՄಡੑ͕ߴ͍  ঢ়ଶผ fi FMEΛߏ੒ɺॊೈͳߏ଄  ৽͍͠ঢ়ଶ௥Ճ·ͨϝϯςφϯε͕༰қ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ϝιουࣗಈੜ੒ σϝϦοτ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽ Δ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰ ͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͕ଟ͘ͳΕ͹؅ཧɺՄಡੑʹ͚ܽΔ  ঢ়ଶʹؔ܎ͳ͘શͯͷ fi MFE͕ৗʹଘࡏ FYGBJMVSFͰ͋ͬͯ΋TVDDFTTʹ֘౰͢Δ fi FME͕·ͩଘࡏ͢Δ  ঢ়ଶ͝ͱʹผ్ͷΫϥεʹఆٛɺ؅ཧ͕ඞ ཁ  DPQZ8JUI GSPN+TPO UP+TPO UP4USJOH ͳͲͷϝιου۩ମԽඞཁ  'SFF[FE࢖༻ϥʔχϯάΧʔϒ  Ϗϧυ࣌ؒ૿Ճ  'SFF[FE௥ՃʹΑΔύοέʔδґଘੑ͕Ͱ ͖Δ

  29. $POUFOUT ग़લؗͷ͝঺հ 'PMEFS4USVDUVSF 5ZQF%PBNJOWT'FBUVSFWT1BDLBHF  "TTFU.BOBHFNFOU fl VUUFS@HFO  4UBUF.BOBHFNFOU

    #-P$  ·ͱΊ

  30. ·ͱΊ w ग़લؗ͸ϑʔυੜ׆ඞध඼഑ୡαʔϏεͰ͋ΓɺՃໍళɺυϥΠόʔɺϚωʔδϟʔɺϢ ʔβʔΞϓϦͱͯ͠ӡӦ͞ΕͯΔσϦόϦʔαʔϏεɻ w ग़લؗΞϓϦͷϑΥϧμߏ੒͸ɺେ͖͘'FBUVSFج४ʹ෼͔Ε͓ͯΓ υϝΠϯผʹࡉ෼Խ͞Ε͍ͯΔɻ w *NBHF-PUUJF'POUBTTFU͸ fl

    VUUFS@HFOͰ؅ཧ͍ͯ͠Δɻ w ঢ়ଶ؅ཧͷͨΊ#MPDύοέʔδΛ࢖༻͓ͯ͠Γɺ #MPDύλʔϯ 4UBUF͸.VMUJDMBTT 'SFF[FEܗଶͰ͋Δɻ

  31. 5)"/,:06

  32. "QQFOEJY'MVUUFSਓؾΞʔΩςΫνϟϥΠϒϥϦछͷൺֱ෼ੳ(FU9WT#-P$WT1SPWJEFS IUUQTFOHJOFFSJOHMJOFDPSQDPNLPCMPH fl VUUFSBSDIJUFDUVSFHFUYCMPDQSPWJEFS LPSFBO "QQFOEJY

  33. User Action Event Event stream Business Logic State State stream

    View 6TFSBDUJPO #MPD 6* User Action Business Logic State State stream View 6TFSBDUJPO $VCJU 6* $VCJU #MPD

  34. Push order button 6TFSBDUJPO #MPD 6* * orderInfo * orderInfo

    * orderInfo * orderId * orderInfo * message Order Page + Loading Order Page Move to OrderComplete Order Page + Error 4UBUFT #MPD $VCJU Order logic Success :FT /P Push order button 6TFSBDUJPO #MPD 6* *orderInfo orderId Message Order Page 4UBUFT #MPD $VCJU Order logic Success :FT /P *orderInfo orderId Message *orderInfo *orderId Message *orderInfo orderId *Message -PBEFE4UBUF -PBEJOH4UBUF 0SEFS$PNQMFUF4UBUF 'BJMFE4UBUF .VMUJ$MBTT4UBUF 4JOHMF$MBTT4UBUF