Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web デザイナのための GitHub ハンズオン
Search
Satoshi Ebisawa
October 11, 2014
Technology
1
1k
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
200
Easy AJAX on Rails
satococoa
5
4.4k
API 担当者が知りたい iOS のこと
satococoa
4
3.3k
RubyMotion について
satococoa
1
2.3k
RubyMotion によるアプリケーション開発の実践
satococoa
0
5k
iOS でポエムをつづろう!
satococoa
5
13k
プログラマとデザイナのコミュニティのつくりかた
satococoa
5
7.4k
p4d (PHP Conference 2013)
satococoa
0
800
p4d (Rails Girls Tokyo 2nd)
satococoa
4
2.2k
Other Decks in Technology
See All in Technology
大規模イベントに向けた ABEMA アーキテクチャの遍歴 ~ Platform Strategy 詳細解説 ~
nagapad
0
180
生成AI導入の効果を最大化する データ活用戦略
ham0215
0
100
LLM開発を支えるエヌビディアの生成AIエコシステム
acceleratedmu3n
0
370
【新卒研修資料】数理最適化 / Mathematical Optimization
brainpadpr
23
11k
robocopy の怖い話/scary-story-about-robocopy
emiki
0
450
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
290
Foundation Model × VisionKit で実現するローカル OCR
sansantech
PRO
0
280
猫でもわかるQ_CLI(CDK開発編)+ちょっとだけKiro
kentapapa
0
3.4k
【2025 Japan AWS Jr. Champions Ignition】点から線、線から面へ〜僕たちが起こすコラボレーション・ムーブメント〜
amixedcolor
1
120
Segment Anything Modelの最新動向:SAM2とその発展系
tenten0727
0
200
帳票構造化タスクにおけるLLMファインチューニングの性能評価
yosukeyoshida
1
230
クマ×共生 HACKATHON - 熊対策を『特別な行動」から「生活の一部」に -
pharaohkj
0
290
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Speed Design
sergeychernyshev
32
1.1k
Being A Developer After 40
akosma
90
590k
The World Runs on Bad Software
bkeepers
PRO
70
11k
KATA
mclloyd
31
14k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Java REST API Framework Comparison - PWX 2021
mraible
32
8.8k
Adopting Sorbet at Scale
ufuk
77
9.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Agile that works and the tools we love
rasmusluckow
329
21k
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