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

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

machida
October 14, 2014

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

2014年10月11日PHPカンファレンスでのP4D主催で行ったデザイナーのためのGithubハンズオンの資料です。

関連発表

エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)
http://www.slideshare.net/HiroyukiYamaoka/phpcon2014-p4d-yamaoka

コミュニケーションツールとしての Git & GitHub
https://speakerdeck.com/ken_c_lo/komiyunikesiyonturutositefalse-git-and-github

Web デザイナのための GitHub ハンズオン
https://speakerdeck.com/satococoa/web-dezainafalsetamefalse-github-hanzuon

machida

October 14, 2014
Tweet

More Decks by machida

Other Decks in Programming

Transcript

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

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

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

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

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

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

    時間:19:30 * 会場:コンラッド東京 ♀ ܾىूձͷװࣄ
 "͞Μ ♀ ύʔςΟʔͷװࣄ
 #͞Μ ׬੒ʂʂ
  7. party.txt の変更履歴(Commits) 2014/10/10 10:30 決起集会幹事Aさん“決起集会の時間・会場を記入” 2014/10/11 12:45 パーティー幹事Bさん“パーティーの時間・会場を記入” 2014/10/09 18:30

    AさんBさんの上司“party.txt ファイルを作成” ࢦఆͨ͠ͱ͖ͷঢ়ଶʹ໭ΕΔ ʜͬͯͷ͕(JUʢେࡶ೺ʣ くわしくはハンズオンで!
  8. ࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢ Ҋ݅" TBTTʹؔ͢Δ໘౗ w GVODUJPO w NJYJO Ͱղܾ Ҋ݅# TBTTʹؔ͢Δ໘౗

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

    w GVODUJPO w NJYJO Ͱղܾ ಉ͡ͷΛॻ͘ͷ͕໘౗ͱ͍͏৽ͨͳ໘౗͕ൃੜ 0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢
  10. +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 こういうのの詰め合わせ
  11. ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢ ਆαʔϏε !       

    ͷ঺հ TUBSTFFLFS http://starseeker.so/