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
【Λ(らむだ)】最近のアプデ情報 / RPALT20250729
lambda
0
230
AWS re:Inforce 2025 re:Cap Update Pickup & AWS Control Tower の運用における考慮ポイント
htan
1
210
製造業の課題解決に向けた機械学習の活用と、製造業特化LLM開発への挑戦
knt44kw
0
160
生成AI導入の効果を最大化する データ活用戦略
ham0215
0
110
リリース2ヶ月で収益化した話
kent_code3
1
190
AI によるドキュメント処理を加速するためのOCR 結果の永続化と再利用戦略
tomoaki25
0
420
AI人生苦節10年で会得したAIがやること_人間がやること.pdf
shibuiwilliam
1
270
Claude CodeでKiroの仕様駆動開発を実現させるには...
gotalab555
3
900
Google Agentspaceを実際に導入した効果と今後の展望
mixi_engineers
PRO
3
340
僕たちが「開発しやすさ」を求め 模索し続けたアーキテクチャ #アーキテクチャ勉強会_findy
bengo4com
0
2k
Findy Freelance 利用シーン別AI活用例
ness
0
310
2時間で300+テーブルをデータ基盤に連携するためのAI活用 / FukuokaDataEngineer
sansan_randd
0
130
Featured
See All Featured
Scaling GitHub
holman
461
140k
Writing Fast Ruby
sferik
628
62k
Being A Developer After 40
akosma
90
590k
Six Lessons from altMBA
skipperchong
28
3.9k
How STYLIGHT went responsive
nonsquared
100
5.7k
Become a Pro
speakerdeck
PRO
29
5.5k
RailsConf 2023
tenderlove
30
1.2k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Into the Great Unknown - MozCon
thekraken
40
2k
Designing for Performance
lara
610
69k
We Have a Design System, Now What?
morganepeng
53
7.7k
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