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

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

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
   ʹೖ ࣾɻݱࡏ͸
   8BOUFEMZ
   7JTJUͷάϩʔεΛ8FCͱJ04ͷϓ ϥοτϑΥʔϜͰߦͳ͍ͬͯ·͢ɻJ04
   ྺ͸൒೥Ͱ͢ɻ
   5XJUUFS
   !OHULOU
3. ©2018 Wantedly, Inc.  "UPNJD
   %FTJHO
   ͱ͸Կ͔
    "UPNJD
   %FTJHO
   ΛνʔϜʹಋೖ͢Δํ๏
    8BOUFEMZ
   7JTJU
   J04
   Ͱͷ࣮ྫ
   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. 8BOUFEMZ
    7JTJU
    J04 7JTJU
    J04
    ͷ֓ཁͱ͋ͨΒ͍͠σβΠϯʹ͍ͭͯ
30. ©2018 Wantedly, Inc. 8BOUFEMZ
    7JTJU ʮؾʹͳΔձࣾʹؾܰʹ࿩Λฉ͖ʹߦ͚Δʯϓϩμ ΫτͰɺʮڞײΛ࣠ʹνʔϜʹग़ձ͏ʯମݧΛத৺ ʹઃܭ͍ͯ͠·͢ɻ ϓϩμΫτʹ͍ͭͯ
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. 8BOUFEMZ
    7JTJU
    J04Ͱͷಋೖ "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. 7JTJU
    J04
    Ͱͷ࣮૷ํ๏ ΑΓ۩ମతͳ࣮૷ʹ͍ͭͯ
40. ©2018 Wantedly, Inc. Ϟδϡʔϧ෼ׂ 7JTJU
    J04
    Ͱͷ࣮૷ํ๏ 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Ͱఆٛ͞Ε͍ͯͯɺ֤ελ Πϧͷఆٛ͸TUBUJD
    MFUͰ͞Ε͍ͯΔɻ "UPN
    
    ݪࢠ
    ʹؚ·ΕΔ΋ͷ Ξηοτ
50. ©2018 Wantedly, Inc. ςΩετελΠϧ ΞϓϦέʔγϣϯͰར༻͢ΔςΩετελΠϧͳͲ ΋5FYU4UZMFͱ͍͏4USVDUͰఆٛ͞Ε͍ͯͯɺ֤ελ Πϧͷఆٛ͸TUBUJD
    MFUͰ͞Ε͍ͯΔɻ "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
     "DUJPO
    4IFFU
    *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. 5IBOL
    ZPV