Atomic Design の導入と実践プロセス

88cc995ce5954b15c12ea14904258757?s=47 Kento Nagata
September 13, 2018

Atomic Design の導入と実践プロセス

アトミックデザインは、デザインコンポーネントの共通化により開発プロセスの効率化を図るためのフレームワークです。Wantedly VisitのiOS Appでは、このフレームワークを導入し、開発の効率化とデザインの一貫性を向上させることができました。このトークでは、具体的にどのようにコンポーネントを分類し、どのようにプロセスを回していったかについて、実際に作成したコンポーネントと共にご紹介します。

88cc995ce5954b15c12ea14904258757?s=128

Kento Nagata

September 13, 2018
Tweet

Transcript

  1. ©2018 Wantedly, Inc. Atomic Design ͷಋೖͱ ࣮ફϓϩηε Զίϯ 2018 Day

    2 - Sep 13 Kento Nagata, Engineer
  2. ©2018 Wantedly, Inc. ,FOUP/BHBUB 8BOUFEMZ *OD&OHJOFFS ೥ੜ·Εɻ৽ଔͰגࣜձࣾ7JJCBSʹೖࣾ͠ɺαʔ όαΠυΛ೥΄Ͳܦݧͨ͠ͷͪɺ8BOUFEMZ  *OD

    ʹೖ ࣾɻݱࡏ͸8BOUFEMZ7JTJUͷάϩʔεΛ8FCͱJ04ͷϓ ϥοτϑΥʔϜͰߦͳ͍ͬͯ·͢ɻJ04ྺ͸൒೥Ͱ͢ɻ 5XJUUFS!OHULOU
  3. ©2018 Wantedly, Inc.  "UPNJD%FTJHOͱ͸Կ͔  "UPNJD%FTJHOΛνʔϜʹಋೖ͢Δํ๏  8BOUFEMZ7JTJUJ04Ͱͷ࣮ྫ w

    ͜ͷ"QQͷ֓ཁͱ৽͍͠σβΠϯʹ͍ͭͯ w ઃܭํ਑ w ۩ମతͳઃܭɾίʔυ ࠓ೔࿩͢͜ͱ
  4. ©2018 Wantedly, Inc. "UPNJD%FTJHOͱ͸Կ͔

  5. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. σβΠϯγεςϜΛ࡞ΔͨΊͷํ๏࿦

  6. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. σβΠϯγεςϜ

  7. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ։ൃऀ͓ΑͼϓϩμΫτ͕εέʔϧͭͭ͠
 σβΠϯͷҰ؏ੑΛอͭͨΊͷ࢓૊Έͷ͜ͱ

  8. ©2018 Wantedly, Inc.  σβΠϯͷج४΍ݪଇ  Ξηοτ΍ίϯϙʔωϯτ  σβΠϯ΍։ൃϓϩηε 

    υΩϡϝϯςʔγϣϯ σβΠϯγεςϜʹؚ·ΕΔ΋ͷ
  9. ©2018 Wantedly, Inc.  σβΠϯͷج४΍ݪଇ  Ξηοτ΍ίϯϙʔωϯτ  σβΠϯ΍։ൃϓϩηε 

    υΩϡϝϯςʔγϣϯ σβΠϯγεςϜʹؚ·ΕΔ΋ͷ Atomic Design supports this
  10. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ந৅Խ͕େࣄ

  11. ©2018 Wantedly, Inc.  දݱ͕૿͍͚͑ͯ͹ߦ͘΄Ͳɺ
 ʮந৅Խʯ͸೉͘͠ͳΔ w ந৅Խͷཻ౓͕ἧΘͳ͘ͳΔ w ຊ౰͸ಉ͡΋ͷͳͷʹಉ͡ʹͳ͍ͬͯͳ͍

     νʔϜ։ൃͳΒ΋ͬͱ೉͍͠ w ਓʹΑͬͯଊ͑ํ͕มΘͬͯ͠·͏ εέʔϧ͢Δந৅Խ͸؆୯Ͱ͸ͳ͍
  12. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. "UPNJD%FTJHO ʮந৅Խʯʹ੍໿Λɺ։ൃऀʹڞ௨֓೦Λ

  13. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ͲͷΑ͏ͳΞϓϩʔνʁ

  14. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. Խֶ͔Βख͕͔ΓΛݟ͚ͭΔ طʹ͏·͘ߦ͍ͬͯΔந৅ԽΛ໛฿͢Δ

  15. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. "UPNݪࢠ ࠷খߏ੒ཁૉ ݱ୅Խֶʹ͓͍ͯɺʮݩૉʯ΍ʮૉཻࢠʯͱ͍͏୯Ґ͕ൃݟ͞Ε͓ͯΓɺ
 ݫີʹʮݪࢠʯ͸෼ׂෆՄೳͳ୯ҐͰ͸ͳ͍ɻ

  16. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. .PMFDVMF෼ࢠ ͭҎ্ͷݪࢠ͔Βߏ੒͞ΕΔ

  17. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. 0SHBOJTN༗ػମ ෼ࢠ͔Βߏ੒͞ΕΔػೳతͳ୯Ґ

  18. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ͜ͷந৅ԽΛϕʔεʹͨ͠ͷ͕
 "UPNJD%FTJHO

  19. ©2018 Wantedly, Inc.  "UPNTݪࢠ  .PMFDVMFT෼ࢠ  0SHBOJTNT༗ػମ Atomic

    Design ͷํ๏࿦
  20. ©2018 Wantedly, Inc.  "UPNTݪࢠ  .PMFDVMFT෼ࢠ  0SHBOJTNT༗ػମ 

    5FNQMBUFTςϯϓϨʔτ  1BHFTϖʔδ Atomic Design ͷํ๏࿦
  21. ©2018 Wantedly, Inc. Atomic Design ͷํ๏࿦ Atoms - ݪࢠ Atom

    - ݪࢠ͸ɺϥϕϧɺϘλϯɺςΩετϑΟʔϧ υͳͲجຊతͳཁૉΛؚΈ·͢ɻશͯͷجຊతͳε λΠϧΛҰ໨Ͱද͠·͢ɻͨͩ͠ɺࣗવքͷʮݪࢠʯ ͕୯ҰͰۭؾதʹଘࡏ͠ͳ͍ͷͱಉ༷ʹΞϓϦέʔ γϣϯͷதͰద༻͞ΕΔଘࡏͰ͋Δͱ͍͏఺͕ॏཁ Ͱ͢ɻ
  22. ©2018 Wantedly, Inc. Atomic Design ͷํ๏࿦ Molecules - ෼ࢠ Molecule

    - ෼ࢠ͸ɺݪࢠΛ૊Έ߹Θͤͯγϯϓϧͳ ҰͭͷػೳΛఏڙ͠·͢ɻྫ͑͹ɺϥϕϧ΍ςΩε τϑΟʔϧυɺϘλϯ͕૊Έ߹Θͤɺ৔ॴΛݕࡧͰ ͖ΔίϯϙʔωϯτΛ࡞Δ͜ͱ͕Ͱ͖·͢ɻ
  23. ©2018 Wantedly, Inc. Atomic Design ͷํ๏࿦ Organisms - ༗ػମ Organisms

    - ༗ػମ͸ɺݪࢠ΍෼ࢠɺଞͷ༗ػମΛ ૊Έ߹ΘͤͯΑΓෳࡶͳίϯϙʔωϯτΛ࡞Γ·͢ɻ ྫ͑͹ɺΩʔϫʔυΛೖྗͯͦ͠ͷ݁ՌΛݟΔ͜ͱ ͕Ͱ͖ΔίϯϙʔωϯτͳͲͰ͢ɻ
  24. ©2018 Wantedly, Inc. Atomic Design ͷํ๏࿦ Templates - ςϯϓϨʔτ Templates

    - ςϯϓϨʔτ͸ɺϖʔδΛද͢ίϯ ϙʔωϯτͰ͢ɻͨͩ͠ɺߏ଄΍ϨΠΞ΢τʹؔ͠ ͯͷΈʹ੹೚Λ࣋ͪɺ۩ମతͳσʔλΛ൐͍·ͤΜɻ
  25. ©2018 Wantedly, Inc. Atomic Design ͷํ๏࿦ Page - ϖʔδ Pages

    - ϖʔδ͸ɺTemplateͷΠϯελϯεͰ͢ɻ ςΩετ΍ը૾ͳͲ۩ମతͳσʔλΛ൐͍·͢ɻ TemplateͱPageΛ෼͚Δ͜ͱͰɺϖʔδϨϕϧͰ ͷॏෳΛ๷͙͜ͱ͕Ͱ͖·͢ɻ
  26. ©2018 Wantedly, Inc. Atomic Design ͷํ๏࿦ Dependency Graph

  27. ©2018 Wantedly, Inc. νʔϜͰͷಋೖํ๏

  28. ©2018 Wantedly, Inc.  νʔϜશһͰ"UPNJD%FTJHOΛཧղ͢Δ w σβΠφ΍ΤϯδχΞશһͰ࿩ͯ͠ཧղ͢Δ  ํ਑ΛܾΊΔ w

    σβΠϯ΍࣮૷ͷϑϩʔΛܾΊΔ w අ༻ରޮՌΛߟ͑ɺಋೖ͢ΔϨϕϧΛܾΊΔ  σβΠϯɾ࣮૷ νʔϜͰͷಋೖํ๏
  29. ©2018 Wantedly, Inc. 8BOUFEMZ7JTJUJ04 7JTJUJ04ͷ֓ཁͱ͋ͨΒ͍͠σβΠϯʹ͍ͭͯ

  30. ©2018 Wantedly, Inc. 8BOUFEMZ7JTJU ʮؾʹͳΔձࣾʹؾܰʹ࿩Λฉ͖ʹߦ͚Δʯϓϩμ ΫτͰɺʮڞײΛ࣠ʹνʔϜʹग़ձ͏ʯମݧΛத৺ ʹઃܭ͍ͯ͠·͢ɻ ϓϩμΫτʹ͍ͭͯ

  31. ©2018 Wantedly, Inc.  ืूݕࡧ  ืूϖʔδ  ൃݟλϒ 

    ձࣾϖʔδ  ϓϩϑΟʔϧϖʔδ  ௨஌΍ϝοηʔδ Wantedly Visit iOS ͷػೳ
  32. ©2018 Wantedly, Inc.  ΞϓϦͷ஀ੜ͔Β೥͕ܦա  ༷ʑͳࢪࡦʹΑΔվળ΍ػೳ௥Ճ Wantedly Visit iOS

    ϓϩμΫτͷഎܠ
  33. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ֤ػೳؒͷͭͳ͕Γ΍
 ϢʔβͷϥΠϑλΠϜΛ௨ͨ͠ମݧʹରͯ͠ɺ
 ࡉ͔ͳվળͰ͸ରԠͰ͖ͳ͍՝୊͕૿Ճ

  34. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. શͯͷσβΠϯΛҰ৽ "UPNJD%FTJHOͷಋೖ ݱࡏஈ֊తʹϦϦʔεɺЌςετத

  35. ©2018 Wantedly, Inc. 8BOUFEMZ7JTJUJ04Ͱͷಋೖ "UPNJD%FTJHOΛͲͷΑ͏ʹೖΕ͔ͨ

  36. ©2018 Wantedly, Inc.  ίϯϙʔωϯτͷ෼ׂ͸σβΠφ͕ओಋ w σβΠφ͸શମΛ၆ᛌཻͯ͠౓Λἧ͑Δ w ίϯϙʔωϯτͷ໋໊΋σβΠφ͕ϕʔεɺඞཁ͕͋Ε͹ΤϯδχΞ͕ؔ༩ w

    ࣮૷ϨϕϧͰ෼ׂͰ͖ͦ͏ͳ΋ͷ͸దٓ෼ׂ Wantedly Visit iOS Ͱͷํ਑
  37. ©2018 Wantedly, Inc.  "UPN .PMFDVMF 0SHBOJTN 1BHFΛಋೖ w ଟ༷ͳػೳɺߴ౓ͳந৅Խ͕ٻΊΒΕΔͨΊ΄΅શͯͷϨϕϧΛಋೖ

    w 5FNQMBUF͸ݱ࣌఺Ͱઃܭίετ͕ߴ͘ϝϦοτʹݟ߹Θͳ͍ͱ൑அ w ࣮૷Ͱ͸ɺिؒ΄ͲͰ"UPNT .PMFDVMFTͷϕʔεΛ࡞੒ɺ͋ͱ͸దٓ௥Ճ Wantedly Visit iOS Ͱͷํ਑
  38. ©2018 Wantedly, Inc. Wantedly Visit iOS Ͱͷํ਑ Dependency Graph

  39. ©2018 Wantedly, Inc. 7JTJUJ04Ͱͷ࣮૷ํ๏ ΑΓ۩ମతͳ࣮૷ʹ͍ͭͯ

  40. ©2018 Wantedly, Inc. Ϟδϡʔϧ෼ׂ 7JTJUJ04Ͱͷ࣮૷ํ๏ w ֤Ϟδϡʔϧͷґଘάϥϑͱ"UPNJD%FTJHOͷґଘάϥϑΛಉ͡ʹ͢Δ w ґଘ͢ΔͨΊʹ͸Ϟδϡʔϧͷʮ5BSHFU%FQFOEFODJFTʯʹؚΊͯɺ
 ֤ϑΝΠϧͰʮJNQPSUʯ͢Δඞཁ͕͋ΔͨΊɺґଘؔ܎Λյ͠ʹ͍͘

    Import VisitAtoms // You can use atoms here
  41. ©2018 Wantedly, Inc. Ϟδϡʔϧ෼ׂ Module dependency graph

  42. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. 7JTJU"UPNT ΞηοτͱϕʔεͱͳΔදݱ

  43. ©2018 Wantedly, Inc.  Ξηοτ w ΧϥʔύϨοτ΍ΞΠίϯ΍ςΩετελΠϧ  ϕʔεͱͳΔදݱ w

    Ϙλϯ΍ϥϕϧ w 7JFXͷந৅తͳσβΠϯͷύλʔϯͳͲ Atom - ݪࢠ ʹؚ·ΕΔ΋ͷ
  44. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. Ξηοτ ΧϥʔύϨοτ΍ΞΠίϯ΍ςΩετελΠϧ

  45. ©2018 Wantedly, Inc. ΧϥʔύϨοτ ΞϓϦέʔγϣϯͰར༻͢Δ৭Ͱɺ$PMPSͱ͍͏ 4USVDUͷTUBUJD MFUͰఆٛ͞Ε͍ͯΔɻίʔυ͸৭ఆ ٛͷZBNMΑΓࣗಈੜ੒͞Ε͍ͯΔɻ "UPNݪࢠʹؚ·ΕΔ΋ͷ Ξηοτ

  46. ©2018 Wantedly, Inc. ΧϥʔύϨοτ ΞϓϦέʔγϣϯͰར༻͢Δ৭Ͱɺ$PMPSͱ͍͏ 4USVDUͷTUBUJD MFUͰఆٛ͞Ε͍ͯΔɻίʔυ͸৭ఆ ٛͷZBNMΑΓࣗಈੜ੒͞Ε͍ͯΔɻ "UPNݪࢠʹؚ·ΕΔ΋ͷ Ξηοτ

  47. ©2018 Wantedly, Inc. ΞΠίϯ ΞϓϦέʔγϣϯͰར༻͢ΔΞΠίϯͰɺ*DPOͱ͍ ͏&OVNͰఆٛ͞Ε͍ͯΔɻΞΠίϯͷఆٛ͸4LFUDI ϑΝΠϧͰ͞Ε͓ͯΓɺ͔ͦ͜Β1%'ͷ"TTFU $BUBMPHͱίʔυΛࣗಈੜ੒ɻ·ͨɺ6**NBHF΍ 6**NBHF7JFXΛฦ͢ϝιου΋༻ҙ͍ͯ͠Δɻ "UPNݪࢠʹؚ·ΕΔ΋ͷ

    Ξηοτ
  48. ©2018 Wantedly, Inc. ΞΠίϯ ΞϓϦέʔγϣϯͰར༻͢ΔΞΠίϯͰɺ*DPOͱ͍ ͏&OVNͰఆٛ͞Ε͍ͯΔɻΞΠίϯͷఆٛ͸4LFUDI ϑΝΠϧͰ͞Ε͓ͯΓɺ͔ͦ͜Β1%'ͷ"TTFU $BUBMPHͱίʔυΛࣗಈੜ੒ɻ·ͨɺ6**NBHF΍ 6**NBHF7JFXΛฦ͢ϝιου΋༻ҙ͍ͯ͠Δɻ "UPNݪࢠʹؚ·ΕΔ΋ͷ

    Ξηοτ
  49. ©2018 Wantedly, Inc. ςΩετελΠϧ ΞϓϦέʔγϣϯͰར༻͢ΔςΩετελΠϧͳͲ ΋5FYU4UZMFͱ͍͏4USVDUͰఆٛ͞Ε͍ͯͯɺ֤ελ Πϧͷఆٛ͸TUBUJDMFUͰ͞Ε͍ͯΔɻ "UPNݪࢠʹؚ·ΕΔ΋ͷ Ξηοτ

  50. ©2018 Wantedly, Inc. ςΩετελΠϧ ΞϓϦέʔγϣϯͰར༻͢ΔςΩετελΠϧͳͲ ΋5FYU4UZMFͱ͍͏4USVDUͰఆٛ͞Ε͍ͯͯɺ֤ελ Πϧͷఆٛ͸TUBUJDMFUͰ͞Ε͍ͯΔɻ "UPNݪࢠʹؚ·ΕΔ΋ͷ Ξηοτ

  51. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ϕʔεදݱ ϥϕϧ΍Ϙλϯɺ7JFXͷ൚༻తͳදݱ

  52. ©2018 Wantedly, Inc. "UPN&YUFOTJPO ཁૉͷҰ෦ͱͳΔͨΊʹ "UPN͸ඞͣཁૉͷҰ෦ʹͳΓ·͢ɻϕʔεͷදݱΛ ඞཁͱ͢ΔΫϥε͸ɺBUPNϝιουΛ௨֦ͯ͠ுΛ ݺͼग़͠·͢ɻ "UPNݪࢠʹؚ·ΕΔ΋ͷ ϕʔεදݱ

  53. ©2018 Wantedly, Inc. 6*7JFX "UPN ઌ΄Ͳͷ"UPN&YUFOTJPOΛ࢖͍͖ͬͯ·͢ɻACBTFA ͕6*7JFXͰɺඞཁͳϓϩύςΟΛηοτ͢Δϝιο υΛ௥Ճ͍͖ͯ͠·͢ɻ
 ྫ͑͹ɺ3FBDUJWF#BDLHSPVOEͱݺ͹ΕΔίϯϙʔ ωϯτΛ࡞Δ৔߹͸ɺ6*7JFXͷΠϯελϯεʹର͠

    ͯAWJFXBUPNBQQMZ3FBDUJWF#BDLHSPVOE SPVOE  AͷΑ͏ʹద༻͠·͢ɻ "UPNݪࢠʹؚ·ΕΔ΋ͷ ϕʔεදݱ
  54. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. $PNQPOFOUT ଞʹ΋ͨ͘͞Μͷ"UPN͕ଘࡏ͠·͢

  55. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. 7JTJU.PMFDVMFT γϯϓϧͰػೳతͳ୯Ґ

  56. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. .PMFDVMFT͔Β͸Ϋϥεఆٛ

  57. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. "UPNΛద༻͢Δ͚ͩ

  58. ©2018 Wantedly, Inc.  #VUUPOT  4FDUJPO)FBEFS  "DUJPO4IFFU*UFN Molecule

    - ෼ࢠʹؚ·ΕΔ΋ͷ
  59. ©2018 Wantedly, Inc. #VUUPOT ༷ʑͳϘλϯ "UPNTͰ͸จࣈྻ΍എܠͷάϥσʔγϣϯͳͲΛఏ ڙ͍ͯ͠·͢ɻͦΕΒΛద༻͠ɺΑΓػೳతͳϘλ ϯΛߏ੒͍ͯ͠·͢ɻ .PMFDVMF෼ࢠʹؚ·ΕΔ΋ͷ

  60. ©2018 Wantedly, Inc. 4FDUJPO)FBEFST ηΫγϣϯϔομʔ ΞΠίϯ΍ςΩετελΠϧͳͲΛ૊Έ߹Θͤͯɺ ηΫγϣϯϔομʔΛ࡞Γ·͢ɻ͜Ε͸ɺίϨΫγϣ ϯϏϡʔ΍ελοΫϏϡʔͳͲͰར༻͞Ε·͢ɻ .PMFDVMF෼ࢠʹؚ·ΕΔ΋ͷ

  61. ©2018 Wantedly, Inc. ΞΠίϯ΍άϥσʔγϣϯɺΧϥʔύϨοτ΍ςΩ ετελΠϧͳͲ͕૊Έ߹Θ͞ΕͯɺΞΫγϣϯγʔ τͷΞΠςϜΛ࡞Γ·͢ɻ .PMFDVMFT෼ࢠʹؚ·ΕΔ΋ͷ "DUJPO4IFFU*UFN7JFX ΞΫγϣϯγʔτͷΞΠςϜ

  62. ©2018 Wantedly, Inc. "UPNͷ*DPO΍άϥσʔγϣϯɺΧϥʔύϨοτ΍ ςΩετελΠϧͳͲ͕૊Έ߹Θ͞Ε͍ͯΔɻ .PMFDVMFT෼ࢠʹؚ·ΕΔ΋ͷ "DUJPO4IFFU*UFN7JFX

  63. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. $PNQPOFOUT ଞʹ΋ͨ͘͞Μͷ.PMFDVMFT͕ଘࡏ͠·͢

  64. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. 7JTJU0SHBOJTNT ΑΓෳࡶͰػೳతͳ୯Ґ

  65. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ෳࡶͳϢʔβετʔϦΛ׎͑Δ খ͞ͳϢʔβετʔϦ͔Βେ͖ͳϢʔβετʔϦ΁

  66. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ϏδωεϩδοΫͱ݁߹͍ͯ͘͠ ΑΓΤϯςΟςΟͷ৘ใΛ஌͍ͬͯ͘

  67. ©2018 Wantedly, Inc.  ืूͷηϧͱͦͷҰཡ  ౤ߘͷηϧͱͦͷҰཡ Organisms - ༗ػମ

    ʹؚ·ΕΔ΋ͷ
  68. ©2018 Wantedly, Inc. 1SPKFDU$FMM ืूͷηϧ .PMFDVMFTͰߏ੒ͨ͠ϔομʔ΍ΞΠίϯϘλϯ ӈ ্ Λར༻͠ɺืूͷηϧΛ࡞Δɻ .PMFDVMF෼ࢠʹؚ·ΕΔ΋ͷ

  69. ©2018 Wantedly, Inc. 1SPKFDUT7JFX$POUSPMMFS ืूͷҰཡ 6*$PMMFDUJPO7JFXΛར༻͠ɺҰཡΛ࡞Δɻ .PMFDVMF෼ࢠʹؚ·ΕΔ΋ͷ

  70. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. $PNQPOFOUT ଞʹ΋ͨ͘͞Μͷ0SHBOJTNT͕ଘࡏ͠·͢

  71. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. 7JTJU 1BHFT ΞϓϦέʔγϣϯͷશͯ

  72. ©2018 Wantedly, Inc. ϖʔδ w Ϟʔμϧ΍ηϛϞʔμϧͳͲ΋ϖʔδ ʹؚΊ͍ͯ·͢ w Ҏ্ͷϖʔδ͕ଘࡏ 1BHFϖʔδʹؚ·ΕΔ΋ͷ

  73. ©2018 Wantedly, Inc. ·ͱΊ

  74. ©2018 Wantedly, Inc.  "UPNJD%FTJHO͸ԽֶͷݪࢠΛϞνʔϑʹͨ͠ ґଘؔ܎͕ίΞίϯηϓτ  ϨϕϧΛ෼͚Δͱத਎͕༰қʹ૝૾Ͱ͖ΔΑ͏ʹ ͳΔ 

    ࠓޙɺ6*ͷ࣮૷ΛҰཡͰ֬ೝͰ͖ΔΑ͏ͳΧλ ϩάΛ࡞Γ͍ͨ ·ͱΊͱࠓޙ
  75. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. 5IBOLZPV