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

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

株式会社出前館
May 31, 2024
Technology
2
930

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

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

株式会社出前館

May 31, 2024
Tweet

More Decks by 株式会社出前館

See All by 株式会社出前館
出前館を支えるJavaとKotlin
demaecan
0
180
滑らかなユーザー体験も目指す注文管理のマイクロサービス化〜注文情報CSVダウンロード機能の事例〜
demaecan
0
170
Yahoo!クイックマート管理画面でNext.js + static exportsを選んだ理由
demaecan
0
29
出前館アプリにおけるFlutterアプリ設計とそれを支えるCICD環境の進化
demaecan
0
700
出前館のマルチプロダクト戦略を支えるアーキテクチャ 〜技術的負債を解消しながら事業を多角化する〜
demaecan
1
190
新卒1年目の自分に伝えたかったエンジニアの成長に役に立つ話
demaecan
0
1.8k
新卒エンジニアが0からNon-BlockingなgPRCサーバーを作った話
demaecan
1
500
出前館におけるFlutter活用事例
demaecan
0
520
プロダクト本部紹介資料
demaecan
0
11k

Other Decks in Technology

See All in Technology
CloudWatch 大好きなSAが語る CloudWatch キホンのキ
o11yfes2023
0
170
CBになったのでEKSのこともっと知ってもらいたい！
daitak
1
160
AI AgentOps LT大会(2025/04/16) Algomatic伊藤発表資料
kosukeito
0
140
AIと開発者の共創: エージェント時代におけるAIフレンドリーなDevOpsの実践
bicstone
1
310
システムとの会話から生まれる先手のDevOps
kakehashi
PRO
0
280
AIで進化するソフトウェアテスト：mablの最新生成AI機能でQAを加速！
mfunaki
0
140
JPOUG Tech Talk #12 UNDO Tablespace Reintroduction
nori_shinoda
2
140
ブラウザのレガシー・独自機能を愛でる-Firefoxの脆弱性4選- / Browser Crash Club #1
masatokinugawa
1
460
[2025年4月版] Databricks Academy ラボ環境 利用開始手順 / Databricks Academy Labs Onboarding
databricksjapan
0
130
Webアプリを Lambdaで動かすまでに考えること / How to implement monolithic Lambda Web Application
_kensh
7
1.3k
20250411_HCCJP_AdaptiveCloudUpdates.pdf
sdosamut
1
110
3月のAWSアップデートを5分間でざっくりと！
kubomasataka
0
120

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.2k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Automating Front-end Workflow
addyosmani
1369
200k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.1k
Scaling GitHub
holman
459
140k
Music & Morning Musume
bryan
47
6.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
13
1.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
390

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