Xamarinで最終的にソシャゲーを作った話

by ueda megumu

Slide 1

Slide 1 text

XamarinͰ࠷ऴతʹ ιγϟήʔΛ࡞ͬͨ࿩ ্ాܙ

Slide 2

Slide 2 text

ࣗݾ঺հ ্ాܙɹ @megyo9 ▸ ෱ԬࡏॅɹSIerۈ຿ ▸ QiitaͷXamarinλάͷϥϯΩϯάͰ2൪ʂ ▸ ۀ຿Ͱ࢖͍ͬͯΔٕज़ ▸ Windows Form / WPF / Xamarin ▸ Angular / React / Knockout, SCSS/ LESS ▸ Serverless Framework (AWS) ▸ ܾͯ͠࢖͍͜ͳͯ͠ΔΘ͚Ͱ͸ͳ͍Ͱ ͢ɾɾɾ

Slide 3

Slide 3 text

ࠓ೔ͷ಺༰ XamarinͰ࠷ऴతʹιγϟήʔΛ࡞ͬͨ࿩ ▸ Qiitaʹ౤ߘͨ͠࿩Ͱ͢

Slide 4

Slide 4 text

ୈ̍࿩ ࢝·Γ͸ಥવʹ

Slide 5

Slide 5 text

ୈ̍࿩ ࢝·Γ͸ಥવʹ

Slide 6

Slide 6 text

ୈ̍࿩ ࢝·Γ͸ಥવʹ ೋ໊ͭΛදࣔ͢Δ͚ͩͷΞϓϦ͸ Ͳ͏ͩΖ͏͔ʁ

Slide 7

Slide 7 text

ୈ̎࿩ ։ൃ ▸ ʮAͳBʯͱ͍͏දهʹͳΔΑ͏ʹAͱBͷϦετΛ༻ҙ ▸ ݾͷਥೋපͷݶΓΛਚͯ͘͠೧Γग़͠ɺ૊Έ߹Θͤ૯਺ 2500Ҏ্·Ͱߟ͑ͨ ࠇ͖ ࣫ࠇͷ ҉ࠇͷ ৗҋͷ ڰઓ࢜ ຐԦ ೼Ԧ ڰؾ ×

Slide 8

Slide 8 text

ୈ̏࿩ ܾઓ ▸ ׬੒ͨ͠ͷͰ৹ࠪʹ౤͛Δ

Slide 9

Slide 9 text

ୈ̐࿩ ৹ࠪͷߦํ ▸ NG

Slide 10

Slide 10 text

ୈ̑࿩ ωόʔΪϒΞοϓ ▸ Կ͔ػೳΛ௥Ճ͢Δඞཁ͕͋Δ

Slide 11

Slide 11 text

ୈ̑࿩ ωόʔΪϒΞοϓ ▸ Կ͔ػೳΛ௥Ճ͢Δඞཁ͕͋Δ ▸ ඞࡴٕΛ௥Ճ

Slide 12

Slide 12 text

ୈ̒࿩ Ճ଎͢Δ։ൃ ▸ ಉ͡ઃܭͰϦετΛ௥Ճ ▸ ͍ͭͰʹաڈཤྺ΋௥Ճ

Slide 13

Slide 13 text

ୈ̓࿩ ܾઓ࠶ͼ ▸ ΞϓϦ໊ΛʮEternal Glowʯʹ໊લΛมߋ ετΞʹਃ੥ͨ͠ΞϓϦઆ໌จ

Slide 14

Slide 14 text

ୈ̔࿩ ৹ࠪͷઌʹ͋Δ΋ͷ ▸ ৹ࠪʹ௨ͬͨ

Slide 15

Slide 15 text

ୈ̔࿩ ৹ࠪͷઌʹ͋Δ΋ͷ ▸ ৹ࠪʹ௨ͬͨ ▸ ΋͏1ݸɺ̑W1Hͷ༧ݴΞϓϦΛ࡞Δ΋ ৹ࠪ௨Δ When Who Where Why How What

Slide 16

Slide 16 text

ୈ̔࿩ ৹ࠪͷઌʹ͋Δ΋ͷ ▸ ৹ࠪʹ௨ͬͨ ▸ ΋͏1ݸɺ̑W1Hͷ༧ݴΞϓϦΛ࡞Δ΋ ৹ࠪ௨Δ ݁࿦ɿ͠ΐ΅͍ΞϓϦͰ΋৹ࠪʹ௨Δ

Slide 17

Slide 17 text

ୈ̔࿩ ৹ࠪͷઌʹ͋Δ΋ͷ ʮ͠ΐ΅͍ʯͷཁ݅ʹ σβΠϯ͕͋ͬͨͷ͔΋

Slide 18

Slide 18 text

ୈ̕࿩ ڥք஋ςετ ▸ ৽نΞϓϦ͕͠ΐ΅ͯ͘΋OK

Slide 19

Slide 19 text

ୈ̕࿩ ڥք஋ςετ ▸ ৽نΞϓϦ͕͠ΐ΅ͯ͘΋OK ▸ Ͱ͸ΞοϓσʔτͰผ෺(ιγϟήʔ)ʹͨ͠ΒͲ͏ͳΔ͔ʁ

Slide 20

Slide 20 text

ୈ̕࿩ ڥք஋ςετ ▸ ৽نΞϓϦ͕͠ΐ΅ͯ͘΋OK ▸ Ͱ͸ΞοϓσʔτͰผ෺(ιγϟήʔ)ʹͨ͠ΒͲ͏ͳΔ͔ʁ

Slide 21

Slide 21 text

ୈ̕࿩ ڥք஋ςετ ▸ Ͳ͏͍͏ήʔϜʹ͢Δͷ͔݁ߏ೰Μͩ ▸ ͦ΋ͦ΋ιʔγϟϧήʔϜɺ΄΅ͨ͜͠ͱͳ͍ ▸ ͩΜͩΜϑϨϯυΛ੾͍ͬͯͬͯ࠷ޙ͸ҰਓʹͳΔιʔ γϟϧήʔϜͱ͔ʁ ▸ ٯʹɺͩΜͩΜΈΜͳ͕ࣗ෼ʹͳͬͯ࠷ޙ͸ΈΜͳࣗ෼ʹ ͳͳΔιʔγϟϧήʔϜͱ͔ʁ

Slide 22

Slide 22 text

ୈ̕࿩ ڥք஋ςετ ▸ Ͳ͏͍͏ήʔϜʹ͢Δͷ͔݁ߏ೰Μͩ ▸ ͦ΋ͦ΋ιʔγϟϧήʔϜɺ΄΅ͨ͜͠ͱͳ͍ ▸ ͩΜͩΜϑϨϯυΛ੾͍ͬͯͬͯ࠷ޙ͸ҰਓʹͳΔιʔ γϟϧήʔϜͱ͔ʁ ▸ ٯʹɺͩΜͩΜΈΜͳ͕ࣗ෼ʹͳͬͯ࠷ޙ͸ΈΜͳࣗ෼ʹ ͳΔιʔγϟϧήʔϜͱ͔ʁ ࣗ෼Ͱݴͬͯͯҙຯ͕Θ͔Βͳ͍ɾɾɾ

Slide 23

Slide 23 text

ୈ̍̌࿩ શ਎શྶ ▸ ͱΓ͋͑ͣֆΛඳ͍ͯΞϓϦΠϝʔδΛ๲Β·ͤΔ

Slide 24

Slide 24 text

ୈ̍̌࿩ શ਎શྶ ▸ ͱΓ͋͑ͣ࢓༷Λඳ͍ͯΞϓϦΠϝʔδΛ๲Β·ͤΔ Adobe XD ͸ͨͩσβΠϯΛඳ͚ͩ͘Ͱͳ͘จষ΋ؾ࣋ͪྑ͘ॻ͚Δ

Slide 25

Slide 25 text

ୈ̍̌࿩ શ਎શྶ ▸ ΫϥΠΞϯτɺαʔόʔɺΠϥετɺԻָɺԻ੠Λશͯ࡞੒ ▸ ։ൃظؒ͸໿̏ϲ݄ ▸ ͜Ε·Ͱʹ࡞੒ͨ͠ΞϓϦͷ͓Αͦ90ഒͷ։ൃظؒ

Slide 26

Slide 26 text

ୈ̍̌࿩ શ਎શྶ ▸ αʔόʔ ▸ σʔλͷอଘɺ௨஌͸Firebaseʹ͢Δ͜ͱʹ ▸ αʔόʔϨεʹ͍ͨ͠͠ɺՄೳͳݶΓFunctions͢Βॻ͖ͨ͘ͳ͍ ▸ Functions૬౰ͳ͠Ͱσʔλߋ৽Ͱ͖Δͷ͸FireStore͔AppSync ͙Β͍ ▸ AppSync͸εΩʔϚఆ͕ٛ݁ߏखؒͩ͠ɺResolver→SNS or Pinpoint΋खؒ

Slide 27

Slide 27 text

ୈ̍̌࿩ શ਎શྶ ΫϥΠΞϯτଆͷ σʔλอଘॲཧྫ Xamarin.Formsͷܕ͔ΒiOSͷܕʹม׵͢Δͷ͕গ͠໘౗

Slide 28

Slide 28 text

ୈ̍̌࿩ શ਎શྶ σʔλߋ৽࣌ͷ Notificationૹ৴ྫ

Slide 29

Slide 29 text

ୈ̍̌࿩ શ਎શྶ Update Notiﬁcation Update Trigger Send ςʔϒϧ2͚ͭͩ ୭͔ͱઓ͏ ઓಆ͕͋ͬͨࢫͷ௨஌

Slide 30

Slide 30 text

ୈ̍̌࿩ શ਎શྶ ▸ ઓಆ݁Ռͷॻ͖ࠐΈʢ͔ͳΓద౰ઃܭˍ࣮૷ʣ ▸ ઓಆͨ͠ਓ͕ࣗ෼Ͱ݁ՌΛॻ͖ࠐΜͰอଘʢಁաతʹϦ ϞʔτͷFireStoreʹ΋อଘʣ ▸ อଘΛτϦΨʔʹFunctions͕ಈ͍ͯରઓ૬खʹ NotiﬁcationΛඈ͹͢ ▸ Silent NotiﬁcationΛ࢖֤ͬͯ୺຤ࣗ෼ͰόονॲཧΛ΍ͬ ͯ΋Β͏͜ͱ΋࣮͸ݕ౼ͯͨ͠ɾɾɾ

Slide 31

Slide 31 text

ୈ̍̌࿩ શ਎શྶ ▸ ར༻ϥΠϒϥϦ౳

Slide 32

Slide 32 text

ୈ̍̌࿩ શ਎શྶ ▸ Πϥετ ▸ ֤18छͷཱͪֆ ▸ iPad ProͰ͓ֆඳ͖ ΩϟϥΫλը૾ ଐੑʹԠͨ͡৭ ଐੑʹΑͬͯΩϟϥ ͷ৭͕มΘΔ

Slide 33

Slide 33 text

ୈ̍̌࿩ શ਎શྶ https://www.pinterest.jp/pin/804596289654339946/ ▸ PinteresͰݟ͔͚ͨσβ Πϯ͕ؾʹೖͬͨͷͰ ͻΐͬ͜Γ͸ΜελΠϧ ͷΠϥετʹ

Slide 34

Slide 34 text

ୈ̍̌࿩ શ਎શྶ https://www.pinterest.jp/pin/804596289654339946/ ▸ PinteresͰݟ͔͚ͨσβ Πϯ͕ؾʹೖͬͨͷͰ ͻΐͬ͜Γ͸ΜελΠϧ ͷΠϥετʹ ීஈ͔ΒσβΠϯͷετοΫΛ ࡞͓ͬͯ͘ͷ͸େࣄ

Slide 35

Slide 35 text

ୈ̍̌࿩ શ਎શྶ ▸ Իָ/Ի੠ ▸ ̑छྨͷԻָ ▸ جຊతʹGarageBandͷϧʔϓૉࡐฒ΂͚ͨͩ ▸ ̑छྨͷԻ੠ ▸ ࣗ෼ͱಉ྅ͷ੠ ▸ Adobe AuditionͰՃ޻

Slide 36

Slide 36 text

ୈ̍̌࿩ શ਎શྶ ؾ෼͸εʔύʔϝσΟΞΫϦΤΠλʔ

Slide 37

Slide 37 text

ୈ̍̌࿩ શ਎શྶ σϞ

Slide 38

Slide 38 text

ୈ̍̍࿩ ϥάφϩΫ ▸ ৹ࠪʹ౤͛Δ ετΞʹਃ੥ͨ͠ΞϓϦઆ໌จ

Slide 39

Slide 39 text

ୈ̍̎࿩ ϋοϐʔΤϯυ ▸ ৹ࠪʹ௨Δ

Slide 40

Slide 40 text

ୈ̍̏࿩ ֶͼಘͨ΋ͷ ▸ Xamarinʹ͍ͭͯ ▸ ਖ਼௚ɺήʔϜ։ൃʹ͸࢖Θͳͯ͘΋ྑ͍͔΋ ▸ WPFͱ͔Silverlight΍ͬͯͨ਎ͱͯ͠͸ࠓͰ΋HTML/CSS ΑΓ͸Xamlͷํ͕ॻ͖΍͍͢ ▸ pngͷಁա΍Lottie౳Λ࢖͑͹ɺ΋ͬͱྑ͍ݟͤํ͸Ͱ͖ ͦ͏ͳؾ͕͢Δ

Slide 41

Slide 41 text

ୈ̍̏࿩ ֶͼಘͨ΋ͷ ▸ ήʔϜੑʹ͍ͭͯ ▸ ੒௕ੑ͕ͳ͍ͷ͸ָ͘͠ͳ͍ ▸ ௨஌͕དྷΔͷ͸ָ͍͠ ▸ ݟͯΔ͚ͩˍΞχϝʔγϣϯʹ๡͍͠ઓಆ͸੝Γ্͕Βͳ͍ ▸ ճ਺੍ݶʴ޿ࠂ͸ήʔϜੑͱͯ͠͸େࣄ ▸ ϧʔϓԻ࡞Δͷ͸؆୯ ▸ Ի੠͸ࣗ෼Ͱ΋ҙ֎ͱ͍͚Δ

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

࣍ճ༧ࠂ FNO͸Τλʔφϧ

Slide 44

Slide 44 text

࣍ճ༧ࠂ FNO͸Τλʔφϧ ▸ AndroidରԠ ▸ ݩʑɺFirebaseपΓҎ֎͸શͯXamarin.FormsͰॻ͍ͯΔ ▸ ήʔϜੑͷ௥ٻ ▸ ੒௕ͷ͋ΔήʔϜʢνʔϜઓɺΫϥενΣϯδʣ ▸ ௨஌͔Β൓ܸ ▸ ΋ͬͱ্खͳֆ ▸ BGMʹՎΛೖΕ͍ͨ