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

プロフィール編集画面の構築 / How to create a profile edit sc...

プロフィール編集画面の構築 / How to create a profile edit screen

Masatoshi Kubode

September 20, 2018
Tweet

More Decks by Masatoshi Kubode

Other Decks in Programming

Transcript

  1. ©2018 Wantedly, Inc. ฤूը໘ w ߲໨͋Δ w Ϧετܥ͸߲໨ w Ϧετܥ͸։ดͰ͖Δ

    w ߲໨͝ͱʹϓϥΠόγʔઃఆΛมߋͰ͖Δ ϓϩϑΟʔϧฤूͷ࢓༷ ϦϯΫΛ։͍ͨঢ়ଶ ͢΂ͯดͨ͡ঢ়ଶ
  2. ©2018 Wantedly, Inc. ࣅͯΔ͚Ͳத਎͕ҧ͏7JFX w ը໘શମ͸6*4UBDL7JFXʹͳ͍ͬͯͯɺࣗݾ঺հ ΍৬ྺɺֶྺͳͲ߲໨͕"SSBOHFE4VCWJFXͱ ͯ͠ฒΜͰ͍Δɻ w ͭͭͷ7JFX͕ελΠϧ͸ಉ͚ͩ͡Ͳදࣔ͢Δ

    ಺༰͕߲໨ʹΑͬͯҟͳ͍ͬͯΔɻ w λοϓ࣌ʹ։͘ը໘΋͢΂ͯҟͳΔɻ w ͭͭΧελϜ7JFXΫϥεԽ͢Δͷ͸ϘΠϥʔ ϓϨʔτ͕૿࣮͑ͯ૷ίετ͕ߴͦ͏ɻ ՝୊఺ ϦϯΫ ࣗݾ঺հ ޷͖ͳݴ༿ ৬ྺ ֶྺ ελΠϧ͸ಉ͚ͩ͡Ͳ த਎͕શ෦ҧ͏ UIStackView
  3. ©2018 Wantedly, Inc. w ൚༻తʹςΩετͳͲΛઃఆͰ͖Δ7JFXΛ࡞Δ w ΞΠίϯɺλΠτϧɺৄࡉςΩετɺΞΫηαϦΞΠίϯʢӈΞΠίϯʣ w ϦετΛ؅ཧ͢Δίϯςφ7JFXΛ࡞Δ w

    ͜͜ʹδΣωϦΫεΛ࢖͍ɺ֨ೲͰ͖ΔܕΛܾΊΔΑ͏ʹͨ͠ w ։ดͷॲཧ͸͜ͷ7JFXͰ΍Δ w ։͍͍ͯΔ৔߹͸ߴ͞Մมͷ$PMMFDUJPO7JFXΛදࣔ͢Δ ͱͬͨख๏
  4. ©2018 Wantedly, Inc. ը໘࡞Βͳ͍ͱ͍͚ͳ͍ w อଘϘλϯɺด͡ΔϘλϯɺอଘதͷΠϯδέʔ λ͸ڞ௨ w ฤूϑΥʔϜ͸߲໨ʹΑͬͯશ͘ҧ͏ w

    όϦσʔγϣϯ΋ҧ͏ w ୟ͘ߋ৽"1*΋ҟͳΔ΋ͷ͕͋Δ w Ϧετܥͷ΋ͷ͸࡟আ͕Ͱ͖Δ ՝୊఺ ֶྺ ৬ྺ
  5. ©2018 Wantedly, Inc. w ڞ௨෦෼͸਌΁ w ਌7JFX$POUSPMMFSͰ7JFXͱঢ়ଶͷ؅ཧ w ࢠͷঢ়ଶΛ0CTFSWFͯ͠อଘϘλϯͷঢ়ଶมߋͳͲ͢Δ w

    อଘ"1*ίʔϧ͸ࢠͷΠϯλʔϑΣʔεΛݺΜͰࢠͷํͰߦ͏ w ϑΥʔϜ΍όϦσʔγϣϯ͸ࢠ΁ w όϦσʔγϣϯͳͲͷೖྗঢ়ଶ؅ཧ͸ࢠͰߦ͏ w ࢠͷQSPUPDPMʹ४ڌͤ͞Δ ͱͬͨख๏ ਌ ࢠ✕̍̒
  6. ©2018 Wantedly, Inc.  ਌7JFX$POUSPMMFSͱ3FBDUPS w DMBTT1SPpMF*UFN&EJU7JFX$POUSPMMFS7JFX$POUSPMMFS*UFN&EJU7JFX$POUSPMMFS w DMBTT1SPpMF*UFN&EJU3FBDUPS*UFN3FBDUPS*UFN&EJU3FBDUPS 

    ࢠ7JFX$POUSPMMFSͱ3FBDUPS w QSPUPDPM*UFN&EJU7JFX$POUSPMMFS7JFXXIFSF3FBDUPS*UFN&EJU3FBDUPS w QSPUPDPM*UFN&EJU3FBDUPS3FBDUPSXIFSF4UBUF*UFN&EJU3FBDUPS4UBUF w QSPUPDPM*UFN&EJU3FBDUPS4UBUF&EJUBCMF ܕͷఆٛ
  7. ©2018 Wantedly, Inc. ✕ ࢀরͱδΣωϦΫε ࢀর Observable <Type> δΣωϦΫεͷܕ ਌3FBDUPS

    ࢠ3FBDUPS ਌7JFX$POUSPMMFS ࢠ7JFX$POUSPMMFS ࢠ3FBDUPS ࢠ7JFX$POUSPMMFS &EJUBCMF
  8. ©2018 Wantedly, Inc. w 6*ʹ΋δΣωϦΫε͸ར༻Ͱ͖Δ w ֎࿮͸ಉ͚ͩ͡Ͳத਎΍$FMM͕ҧ͏ύλʔϯͳͲͰ༗ޮ w ৼΔ෣͍Λϓϩτίϧ΍ΫϩʔδϟͰҕৡ͢Δ w

    ΠϕϯτίʔϧόοΫ࣌ʹܕ҆શʹΦϒδΣΫτΛॲཧͰ͖Δ w ͞ΒͳΔվળ w 6*Ͱͳ͘ΦϒδΣΫτʹ1SPUPDPMΛద༻͢Δ͜ͱͰࣅͨΑ͏ͳ࣮૷͸Մೳ w ΋͏গ͠ந৅ԽͰ͖͔ͨ΋ w 4UPSZCPBSEͰ͸δΣωϦΫε͕࢖͑ͳ͍ͷͰΧελϜ7JFXʴ1SPUPDPMͷ΄͏͕ॊೈ͔΋ ·ͱΊ