Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Web デザイナのための GitHub ハンズオン
Satoshi Ebisawa
October 11, 2014
Technology
1
860
Web デザイナのための GitHub ハンズオン
http://phpcon.php.gr.jp/w/2014/
https://joind.in/talk/view/12049
Satoshi Ebisawa
October 11, 2014
Tweet
Share
More Decks by Satoshi Ebisawa
See All by Satoshi Ebisawa
kubernetes
satococoa
0
130
Easy AJAX on Rails
satococoa
5
4.1k
API 担当者が知りたい iOS のこと
satococoa
4
3k
RubyMotion について
satococoa
1
2.1k
RubyMotion によるアプリケーション開発の実践
satococoa
0
5k
iOS でポエムをつづろう!
satococoa
5
12k
プログラマとデザイナのコミュニティのつくりかた
satococoa
5
6.6k
p4d (PHP Conference 2013)
satococoa
0
600
p4d (Rails Girls Tokyo 2nd)
satococoa
4
2.1k
Other Decks in Technology
See All in Technology
Hatena Engineer Seminar #23 「チームとプロダクトを育てる Mackerel 開発合宿」
arthur1
0
130
Astroで始める爆速個人サイト開発
takanorip
12
8.5k
IoTを始めたきっかけの話と個人でできるIoTの今後 / 新年LT会「私の愛するIoT 2023」
you
0
220
インフラ技術基礎勉強会 開催概要
toru_kubota
0
150
オンプレk8sとEKSの並行運用の実際
ch1aki
0
210
Virtual Thread - 導入の背景と、効果的な使い方 -
skrb
3
260
ラズパイとGASで加湿器の消し忘れをLINEでリマインド&操作
minako__ph
0
140
もし本番ネットワークをまるごと仮想環境に”コピー”できたらうれしいですか? / janog51
corestate55
0
340
20230121_BuriKaigi
oyakata2438
0
180
230125 モニターマウントLT ITガジェット翁(Ryu.Cyber)さん
comucal
PRO
0
4.5k
OCI DevOps 概要 / OCI DevOps overview
oracle4engineer
PRO
0
480
CES_2023_FleetWise_demo.pdf
sparkgene
0
110
Featured
See All Featured
Building Adaptive Systems
keathley
27
1.3k
Agile that works and the tools we love
rasmusluckow
320
20k
From Idea to $5000 a Month in 5 Months
shpigford
374
44k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
Into the Great Unknown - MozCon
thekraken
2
280
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.6k
No one is an island. Learnings from fostering a developers community.
thoeni
12
1.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
643
54k
How to Ace a Technical Interview
jacobian
270
21k
Ruby is Unlike a Banana
tanoku
93
9.5k
The Power of CSS Pseudo Elements
geoffreycrofte
52
4.3k
Rebuilding a faster, lazier Slack
samanthasiow
69
7.5k
Transcript
Web デザイナ向け GitHub ハンズオン Satoshi Ebisawa (@satococoa)
自己紹介 • 海老沢 聡 • @satococoa • プログラマ (Ruby, iOS)
• #yokohamarb, #p4d, #yurudev
今日やること 1. GitとGitHubの違いって? 2. GitHubで開発する手順 3. 最低限の Git 4. やってみよう"(\(
⁰⊖⁰)/)"
Gitって何? • 分散バージョン管理システム • コマンドラインツール (黒い画面) • なんか難しそう。怖い。
Gitって何? • 分散バージョン管理システム • コマンドラインツール (黒い画面) • なんか難しそう。怖い。 一旦忘れてください!
GitHubでコミュニケーション するためのツール
(補足…) • Git と GitHub は違います。 • Git はバージョン管理の 『ツール』
• GitHub は Git を使ったコミュニティサイト (SNS みたいな)
GitHubで開発する手順は 大きく分けて2通り 'PSL͠ͳ͍ 'PSL͢Δ ❓
Fork #とは
他人のリポジトリ*を自分のアカウント上に そっくりそのままコピー *(ソフトウェアごとのソースコード置き場)
Rails だって、この通り 自分専用 Rails ⁉️
他人のリポジトリに書き込み権限がなくても 自分のリポジトリとしてコピーしちゃえば やりたい放題❗️
Fork する! • コミット権 (書き込み権限) が無い • オープンソースソフトウェアに貢献したい • バグ修正とか、新機能の提案とか…
• 派生したプロダクトを作りたい
Fork しない! • コミット権がある • チーム開発してる • お仕事で GitHub 使ってるときはこっちが多い
今回はこっち!
Forkしない開発の手順 master A master A’ A” clone branch commit commit
push & PR GitHub 上 手元の PC 上
Git用語集(コワクナイヨ) • コミット: 変更履歴の一つ一つ • ブランチ: 一連のコミットの固まり • header-design とか
modify-login-page とか • マスター: master という特別なブランチ • ブランチのきりがよくなったらここに取り込む (マージ) • Pull Request: ご提案「こんなんどう?」
まとめると… 1. clone: GitHubから手元に持ってきて… 2. branch: 作業内容に応じて名前をつけて… 3. 編集: お好きなエディタで編集して…
4. commit: 変更内容と意図を記録して… 5. push: GitHub 上にアップロードして… 6. Pull Request: ご提案「こんなんどう?」
セーブ master LV 10 1:00 36 / 36 login-page LV
14 1:28 58 / 58 EMPTY EMPTY 私的: ブランチってこんなイメージ ダンジョンの中でセーブするとき スロット分けますよね?? Fjörd Fantasy IV より
やってみよう‼️ bit.ly/p4d-phpcon2014
GitHubを楽しくするツール • Emoji Cheat Sheet • LTTM • alfred-misawa •
alfred-sushiyuki $PQZSJHIUBXBZVLJ IUUQBXBZVLJOFUTVTIJZVLJ