Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Web デザイナのための GitHub ハンズオン
Search
Satoshi Ebisawa
October 11, 2014
Technology
1.1k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Web デザイナのための GitHub ハンズオン
http://phpcon.php.gr.jp/w/2014/
https://joind.in/talk/view/12049
Satoshi Ebisawa
October 11, 2014
Transcript
20 slides
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
More Decks by Satoshi Ebisawa
See All by Satoshi Ebisawa
kubernetes
satococoa
0
250
Easy AJAX on Rails
satococoa
5
4.6k
API 担当者が知りたい iOS のこと
satococoa
4
3.5k
RubyMotion について
satococoa
1
2.4k
RubyMotion によるアプリケーション開発の実践
satococoa
0
5.1k
iOS でポエムをつづろう!
satococoa
5
14k
プログラマとデザイナのコミュニティのつくりかた
satococoa
5
7.8k
p4d (PHP Conference 2013)
satococoa
0
880
p4d (Rails Girls Tokyo 2nd)
satococoa
4
2.2k
Other Decks in Technology
See All in Technology
An Introduction to Context Ontology Accelerator (teaching AI agents what your data means)
inariku
PRO
1
270
並列度を下げたら速くなった — go build の重複コンパイルを実測で見る
tomoaki25
2
1.2k
狙われているAPIの脆弱性!今こそ手をつけるべき根本的な対策とは?
nagix
0
130
長い仕事を任せる (Workflows、クラウドセッション、Kiro Web) | 目指せ Kiro マスター 10
inariku
PRO
3
200
ラクスル会社紹介資料|エンジニア向け / RAKSUL Introduction for Engineers
raksulrecruiting
0
110
少ない人手 限られた予算 それでも守る 消せない・見つける・戻れる オールハザード型BCP on AWS / 20261107 Mitsutoshi Matsuo
shift_evolve
PRO
0
390
Quick Automate | 目指せ Quick マスター 12
inariku
PRO
1
110
小さなエージェントから始めてみよう!実践コンテキストエンジニアリング
iwamot
PRO
0
130
Kiro IDE 入門 (画面の各部から、頼み方、任せ方、戻し方まで) | 目指せ Kiro マスター 02
inariku
PRO
4
250
AWS基盤改善を支える 私たちの理念と行動指針
kentosuzuki
0
230
大江戸Ruby会議でデータベース クライアントの話をするのは 間違っているだろうか
yahonda
1
130
内製アプリとClaudeスキルのセキュリティチェック、 Backlogの課題で回しています。
ayaka_egaaa
0
190
Featured
See All Featured
A better future with KSS
kneath
240
18k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
560
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
2
3.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Become a Pro
speakerdeck
PRO
31
6.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Building the Perfect Custom Keyboard
takai
2
960
Balancing Empowerment & Direction
lara
6
1.4k
HDC tutorial
michielstock
2
1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.4k