デザイナーのための便利なGithubの使い方と、大雑把なGitとGithubの説明

Slide 1

Slide 1 text

σβΠφʔͷͨΊͷศརͳ (JUIVCͷ࢖͍ํ ͱɺେࡶ೺ͳ(JUͱ(JUIVCͷઆ໌

Slide 2

Slide 2 text

machida wொా఩ฏͱਃ͠·͢ w5XJUUFS*%͸!NBDIJEB w(JUIVCΞΧ΢ϯτ΋NBDIJEB w߹ಉձࣾϑΟϤϧυͱ͍͏ձࣾͰ  σβΠφʔΛ΍ͬͯ·͢

Slide 3

Slide 3 text

http://kowabana.jp wා͍࿩ͷ౤ߘαΠτʮා࿩ʢ͜Θ͹ ͳʣʯͱ͍͏αʔϏεΛ΍ͬͯ·͢

Slide 4

Slide 4 text

(JUͬͯԿʁ

Slide 5

Slide 5 text

(JUͬͯԿʁ w όʔδϣϯ؅ཧγεςϜͱݺ͹ΕΔ΋ͷͷ̍ͭͰͦͷதͰ΋͍͍΍ͭ w ϦφοΫεΛ࡞ͬͨϦʔφεɾτʔόϧζ͞Μ͕-JOVYΧʔωϧͷ։ൃͷͨΊ ʹ࡞ͬͨʢͦͷલ͸#JU,FFQFSͱ͍͏΍ͭΛ࢖ͬͯͨʣ

Slide 6

Slide 6 text

(JUͬͯԿʁ ♀ ♀ "͞Μ #͞Μ ࡞ۀ ࡞ۀ ࠞͥΔ 1VMM3FRVFTU .FSHF

Slide 7

Slide 7 text

祝☆設立十周年決起集会 ! * 時間:未定 * 会場:未定パーティー ! * 時間:未定 * 会場:未定 QBSUZUYU

Slide 8

Slide 8 text

祝☆設立十周年決起集会 ! * 時間:未定 * 会場:未定パーティー ! * 時間:未定 * 会場:未定 ♀ ܾىूձͷװࣄ  "͞Μ ♀ ύʔςΟʔͷװࣄ  #͞Μ QBSUZUYU

Slide 9

Slide 9 text

祝☆設立十周年決起集会 ! * 時間:未定 * 会場:未定パーティー ! * 時間:未定 * 会場:未定 ܾىूձͷװࣄ  "͞Μͷίϐʔ ύʔςΟʔͷװࣄ  #͞Μͷίϐʔ ίϐʔݩ ίϐʔ ίϐʔ 'PSL 'PSL ♀ ♀ .BTUFS

Slide 10

Slide 10 text

祝☆設立十周年決起集会 ! * 時間:未定 * 会場:未定 ♀ 1VMM3FRVFTU パーティー ! * 時間:未定 * 会場:未定 * 時間:16:30 * 会場:ベルサール汐留 ܾىूձͷװࣄ"͞Μ͕ߦͬͨ࡞ۀ$PNNJU ίϐʔʹ࣌ؒͱձ৔Λهೖͨ͠ ίϐʔݩʹऔΓࠐΜͰ͍ͩ͘͞

Slide 11

Slide 11 text

祝☆設立十周年決起集会 ! * 時間:未定 * 会場:未定 ♀ 1VMM3FRVFTU パーティー ! * 時間:未定 * 会場:未定 * 時間:19:30 * 会場:コンラッド東京 ύʔςΟʔͷװࣄ#͞Μ͕ߦͬͨ࡞ۀ$PNNJU ίϐʔʹ࣌ؒͱձ৔Λهೖͨ͠ ίϐʔݩʹऔΓࠐΜͰ͍ͩ͘͞

Slide 12

Slide 12 text

祝☆設立十周年決起集会 ! * 時間:16:30 * 会場:ベルサール汐留パーティー ! * 時間:19:30 * 会場:コンラッド東京 ♀ ܾىूձͷװࣄ  "͞Μ ♀ ύʔςΟʔͷװࣄ  #͞Μ ೋਓͷߦͬͨ࡞ۀΛίϐʔݩʹࠞͥΔ.FSHF

Slide 13

Slide 13 text

祝☆設立十周年決起集会 ! * 時間:16:30 * 会場:ベルサール汐留パーティー ! * 時間:19:30 * 会場:コンラッド東京 ♀ ܾىूձͷװࣄ  "͞Μ ♀ ύʔςΟʔͷװࣄ  #͞Μ ׬੒ʂʂ

Slide 14

Slide 14 text

ཤྺ͕࢒ͬͯΔ party.txt の変更履歴（Commits） 2014/10/10 10:30 決起集会幹事Aさん“決起集会の時間・会場を記入” 2014/10/11 12:45 パーティー幹事Bさん“パーティーの時間・会場を記入” 2014/10/09 18:30 AさんBさんの上司“party.txt ファイルを作成”

Slide 15

Slide 15 text

party.txt の変更履歴（Commits） 2014/10/10 10:30 決起集会幹事Aさん“決起集会の時間・会場を記入” 2014/10/11 12:45 パーティー幹事Bさん“パーティーの時間・会場を記入” 2014/10/09 18:30 AさんBさんの上司“party.txt ファイルを作成” ࢦఆͨ͠ͱ͖ͷঢ়ଶʹ໭ΕΔ

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

(JUIVCͬͯԿʁ

Slide 19

Slide 19 text

(JUIVCͬͯԿʁ

Slide 20

Slide 20 text

(JUIVCͬͯԿʁ ͜ΕΒΛอଘͰ͖ͯɺϒϥ΢βͰݟΕΔXFCαʔϏε

Slide 21

Slide 21 text

มߋཤྺ

Slide 22

Slide 22 text

มߋ಺༰

Slide 23

Slide 23 text

ίʔυ

Slide 24

Slide 24 text

ͦͷଞ

Slide 25

Slide 25 text

ͦΕ͚ͩ͡Όͳ͍(JUIVC ίϥϘϨʔγϣϯ͕(JUIVCͷ୉ޣຯʂ これについては@ken_c_loさんが後でしゃべります

Slide 26

Slide 26 text

σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ  Կ͕Ͱ͖Δʁ コラボレーションの話は後であるので、こっちは一人で使う場合の話を

Slide 27

Slide 27 text

σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ  Կ͕Ͱ͖Δʁ w QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿͱͯ͠(JUIVCΛ࢖͏ͱศརʁ w ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ͱͯ͠࢖ͬͯΈΔ w ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢ w )5.-Λެ։͢Δαʔόͱͯ͠࢖͏

Slide 28

Slide 28 text

Slide 29

Slide 29 text

QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿ wࢼ͠ʹࡢ೥ͷΫϦεϚεʹ࡞ͬͨ  QTEϑΝΠϧΛ(JUIVCͰެ։ͯ͠ ΈΑ͏ͱͨ͠

Slide 30

Slide 30 text

(JUIVCͰѻ͑ΔϑΝΠϧαΠζ w ϑΝΠϧ.#·Ͱʢ.#Λ௒͑Δͱܯࠂ͕ग़Δʣ w ϓϩδΣΫτ߹ܭ(#·Ͱ

Slide 31

Slide 31 text

͡Ό͋ԿΛஔ͘ʁ w ΞΠίϯGPOUͷݩσʔλ w ΞΠίϯͷݩσʔλ w ࣗ࡞ͷ-*/&ελϯϓͷݩσʔλ w ςϯϓϨʔτ ʜͱ͔ͳΒ͍͍͔΋ɻ  ҹ࡮໨తͷϕΫλʔҎ֎ͷσʔλΛؚΜͩ΍ͭ͸ݫ͍͠ɻ

Slide 32

Slide 32 text

レイヤーをまとめて無理やり Githubにあげてみた

Slide 33

Slide 33 text

QTEϑΝΠϧ͕ϒϥ΢β͔ΒݟΕΔ これは便利！

Slide 34

Slide 34 text

σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ  Կ͕Ͱ͖Δʁ w QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿͱͯ͠(JUIVCΛ࢖͏ͱศརʁ w ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ͱͯ͠࢖ͬͯΈΔ w ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢ w )5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 物と場合による

Slide 35

Slide 35 text

https://www.pixelapse.com/

Slide 36

Slide 36 text

https://www.pixelapse.com/ σβΠϯσʔλ૔ݿͷαʔϏε こっち使ったほうがよくね？

Slide 37

Slide 37 text

https://www.pixelapse.com/ σβΠϯσʔλ૔ݿͷαʔϏε こっち使ったほうがよくね？ ؾʹͳΔ͓஋ஈ͸ʁ w ແྉʜެ։ϓϩδΣΫτͷΈ࡞੒ՄɺϓϩδΣΫτ਺ແݶɺ(·Ͱ w ݄ʜϓϥΠϕʔτϓϩδΣΫτɺ༰ྔແ੍ݶ w ݄ʜϓϥΠϕʔτϓϩδΣΫτɺ༰ྔແ੍ݶ w ݄ʜϓϥΠϕʔτϓϩδΣΫτɺ༰ྔແ੍ݶ w νʔϜϓϥϯ͸ϝϯόʔ਺Ͱֹ͕ۚมΘΔ dropboxと迷うね…

Slide 38

Slide 38 text

Slide 39

Slide 39 text

ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔

Slide 40

Slide 40 text

ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ Ҏલɺ1%Ͱ(FNΛ࡞ͬͯެ։ͱ͍͏ͷΛ΍ͬͯΈͨɻ

Slide 41

Slide 41 text

ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ ֎ࠃͷํ͔ΒϓϧϦΫ͍͖ͨͩ·ͨ͠ Githubすごい！

Slide 42

Slide 42 text

࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢ 0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

Slide 43

Slide 43 text

࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢ Ҋ݅" TBTTʹؔ͢Δ໘౗ w GVODUJPO w NJYJO Ͱղܾ 0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

Slide 44

Slide 44 text

࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢ Ҋ݅" TBTTʹؔ͢Δ໘౗ w GVODUJPO w NJYJO Ͱղܾ Ҋ݅# TBTTʹؔ͢Δ໘౗ w GVODUJPO w NJYJO Ͱղܾ 0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

Slide 45

Slide 45 text

࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢ Ҋ݅" TBTTʹؔ͢Δ໘౗ w GVODUJPO w NJYJO Ͱղܾ Ҋ݅# TBTTʹؔ͢Δ໘౗ w GVODUJPO w NJYJO Ͱղܾ ಉ͡ͷΛॻ͘ͷ͕໘౗ͱ͍͏৽ͨͳ໘౗͕ൃੜ 0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

Slide 46

Slide 46 text

࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢ Ҋ݅" TBTTʹؔ͢Δ໘౗Λղܾ w GVODUJPO w NJYJO Ͱղܾ Ҋ݅# ϥΠϒϥϦ 0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

Slide 47

Slide 47 text

+absolute(left 20px, top 40px) position: absolute  left: 20px  right: 40px font-size: 16px  line-height: 1.8  margin-bottom: 24px  color: white  text-align: center  font-weight: bold +text-block(16px, 1.8, 24px, white, center, bold) margin-left: 20px  margin-right: 40px +horizontal-margin(20px 40px) border-top: black solid 4px  border-bottom: white solid 10px +border((left black 4px, right white 10px), solid) input  &[type=“email"]  &[type=“number"]  &[type=“search"]  &[type=“tel”]  &[type=“url”]  +webfont #{$all-en-text-inputs}  +webfont こういうのの詰め合わせ

Slide 48

Slide 48 text

࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢ ࠓͷͱ͜ΖSBJMT൛ͱNJEEMFNBO൛Λ։ൃͯ͠ΔΜͰ͕͢ʜ

Slide 49

Slide 49 text

࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢ υΩϡϝϯτ͕ͳ͍ͷͰશવ࢖͑ͳ͍ 今年中には書き終えたいなー

Slide 50

Slide 50 text

Slide 51

Slide 51 text

ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢

Slide 52

Slide 52 text

ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢ (JUIVC͸ๅͷࢁͳΜͰ͕͢ɺ͜ͷ๲େͳίʔυͷࢁͷத͔Βࣗ෼ͷ୳͍ͯ͠Δ ๅΛݟ͚ͭΔͷ͸೉͍͠ɻ  खؒΛ͔͚ͣʹ؆୯ʹ(JUIVCʹ͋ΔๅΛ͍ͪૣ͘ݟ͚ͭΔํ๏ͬͯ͋Δʁ

Slide 53

Slide 53 text

ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢ ਆαʔϏε ! ͷ঺հ TUBSTFFLFS http://starseeker.so/

Slide 54

Slide 54 text

ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢ (JUIVCʹ͸5XJUUFSΈ͍ͨʹ'PMMPXͷػೳ͕͋Γ·͢ɻ

Slide 55

Slide 55 text

ؾʹͳΔϓϩδΣΫτʹ͸ʮ͍͍ͶʂʯΈ͍ͨͳײ͡Ͱɺ  4UBSΛ෇͚Δػೳ͕͋Γ·͢ɻ ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢

Slide 56

Slide 56 text

ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢ ͰɺTUBSTFFLFS͸ࣗ෼͕ϑΥϩʔͯ͠ ͍Δਓ͕ԿʹTUBSΛ෇͚͔ͨΛຖ೔ ϝʔϧͰڭ͑ͯ͘ΕΔαʔϏεɻ

Slide 57

Slide 57 text

ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢ ͰɺTUBSTFFLFS͸ࣗ෼͕ϑΥϩʔͯ͠ ͍Δਓ͕ԿʹTUBSΛ෇͚͔ͨΛຖ೔ ϝʔϧͰڭ͑ͯ͘ΕΔαʔϏεɻ ͍͍ϦϙδτϦΛࣗ෼ͷ୅ΘΓʹ୳ͯ͘͠ΕΔ 自分でも見つけてフォロワーに教えようね

Slide 58

Slide 58 text

Slide 59

Slide 59 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏

Slide 60

Slide 60 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ (JUIVCʹ͸(JU)VC1BHFTͱ͍͏  )5.-Λެ։͢Δػೳ͕͋Γ·͢ɻ

Slide 61

Slide 61 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ [name].github.io  ͱ͍͏ϦϙδτϦΛ࡞ͬͯͦ͜ʹQVTI͢Δ͚ͩͰXFCαΠτΛެ։

Slide 62

Slide 62 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ [name].github.io  ͱ͍͏ϦϙδτϦΛ࡞ͬͯͦ͜ʹQVTI͢Δ͚ͩͰXFCαΠτΛެ։ でも、静的なHTMLでしか公開できないんでしょ…

Slide 63

Slide 63 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  Staticじゃないやつも混ざってるので注意 https://staticsitegenerators.net http://goo.gl/tPzrS4

Slide 64

Slide 64 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  http://middlemanapp.com/jp/ Ruby

Slide 65

Slide 65 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  http://jekyllrb.com Ruby

Slide 66

Slide 66 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  http://octopress.org Ruby

Slide 67

Slide 67 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  http://hexo.io Node.js

Slide 68

Slide 68 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  http://roots.cx Node.js

Slide 69

Slide 69 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  http://laktek.github.io/punch/ Node.js

Slide 70

Slide 70 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  https://sculpin.io PHP

Slide 71

Slide 71 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  http://phrozn.info/en/ PHP

Slide 72

Slide 72 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ  http://phrozn.info/en/ ͳͲͳͲɺ͖Γ͕ͳ͍͘Β͍ͨ͘͞Μ͋Δ PHP

Slide 73

Slide 73 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ 3VCZ੡ͷTUBUJDTJUFHFOFSBUPS NJEEMFNBOͱ͍͏πʔϧͰϒϩάΛ ࡞ͬͯΈ·ͨ͠ɻ http://machida.github.io/

Slide 74

Slide 74 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ Πϕϯτͷϖʔδ͸੩తͳ΋ͷͰे෼ ͳ৔߹͕ଟ͍ͷͰɺ(JU)VC1BHFTͰ ͜ͱ଍ΓΔʢਃ͠ࠐΈ͸%PPS,FFQFS ͳͲΛ࢖ͬͨ৔߹ʣɻ  (JUIVCʹϦϙδτϦ͕͋ΔͷͰɺ·ͩ ʮDPNNJOHTPPOʯͷ৘ใΛਵ࣌ӡӦ ελοϑ͕ܾ·Γ࣍ୈຒΊͯQVTI͢Ε ͹͍͍ͷͰ؅ཧ΋ָɻ  ʮจষ͸͜ΕͰ͍͍ʁʯͬͯ৔߹͸ 1VMM3FRVFTUʹͯ͠ϨϏϡʔΛ΋Βͬ ͔ͯΒ.FSHF͢Δͬͯ͜ͱ΋Ͱ͖Δɻ http://regional.rubykaigi.org/shibuya01/

Slide 75

Slide 75 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ KBWBTDSJQU͚ͩ࢖ͬͨͪΐͬͱͨ͠πʔϧͳΜ ͔͸(JU)VC1BHFTͰे෼ɻ  QVTIΛ͢Δ͚ͩͰެ։Ͱ͖ΔͷͰ͓खܰʂ phpもあるよ http://machida.github.io/vnd2jpy/ ϕτφϜυϯΛԁʹม׵͢Δπʔϧ

Slide 76

Slide 76 text

)5.-Λެ։͢Δαʔόͱͯ͠࢖͏ KBWBTDSJQU͚ͩ࢖ͬͨͪΐͬͱͨ͠πʔϧͳΜ ͔͸(JU)VC1BHFTͰे෼ɻ  QVTIΛ͢Δ͚ͩͰެ։Ͱ͖ΔͷͰ͓खܰʂ phpもあるよ http://machida.github.io/vnd2jpy/ ϕτφϜυϯΛԁʹม׵͢Δπʔϧ (JU)VC1BHFT͸σβΠφʔʹ΋ศར

Slide 77

Slide 77 text

Ҏ্Ͱ͢ɻ  ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ