これからはじめる非エンジニアのための開発環境構築 Git/GitHubによるソースコード管理編

Slide 1

Slide 1 text

͜Ε͔Β͸͡ΊΔ ඇΤϯδχΞͷͨΊͷ։ൃ؀ڥߏங Git/GitHubʹΑΔιʔείʔυ؅ཧฤ

Slide 2

Slide 2 text

ຊ೔ͷ಺༰ ɾιϑτ΢ΣΞ։ൃͷྲྀΕ ɾ։ൃ؀ڥͷ؅ཧํ๏ʹ͍ͭͯ ɾGit/GitHubʹ͍ͭͯ ɾGitHubϋϯζΦϯ ɾ࣭ٙԠ౴

Slide 3

Slide 3 text

ιϑτ΢ΣΞ։ൃͷྲྀΕ { } > xlsx docx md ઃఆ৘ใ ։ൃπʔϧ ʢ౷߹։ൃ؀ڥɺΤσΟλɺपลπʔϧʣ ιʔείʔυ ը૾ υΩϡϝϯτ 1.ઃܭ 2.࣮૷ɾςετ ઃܭΛݩʹ࣮૷ υΩϡϝϯτʹ ϑΟʔυόοΫ 3.ϦϦʔε pptx 4.αϙʔτɾΞοϓσʔτ

Slide 4

Slide 4 text

։ൃ؀ڥΛ؅ཧ͢Δ໨త ϦϦʔεͨ͠  ࣮ߦܗࣜ΋͘͠͸αʔϏεͱ  ಉ͡΋ͷΛ࠶ݱՄೳʹ͢Δ

Slide 5

Slide 5 text

ROMσʔλ͔Βιʔείʔυ ෮ݩͨ͠࿩͢Δʁ

Slide 6

Slide 6 text

։ൃϓϩηεͰ࡞੒͢Δσʔλ { } > xlsx docx md ιʔείʔυ ΞΠίϯσʔλɺը૾ͳͲ ઃఆ৘ใ υΩϡϝϯτʢςΩετܗࣜʣ υΩϡϝϯτʢOfﬁceจॻͳͲʣ pptx

Slide 7

Slide 7 text

νʔϜ։ൃͰͷϙΠϯτ { } > xlsx docx md pptx { } > xlsx docx md pptx ࡞ۀ଴ͪ΍ख໭ΓΛൃੜͤͣ͞ʹ࡞ۀΛਐΊΔ ڞ༗

Slide 8

Slide 8 text

ϑΝΠϧͷछྨʹΑͬͯڞ༗ํ๏Λ࢖͍෼͚Δ { } > xlsx docx md ιʔείʔυ ΞΠίϯσʔλɺը૾ͳͲ ઃఆ৘ใ υΩϡϝϯτʢςΩετܗࣜʣ υΩϡϝϯτʢOfﬁceจॻͳͲʣ pptx ڞ༗αʔόʔ

Slide 9

Slide 9 text

Gitͷಛ௕ ςΩετϑΝΠϧΛߦ୯ҐͰ؅ཧͰ͖Δ  →ಉ͡ϑΝΠϧΛผʑʹߋ৽ͨ͠৔߹Ͱ΋ɺ  ɹޙͰ݁߹ʢϚʔδʣ͕Մೳ ϑΝΠϧ୯ҐͱϓϩδΣΫτ୯Ґͷ  ྆ํͷཤྺ͕؅ཧͰ͖Δ  →೚ҙͷ࣌఺ʢόʔδϣϯʣͷ  ɹϓϩδΣΫτͷঢ়ଶΛऔΓग़ͤΔɻ

Slide 10

Slide 10 text

Git͕޲͍͍ͯͳ͍༻్ ɾόΠφϦϑΝΠϧͷ؅ཧ  ɹˠͨͩ͠ɺϓϩδΣΫτ಺ͷը૾͸GitͰ؅ཧ    ɾେ༰ྔͷϑΝΠϧͷ؅ཧ  ɹˠಈըϑΝΠϧͳͲ

Slide 11

Slide 11 text

Ofﬁceจॻ͸ڞ༗ϑΥϧμͰ ɾGitͰͷࠩ෼؅ཧ͕Ͱ͖ͳ͍  ɹˠख࡞ۀʹΑΔϚʔδ͕ඞཁɻ ɾଞͷਓ͕։͍͍ͯΔ͔Ͳ͏͔͕Θ͔Δɻ  ɹˠಉ࣌ʹมߋ͢Δ͜ͱ͕๷͛Δɻ    ͜ΕΒͷϑΝΠϧ͸ڞ༗ϑΥϧμͰͷ  ڞ༗ͷํ͕ޮ཰͕ྑ͍ɻ

Slide 12

Slide 12 text

Markdownʹ͍ͭͯ ɾςΩετ͚ͩͰɺจॻߏ଄Λهड़Ͱ͖Δهड़ํࣜ ɾςΩετ͚ͩͰهड़Ͱ͖ΔͨΊɺΩʔϘʔυૢ࡞͚ͩͰ  ɹॻࣜΛઃఆͰ͖ɺ׳ΕΔͱจॻ࡞੒͕଎͘ͳΔɻ ɾςΩετܗࣜͳͷͰGit/GitHubͰͷཤྺ؅ཧ͕Մೳɻ ɾαʔϏεʹΑͬͯ࢓༷ʹҧ͍͕͋Δɻ

Slide 13

Slide 13 text

ϑΝΠϧͷछྨʹΑͬͯڞ༗ํ๏Λ࢖͍෼͚Δ { } > xlsx docx pptx { } > md md ڞ༗ϑΥϧμ Git Git

Slide 14

Slide 14 text

Git ʹ͍ͭͯ

Slide 15

Slide 15 text

Gitͱ͸ ιʔείʔυΛؚΉ։ൃ؀ڥͷߋ৽ཤྺΛ؅ཧ͢Δ  ΦʔϓϯιʔεͷγεςϜɺແྉͰར༻Մೳɻ Linuxͷ։ൃऀͰ͋ΔϦʔφεɾτʔόϧࢯ͕։ൃɻ ෳ਺ͷόʔδϣϯɺաڈͷཤྺΛ͢΂ͯ؅ཧͰ͖ɺ  ඞཁͳ࣌ظͷ։ൃ؀ڥΛ͍ͭͰ΋औΓग़͢͜ͱ͕Ͱ͖Δɻ ςΩετϑΝΠϧͰ͋Ε͹ɺมߋ಺༰ʹΑͬͯ͸ࠩ෼Λࣗಈ తʹϚʔδͰ͖Δɻ

Slide 16

Slide 16 text

ͨͱ͑͹͜Μͳ࣌ ɾ੡඼ͱͯ͠ver.1.0ΛϦϦʔε ɾݱࡏόʔδϣϯΞοϓ൛Λ։ൃத ɾࢢ৔Ͱෆ۩߹͕ݟ͔ͭͬͨͷͰɺ  ɹࢸٸରࡦ͕ඞཁʂ

Slide 17

Slide 17 text

։ൃ൛ͱ͸ผʹରࡦ൛͕ඞཁʹͳͬͨʂ release next taisaku ϦϦʔε൛ ։ൃ్த൛ ࢑ఆରԠ൛ ϓϩδΣΫτͷίϐʔΛ࡞੒ ͯ͠όʔδϣϯΞοϓ։ൃ ϓϩδΣΫτͷίϐʔΛ࡞੒ ͯ͠ରࡦ൛Λ࡞੒ ϦϦʔε ରࡦ಺༰Λ։ൃ൛ʹ΋ ൓ө͠ͳ͚Ε͹ͳΒͳ͍

Slide 18

Slide 18 text

GitΛ࢖͏ͱ͜Ε͕؆୯ʹͳΔ ɾϓϩδΣΫτϑΥϧμͷίϐʔ͕؆୯ʹͰ͖Δɻ ɾϓϩδΣΫτϑΥϧμͷ੾Γସ͕͑ίϚϯυҰൃͰͰ͖Δɻ ɾมߋ಺༰ΛࣗಈͰϚʔδͰ͖Δ  ɹˠ಺༰ʹΑͬͯ͸ਓؒͷख࡞ۀ͕ඞཁɻ

Slide 19

Slide 19 text

Gitͷ༻ޠ ༻ޠ ҙຯ ϦϙδτϦ ϓϩδΣΫτΛ؅ཧ͢ΔͨΊͷೖΕ෺ ϒϥϯν branch ϓϩδΣΫτϑΥϧμͷίϐʔΛ࡞ͬͨΓɺ੾Γସ͑Δૢ࡞ ίϛοτ commit ϦϙδτϦʹมߋ಺༰Λొ࿥͢Δૢ࡞ ϓογϡ push ϩʔΧϧʢࣗ෼ͷPCʣͷϦϙδτϦΛαʔόʔ্ͷ ϦϙδτϦʹొ࿥͢Δૢ࡞ Ϋϩʔϯ clone αʔόʔ্ͷϦϙδτϦ͔ΒϩʔΧϧʹίϐʔΛ࡞Δૢ࡞

Slide 20

Slide 20 text

GitͷσʔλͷྲྀΕ ϓϩδΣΫτϑΥϧμ ίϛοτ (commit) ϓογϡ (push) ϩʔΧϧϦϙδτϦ ʢPC಺ʣ ϦϞʔτϦϙδτϦ ʢαʔόʔ಺ʣ ϒϥϯν (branch)

Slide 21

Slide 21 text

GitHubʹ͍ͭͯ

Slide 22

Slide 22 text

GitHubͱ͸ ɾGitͷϦϞʔτϦϙδτϦΛఏڙ͢ΔαʔϏεɻ ɾެ։ϦϙδτϦͷΈͰ͋Ε͹ແྉɻ  ɹඇެ։ϦϙδτϦΛ࢖͏৔߹͸༗ྉɻ  ɹˠ̍ਓͳΒ$7/݄ɻνʔϜͷ৔߹͸ਓ਺ʹΑͬͯҟͳΔɻ ɾσʔλ؅ཧҎ֎ʹɺλεΫ؅ཧɺόά؅ཧͷ࢓૊Έ΋ఏڙ ɾWebαΠτͷ࡞੒ͱެ։΋Մೳɻ ɾެ։ϦϙδτϦ͸͢΂ͯͷσʔλ͕ӾཡՄೳͰ͋Δ͜ͱʹ஫ҙ

Slide 23

Slide 23 text

GitHubϋϯζΦϯ

Slide 24

Slide 24 text

ϋϯζΦϯͷखॱ 1. GitHub Desktopͷμ΢ϯϩʔυͱΠϯετʔϧ 2. GitHubΞΧ΢ϯτͷ࡞੒ 3. GitHub Desktopͷઃఆ 4. ϦϙδτϦ࡞੒ 5. ϦϙδτϦͷΫϩʔϯ 6. ϑΝΠϧͷ௥Ճͱίϛοτ 7. ϦϞʔτϦϙδτϦ΁ͷϓογϡ 8. ϒϥϯνͷ࡞੒ͱ੾Γସ͑ 9. มߋ಺༰ͷϚʔδ

Slide 25

Slide 25 text

1. GitHub Desktopͷμ΢ϯϩʔυͱΠϯετʔϧ 1. ҎԼͷURLʹΞΫηεͯ͠ɺදࣔ͞ΕΔμ΢ϯϩʔυ  ɹϘλϯΛԡͯ͠”GitHub Desktop”Λμ΢ϯϩʔυ  https://desktop.github.com/ 2. μ΢ϯϩʔυͨ͠ϑΝΠϧ͔ΒΠϯετʔϧΛ࣮ߦɻ    Windowsͷ৔߹  →μ΢ϯϩʔυͨ͠”GitHubDesktopSetup.exe”ΛμϒϧΫϦοΫͯ͠  ࣮ߦ͠ɺදࣔ͞ΕΔखॱʹैͬͯΠϯετʔϧɻ    Macͷ৔߹  →μ΢ϯϩʔυͨ͠”GitHubDesktop.zip”ΛμϒϧΫϦοΫͯ͠ల։ɻ ల։ޙͷ”GitHub Desktop.app”ΛΞϓϦέʔγϣϯϑΥϧμʹҠಈɻ

Slide 26

Slide 26 text

2. GitHubΞΧ΢ϯτͷ࡞੒(1/4) https://github.com/ ʹΞΫηε͠ɺදࣔ͞Εͨը໘Ͱ  Ϣʔβʔ໊ɺϝʔϧΞυϨεɺύεϫʔυΛೖྗ

Slide 27

Slide 27 text

2. GitHubΞΧ΢ϯτͷ࡞੒(2/4) ૊৫ΞΧ΢ϯτΛ࡞ΔͲ͏͔ͷ֬ೝɻ ݸਓΞΧ΢ϯτͰ͋Ε͹νΣοΫΦϑ GitHub͔ΒͷϝϧϚΨૹ৴Մ൱  ෆՄͰ͋Ε͹νΣοΫΦϑ ϓϥϯͷબ୒ ༗ྉϓϥϯͳΒඇެ։ϦϙδτϦͷ࡞੒͕Մೳ

Slide 28

Slide 28 text

2. GitHubΞΧ΢ϯτͷ࡞੒(3/4) ϓϩάϥϛϯάͷܦݧΛೖྗ ࠨ͕Ұ൪ܦݧ͕ߴ͍ GitHubͷ࢖༻໨త ͋ͳͨࣗ਎ͷଐੑɻಇ͍͍ͯΔɺ ֶੜɺϗϏʔΠετɺͦͷଞ SubmitͰ׬ྃ

Slide 29

Slide 29 text

2. GitHubΞΧ΢ϯτͷ࡞੒(4/4) ɾొ࿥࣌ͷϝʔϧΞυϨεͰҎԼͷϝʔϧ͕ड৴͞Ε͍ͯΔͷΛ  ɹ֬ೝ͢Δɻ ɾϝʔϧຊจʹදࣔ͞Ε͍ͯΔҎԼͷϘλϯΛબ୒͢Δɻ Ҏ্ͰɺGitHubΞΧ΢ϯτͷ࡞੒͸׬ྃͰ͢ɻ  ඞͣϝʔϧͷ֬ೝ·ͰΛߦͳ͍ͬͯͩ͘͞ɻ

Slide 30

Slide 30 text

3. GitHub Desktopͷઃఆ 1. GitHub.comͷํͷ"Sign in”Λબ୒ 2. Ϣʔβʔ໊ʢ΋͘͠͸ϝʔϧΞυϨεʣͱ  ύεϫʔυΛೖྗͯ͠”Sign in”Λબ୒ 3. ొ࿥࣌ͷϝʔϧΞυϨεʹૹΒΕ͍ͯΔҎԼͷϝʔϧͷɺຊจ಺ͷϦϯΫΛΫϦοΫ͢Δɻ Ҏ্ͰɺGitHub Desktopͷઃఆ͸׬ྃͰ͢ɻ ඞͣϝʔϧͷ֬ೝ·ͰΛߦͳ͍ͬͯͩ͘͞ɻ

Slide 31

Slide 31 text

4. ϦϙδτϦ࡞੒ 1. ӈ্ͷ”+”ϝχϡʔ͔ΒʮNew repositoryʯΛબ୒ɻ

Slide 32

Slide 32 text

4. ϦϙδτϦ࡞੒ 1.ඞཁࣄ߲ΛೖྗΛೖྗͯ͠ʮCreate repositoryʯΛબ୒ɻ ϦϙδτϦ໊ʢҰൠతʹ͸ϓϩδΣΫτ໊ʣ Publicʢެ։ʣ͔Privateʢඇެ։ʣΛબ୒ READMEΛ࡞੒͢ΔʹνΣοΫΛೖΕΔ

Slide 33

Slide 33 text

5. ϦϙδτϦͷΫϩʔϯ 1.ϦϙδτϦͷը໘͔ΒʮClone or downloadʯϘλϯΛԡ͠ʮOpen in DesktopʯΛબ୒͠ ·͢ɻɹ

Slide 34

Slide 34 text

5. ϦϙδτϦͷΫϩʔϯ 1.ϦϙδτϦͷը໘͔ΒʮClone or downloadʯϘλϯΛԡ͠  ʮOpen in DesktopʯΛબ୒͠·͢ɻɹ 2.ϦϙδτϦͷอଘઌΛબ୒ͯ͠ʮCloneʯΛબ୒

Slide 35

Slide 35 text

6. ϑΝΠϧͷ௥Ճͱίϛοτ 1.ϦϙδτϦͷอଘઌͱͯ͠ࢦఆͨ͠ϑΥϧμʹɺϑΝΠϧΛίϐʔ͠·͢ɻ 2.GitHub Desktopʹ௥Ճ͞ΕͨϑΝΠϧ͕ҎԼͷΑ͏ʹදࣔ͞Ε·͢ͷͰɺ  มߋ಺༰ͷઆ໌Λهೖͯ͠ɺ”Commit to master”Λબ୒͢Δͱɺมߋ಺༰͕อଘ͞Ε·͢ɻ

Slide 36

Slide 36 text

7. ϦϞʔτϦϙδτϦ΁ͷϓογϡ ίϛοτૢ࡞Λͨ͠ޙͷGitHub DesktopʹҎԼͷද͕ࣔ͋Γ·͢ɻ ͜Ε͸ɺϩʔΧϧϦϙδτϦʹϓογϡ͍ͯ͠ͳ͍ίϛοτ͕1ͭ͋Δ͜ͱΛ  ද͍ͯ͠·͢ɻ  ͜ͷදࣔࣗମ͕Ϙλϯʹͳ͍ͬͯ·͢ͷͰɺ͜͜Λબ୒͢ΔͱϩʔΧϧͷมߋ಺༰͕  ϦϞʔτʹૹΒΕɺϩʔΧϧͱϦϞʔτͷ಺༰͕ಉ͡ʹͳΓ·͢ɻ

Slide 37

Slide 37 text

8. ϒϥϯνͷ࡞੒ͱ੾Γସ͑(1/4) GitHub Desktopͷը໘্෦ͷʮCurrent BranchʯΛΫϦοΫ͢ΔͱϒϥϯνͷҰཡ͕ද ࣔ͞Ε·͢ɻݱࡏ͸ʮmasterʯ͔͋͠Γ·ͤΜɻ ৽͍͠ɺ։ൃ༻ϒϥϯνͷ໊લͱͯ͠ʮdevʯΛೖྗͯ͠ʮCreate New BranchʯΛબ୒ ͠·͢ɻ ݱࡏͷϒϥϯν͕ʮdevʯʹมΘΓ·ͨ͠ɻ

Slide 38

Slide 38 text

8. ϒϥϯνͷ࡞੒ͱ੾Γସ͑(2/4) ʮcount10.htmlʯͷλΠτϧͷ෦෼Λʮαϯϓϧʯ͔ΒʮΧ΢ϯτμ΢ϯʯʹมߋ͠·͢ɻ มߋ͞ΕͨϑΝΠϧͱͯ͠ʮcount10.htmlʯ͕දࣔ͞Εɺมߋ಺༰͕දࣔ͞Ε·͢ɻ  GitͰ͸ߦ୯ҐͰ੺৭ͷߦ͕࡟আ͞Εͨߦɺ྘৭ͷߦ͕௥Ճ͞Εͨߦͱͯ͠දࣔ͞Ε·͢ɻ มߋ಺༰ͷίϝϯτΛೖྗͯ͠ίϛοτ͠·͢ɻ

Slide 39

Slide 39 text

8. ϒϥϯνͷ࡞੒ͱ੾Γସ͑(3/4) ϒϥϯνϝχϡʔ͔ΒʮmasterʯΛબ୒ͯ͠ϒϥϯνΛʮmasterʯʹ໭͠·͢ɻ ΋͏Ұ౓ʮcount10.htmlʯΛΤσΟλͰ։͍ͯΈ͍ͯͩ͘͞ɻ  λΠτϧ͕มߋલͷʮαϯϓϧʯʹ໭͍ͬͯΔ͜ͱ͕Θ͔Γ·͢ɻ ͜Ε͸ɺGit͕ʮmasterʯͱʮdevʯͱ͍͏2ͭͷϑΥϧμΛ੾Γସ͍͑ͯΔ͔ΒͰɺ  ઌ΄Ͳͷมߋ͸ʮdevʯͷํʹ൓ө͞Ε͍ͯ·͢ɻ

Slide 40

Slide 40 text

8. ϒϥϯνͷ࡞੒ͱ੾Γସ͑(4/4) GitΛ࢖ͬͨγεςϜͰ͸ɺPC্ͷϑΥϧμ͸Git͕؅ཧ͢ΔϑΥϧμΛݟΔͨΊͷ૭Ͱ͔͠ ͳ͘ɺͲͷϑΥϧμͷ಺༰Λදࣔ͢Δ͔͸GitͷʮbranchʯίϚϯυͰ੾Γସ͑ΒΕ·͢ɻ master dev PC্ͷ࣮ࡍͷϑΥϧμ branchͰ੾Γସ͑ PCͷϑΥϧμ͸Gitͷ த਎ΛݟΔͨΊͷ૭

Slide 41

Slide 41 text

9. มߋ಺༰ͷϚʔδ(1/3) ࠷ޙʹʮdevʯͰมߋͨ͠λΠτϧͷมߋΛʮmasterʯʹ൓ө͠·͢ʢϚʔδʣɻ  ൓өઌͷʮmasterʯϒϥϯν͕બ୒͞Εͨঢ়ଶʹ͠·͢ɻ ʮBranchʯϝχϡʔ͔ΒʮMerge Into Current Branch…ʯΛબ୒͠·͢ɻ

Slide 42

Slide 42 text

9. มߋ಺༰ͷϚʔδ(2/3) ൓өݩΛબ୒͢Δը໘ʹͳΓ·͢ͷͰ ʮdevʯΛબ୒͠·͢ɻ  ʮdevʯΛબ୒͢Δͱ൓ө͢Δίϛοτ͕1ͭ ͋Δ͜ͱ͕දࣔ͞Ε·͢ͷͰɺ  ʮMerge dev into masterʯΛબ୒͠·͢ɻ

Slide 43

Slide 43 text

9. มߋ಺༰ͷϚʔδ(3/3) ʮcount10.htmlʯΛ։͍ͯɺλΠτϧͷมߋ͕൓ө͞Ε͍ͯΔ͜ͱΛ֬ೝ͍ͯͩ͘͠͞ɻ  GitHub DesktopͷʮHistoryʯΛΫϦοΫͯ͠ɺλΠτϧͷมߋ͕มߋཤྺʹ  ೖ͍ͬͯΔ͜ͱΛ֬ೝ͠·͢ɻ

Slide 44

Slide 44 text

ಛఆͷϑΝΠϧΛڞ༗ର৅֎ʹ͢Δ ແࢹϑΝΠϧʮ.gitignoreʯΛ࢖͏ͱࢦఆͨ͠ϑΝΠϧΛ  ڞ༗ର৅͔Β֎ͤ·͢ɻ    ྫʣ  ɾϓϩάϥϜΛϏϧυͨ࣌͠ͷόΠφϦϑΝΠϧ΍  ɹதؒϑΝΠϧɻ  ɾ࢖༻͍ͯ͠ΔPCͷυϥΠϒ໊΍ϑΥϧμ໊͕ҟͳΔͳͲ  ɹ։ൃ؀ڥ͕ϝϯόʔʹΑͬͯҟͳΔ৔߹ͷઃఆϑΝΠϧ  ɹˠઃఆϑΝΠϧͷϑΝΠϧ໊ʹʮ.tmplʯͳͲΛ͚ͭͯ  ɹɹςϯϓϨʔτϑΝΠϧͱͯ͠ڞ༗͢Δɻ

Slide 45

Slide 45 text

Git/GitHubΛ࢖͏্ͰؾΛ͚ͭΔ͜ͱ ɾίϛοτ͸Ͱ͖Δ͚ͩখ͍͞୯ҐͰߦ͏͜ͱɻ  ɹˠཤྺ͕ৄࡉʹ؅ཧͰ͖·͢ɻ ɾԿ͔࡞ۀΛ࢝ΊΔ࣌͸໘౗Ͱ΋ϒϥϯνΛ࡞Δɻ  ɹˠϒϥϯνΛ࡞Δɺมߋ͢Δɺ֬ೝ͢ΔɺϚʔδ  ɹɹ͜Ε͕Git/GitHubΛ࢖ͬͨ։ൃͷجຊͰ͢ɻ  ɹɹϒϥϯνΛ࡞͓͚ͬͯ͹߄ͯΔ͜ͱ͸͋Γ·ͤΜɻ ɾͻͱΓͰ։ൃ͢Δ࣌Ͱ΋GitΛ࢖͏  ɹˠ։ൃཤྺ͕͋Δ͜ͱͷ͋Γ͕ͨ͞͸ɺԿ͔໰୊͕  ɹɹىͬͨ࣌͜ʹΘ͔Γ·͢ʢসʣɻ