Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Ai Minatogawa
PDF, PPTX
4,810 views
Git初心者にどう教える? マンガでわかるGit
2017/4/20 渋谷GMO Yoursにて発表したスライドです。エンジニアさん向けに、Git初心者へ教えるときのポイントや、GitHubで原稿管理してわかったことなどをまとめています。
Engineering
◦
Read more
13
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 50
2
/ 50
3
/ 50
4
/ 50
5
/ 50
6
/ 50
7
/ 50
8
/ 50
9
/ 50
10
/ 50
11
/ 50
12
/ 50
13
/ 50
14
/ 50
15
/ 50
16
/ 50
17
/ 50
18
/ 50
19
/ 50
20
/ 50
21
/ 50
22
/ 50
23
/ 50
24
/ 50
25
/ 50
26
/ 50
27
/ 50
28
/ 50
29
/ 50
30
/ 50
31
/ 50
32
/ 50
33
/ 50
34
/ 50
35
/ 50
36
/ 50
37
/ 50
38
/ 50
39
/ 50
40
/ 50
41
/ 50
42
/ 50
43
/ 50
44
/ 50
45
/ 50
46
/ 50
47
/ 50
48
/ 50
49
/ 50
50
/ 50
More Related Content
PDF
モノグサ万歳!Webデザイナーがesa→GitHub→Travis CI→Hexoで、ポートフォリオのビルドを自動化した話 #ltlovers
by
Ai Minatogawa
PDF
わかばちゃんと学ぶフリーランスのための情報整理術 ー 湊川あい
by
Ai Minatogawa
PDF
ゼロから始める技術書執筆 by 湊川あい
by
Ai Minatogawa
PDF
新しい世界の学び方 by @masaru_b_cl #nds55
by
将 高野
PDF
王道的な使い方 Android Wear
by
Mima Yuki
PPTX
kintone Café 名古屋 Vol.3 「マジでkintoneに恋する5秒前!?」
by
kintone Café 名古屋支部
PPTX
kintone Café 名古屋 Vol.3 「寂しくないKintone」
by
kintone Café 名古屋支部
PDF
デ部会 女子部 20170329
by
Masami Kanemoto
モノグサ万歳!Webデザイナーがesa→GitHub→Travis CI→Hexoで、ポートフォリオのビルドを自動化した話 #ltlovers
by
Ai Minatogawa
わかばちゃんと学ぶフリーランスのための情報整理術 ー 湊川あい
by
Ai Minatogawa
ゼロから始める技術書執筆 by 湊川あい
by
Ai Minatogawa
新しい世界の学び方 by @masaru_b_cl #nds55
by
将 高野
王道的な使い方 Android Wear
by
Mima Yuki
kintone Café 名古屋 Vol.3 「マジでkintoneに恋する5秒前!?」
by
kintone Café 名古屋支部
kintone Café 名古屋 Vol.3 「寂しくないKintone」
by
kintone Café 名古屋支部
デ部会 女子部 20170329
by
Masami Kanemoto
What's hot
PPTX
Gm,またつまらないものを作ったってよ
by
Kiminori Kato
PDF
141219 まにフェス
by
rie05
PPT
第1回関西ゼロからはじめるR勉強会(2)
by
Iida Keisuke
PDF
1日でつくる WordPressEC(stripe決済)
by
Takeharu Kato
PPTX
【kintone Cafe 名古屋】kintone×○○○の可能性
by
Hiroyasu Yamada
PDF
Yokohama.vim
by
gu4
Gm,またつまらないものを作ったってよ
by
Kiminori Kato
141219 まにフェス
by
rie05
第1回関西ゼロからはじめるR勉強会(2)
by
Iida Keisuke
1日でつくる WordPressEC(stripe決済)
by
Takeharu Kato
【kintone Cafe 名古屋】kintone×○○○の可能性
by
Hiroyasu Yamada
Yokohama.vim
by
gu4
Similar to Git初心者にどう教える? マンガでわかるGit
PDF
gitを使う準備をしよう - 初級編
by
Sanae Yamashita
PDF
広島Git勉強会
by
森下 智裕
PDF
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
by
Erina Takei
PDF
2ヶ月前にgitを始めた私からこれから始める皆さんへ
by
Ayana Yokota
PDF
はじめてのGit
by
Seiichiro Mishiba
PDF
はじめてのGit #gitkyoto
by
Hisateru Tanaka
PDF
Gitとちょっと仲良くなるために覚えたことまとめ
by
Natsumi Kashiwa
PDF
Git入門
by
Kyohei Mizumoto
PDF
15分でわかるGit入門
by
to_ueda
PPTX
2018 07-18 git-hub講座
by
Takahito Sueda
PDF
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
by
Erina Takei
PDF
はじめてのGit forデザイナー&コーダー
by
Saeko Yamamoto
PDF
Git 初心者のための GitHub Pages
by
Takenori Nakagawa
PDF
Gitはじめの一歩
by
Ayana Yokota
PPTX
git講座用パワーポイント
by
Yuujirou Itou
PDF
ノンプログラマのGit入門
by
Muyuu Fujita
PDF
実践 Git - 低レベルに知る Git
by
Youhei Nitta
PDF
GitHub勉強会
by
ArusuDev
PDF
とあるぼっち開発者の憂鬱とGit
by
Seiichiro Mishiba
PDF
Git handson
by
Ryuto Yasugi
gitを使う準備をしよう - 初級編
by
Sanae Yamashita
広島Git勉強会
by
森下 智裕
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
by
Erina Takei
2ヶ月前にgitを始めた私からこれから始める皆さんへ
by
Ayana Yokota
はじめてのGit
by
Seiichiro Mishiba
はじめてのGit #gitkyoto
by
Hisateru Tanaka
Gitとちょっと仲良くなるために覚えたことまとめ
by
Natsumi Kashiwa
Git入門
by
Kyohei Mizumoto
15分でわかるGit入門
by
to_ueda
2018 07-18 git-hub講座
by
Takahito Sueda
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
by
Erina Takei
はじめてのGit forデザイナー&コーダー
by
Saeko Yamamoto
Git 初心者のための GitHub Pages
by
Takenori Nakagawa
Gitはじめの一歩
by
Ayana Yokota
git講座用パワーポイント
by
Yuujirou Itou
ノンプログラマのGit入門
by
Muyuu Fujita
実践 Git - 低レベルに知る Git
by
Youhei Nitta
GitHub勉強会
by
ArusuDev
とあるぼっち開発者の憂鬱とGit
by
Seiichiro Mishiba
Git handson
by
Ryuto Yasugi
Git初心者にどう教える? マンガでわかるGit
1.
Git初心者に どう教える? 湊川あい Webデザイナー/技術書執筆 マンガでわかるGit
2.
湊川あい – マンガと図解で物事をわかりやすく Webデザイナー 技術書執筆 マンガ家 イラストレーター 書籍
Web連載 ・わかばちゃんと学ぶ Webサイト制作の基本 ・わかばちゃんと学ぶ Git使い方入門 ・マンガでわかるGit ・わかばちゃんが行く オフィス訪問マンガ
3.
CodeIQ MAGAZINEにてWeb連載 →2017年4月21日 書籍化
4.
CodeIQ MAGAZINEにて連載 https://codeiq.jp/magazine/2016/10/45631/
5.
目次 (1) Git初心者にどう教える?マンガでわかるGit (2) GitHubで原稿管理してわかったメリット3つ 👈
6.
社内で誰かしらに Gitを教える機会がある方✋ Q.
7.
新入社員に Webデザイナーに 人事や企画の方に
8.
Gitを教えるとき どうしてますか? Q.
9.
口頭で教える ドキュメントを紹介する etc… 教え方いろいろ
10.
聞かれるたびに手を止めて回答
11.
Gitを教えるのは 大変!
12.
なぜなら 初心者にとってGit用語は ソース:過去の私 異国の言葉 に聞こえる
13.
たとえば こんな言葉
14.
ステージから コミットすれば リポジトリに 記録されるよ。 初心者だった頃の私にはこう聞こえる👉
15.
この状態だと👉 ____してから ___すれば ____に 記録される? ? ? ?
16.
まず 伝わらない
17.
なら どうするか
18.
ステージっていうのは…… 逐一説明していく? コミットっていうのは…… リポジトリっていうのは…… プッシュっていうのは…… で、ステージって なんでしたっけ?
19.
時間的コスト!
20.
解決策
21.
ビジュアルで 脳内イメージを伝える!! ビジュアル化すると何がいいの?メリット2つ👉
22.
理解が早まる! 参考: Merieb, E.
N. & Hoehn, K. (2007). Human Anatomy & Physiology 7th Edition, Pearson International Edition ビジュアル化すると 見たものを理解するのにかかる時間
23.
覚えやすくなる! 聞いたことの10% 人は 読んだことの20% を覚えている 見てしたことの80% 参考:
Lester, P. M. (2006). Syntactic Theory of Visual Communication. ビジュアル化すると
24.
参考: Dowse, R.
& Ehlers, M. (2005). Medicine labels incorporating pictograms: Do they influence understanding and adherence? 薬のラベルに関するこんな研究結果 正しく理解された 割合
25.
+マンガだと •時間軸 •状況 •登場人物の心理 を表現できる →私がマンガという手法を選択している理由
26.
例
27.
マンガで 「リポジトリ」を 説明してみる
28.
テキストの場合 仕様・デザイン・ソースコード・テスト情報・インシデント情報な ど、システムの開発プロジェクトに関連するデータの一元的な 貯蔵庫を意味する。 一種のデータベースであり、ソフトウェア開発および保守にお ける各工程の様々な情報を一元管理する。 参考:https://ja.wikipedia.org/wiki/リポジトリ
29.
マンガの場合
31.
Gitの内部構造に詳しい メルカリエンジニア DQNEOさんが監修 Git上級者の脳内イメージが そのまま絵になったような 素晴らしい図解もあります 初心者~中級者まで 楽しめる内容!
32.
仕事中に発生しやすいシチュエーションで 「こんなときどうする?」という実用編も書籍版には入っている 一例:
34.
これ1冊渡しておけば 後輩からの質問が減る ・・・はず! 明日4月21日から 全国の書店・Amazonで発売
35.
GitHubで原稿管理して わかったメリット3つ
36.
その1. GitHub Flowによる効率的な執筆 masterにマージされるのは 監修の方の 目が通ったものだけ✨
37.
テーマごとにプルリクを作る
38.
レビューしてもらう
39.
ヨサソウならマージされる
40.
出版社さんがリアルタイムで 進捗具合を確認できる その2. 📩 進捗どうですか~? 📩 今こんなかんじです~ というやりとりがゼロに! 今問題になっていることもIssueを見ればOK
41.
その3. レビューアさんを呼んで チェックしてもらうときはinviteすればOK ・レビュー要項はGitHub内のWikiにまとめておけば 各個人に個別で連絡する必要がなくなる ・過去のプルリクを見ればどういう経緯で この内容になったかもわかる
42.
原稿を全部書き上げたあとの話 出版社さんがインデザインに流し込んでくれた 初校~念校を PDFでやり取りすることになるが・・・ 課題と展望
45.
差分が見られない) ˘ω˘(
46.
(複雑なレイアウトじゃなければ) 書籍執筆支援システム「Re:VIEW」を使うことで、最後まで差分を追える 出典元: http://dev.classmethod.jp/tool/try-review-01/
47.
https://github.com/kmuto/review
48.
今回の本は、マンガ・図解が多く レイアウトが凝った作りになっている →どっちにしろRe:VIEWで書くことはできなかった →でも、シンプルなレイアウトの文書を書くときは Re:VIEWは、かなり便利そう! 課題と展望
49.
•Gitは学習コストが高いと言われるけれど •ビジュアル化されていれば、短時間で理解できる おわりに 初心者さんにもスッと楽しくGitを使ってもらって エンジニアさんをラクにする!
50.
Thank you!
Download