Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web デザイナのための GitHub ハンズオン
Search
Satoshi Ebisawa
October 11, 2014
Technology
1
970
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
160
Easy AJAX on Rails
satococoa
5
4.3k
API 担当者が知りたい iOS のこと
satococoa
4
3.2k
RubyMotion について
satococoa
1
2.2k
RubyMotion によるアプリケーション開発の実践
satococoa
0
5k
iOS でポエムをつづろう!
satococoa
5
13k
プログラマとデザイナのコミュニティのつくりかた
satococoa
5
7.2k
p4d (PHP Conference 2013)
satococoa
0
760
p4d (Rails Girls Tokyo 2nd)
satococoa
4
2.2k
Other Decks in Technology
See All in Technology
ゆるSRE勉強会 #8 組織的にSREが始まる中で意識したこと
abnoumaru
2
910
Oracle Cloud Infrastructure:2024年11月度サービス・アップデート
oracle4engineer
PRO
0
170
クラウドネイティブへの小さな一歩!既存VMからコンテナまで、KubeVirtが実現する『無理しないペースの移行』とは!?
tsukaman
0
110
リモートだからこそ 懸念だし1on1
jimpei
2
380
40歲的我會給20歲的自己,關於軟體開發的7個建議
line_developers_tw
PRO
0
120
乗っ取れKubernetes!!~リスクから学ぶKubernetesセキュリティの考え方~/k8s-risk-and-security
mochizuki875
3
450
Entra ID の多要素認証(Japan Microsoft 365 コミュニティ カンファレンス 2024 )
murachiakira
0
1.9k
そろそろOn-Callの通知音について考えてみよう (PagerDuty編)
tk3fftk
1
310
Oracle Database 23c新機能 #5 データベース・パフォーマンス関連新機能後半
oracle4engineer
PRO
1
130
日本全国・都市3D化プロジェクト「PLATEAU」とデータ変換OSS「PLATEAU GIS Converter」の公開
nokonoko1203
4
320
ソフトウェアエンジニアとしてキャリアの螺旋を駆け上がる方法 - 経験と出会いが人生を変える / Career-Anchor-Drive
soudai
2
680
GDGoC開発体験談 - Gemini生成AI活用ハッカソン / GASとFirebaseで挑むパン屋のフードロス解決 -
hotekagi
1
540
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Testing 201, or: Great Expectations
jmmastey
40
7.1k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Become a Pro
speakerdeck
PRO
25
5k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
Typedesign – Prime Four
hannesfritz
40
2.4k
Producing Creativity
orderedlist
PRO
341
39k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
1
70
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
230
Optimising Largest Contentful Paint
csswizardry
33
2.9k
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