【コラボマンガ】怖くない!黒い画面入門【 #シス管系女子 + #マンガでわかるGit 】
公開日:
:
マンガでわかるGit
こんにちは!絵を描くWebデザイナーの湊川あいです。
普段
マンガでわかるGit
わかばちゃんと学ぶWebサイト制作の基本
わかばちゃんが行くオフィス訪問マンガ
などを執筆しています。
今回、シス管系女子 アドベントカレンダー22日目、「怖くない!黒い画面入門」として担当させていただきます!
登場人物紹介
わかばちゃん
- マンガでわかるGitの主人公
- Webデザイナーを目指す大学生
みんとちゃん
- マンガでわかるLinux シス管系女子の主人公
- システム管理部門の新人社員
へぇ~、大学のゼミでGitを使ってるんだ!すごいね!
Gitをコマンドで操作できれば、よりGitの理解が深まるのかなと思うけど、なんかハードルが高くて( ꒪⌓꒪)
やってみれば簡単だよ!
コマンドが打てるといざというときに役立つし、慣れてくるとクリックで操作するツールよりも早く操作できたりするよ。
実践
まずはコマンドを打つための画面を表示しよっか。
こういう画面ね。
Macの場合
Macの黒い画面(CUI)は「ターミナル」と呼ばれているよ。
Launchpadの「その他」からクリックするか、[Control]+[スペース]を同時に押してterminalと検索すると出てくるよ。
Windowsの場合
Windowsでは、「コマンドプロンプト」と呼ばれているよ。
[スタートボタン]>[すべてのプログラム]>[アクセサリ]>[コマンドプロンプト]で出てくると思うよ。
Gitのインストール
大学で使ってるってことはGitはインストールしてあるんだよね?
はい、SourceTreeをインストールしたときに同時にGitもインストールされました。
なら大丈夫だね。
一番簡単なコマンドを使ってみよう
じゃあ、まずは「pwd」って打って、エンターを押してみて。
えっ、たった3文字でいいんですか?ピーダブリューディー……っと
おおっ、これは!?
/Users/wakaba
これが、わかばちゃんが今いるディレクトリだよ。
pwdは「Print Working Directory」の略なの。「今どこにいるか表示して」っていう意味ね。
さらに「ls(エルエス)」と打つと
おお〜!
今自分がいるディレクトリの直下にあるものが表示されたね。ちなみにlsはlist segmentsの略だよ。
試しに、今表示された中の「Desktop」に移動してみよっか。
「cd」というコマンドに続けて、ディレクトリ名を打つと、階層を移動できるよ。
ディレクトリを作ろう
さて、デスクトップに移動したところで、Gitの練習用のディレクトリ(フォルダ)を作ろっか。
「mkdir」に続けて、希望のディレクトリ名を打ってみて。
わわ!デスクトップにフォルダができた!
いつもマウスでやってる作業が、少し文字を打つだけでどんどん出来ていく……!すごい!
リポジトリを作ろう
それじゃ、lessonディレクトリに移動して
リポジトリを作る。
※「.git」が見当たらない場合は、隠しファイルを表示する設定にすれば見られると思います。
やった!リポジトリができた!
SourceTreeでリポジトリを作ったことはあったけど、黒い画面で作ったのは初めてです!
なんだか嬉しい!
サンプルファイルを作ってコミットしよう
リポジトリを作ったはいいけど、lessonディレクトリにはまだ何もファイルがないや……
よーし、テキストエディタを開いて適当なファイルを作ろうかな
おっと!
せっかくならファイルの作成もコマンドでやってみようよ!
わわっ!ファイルが出来て、しかも内容も入力されてるっ!?
へへ、便利だよね。
じゃあステージして
コミットメッセージをつけてコミット。
コミットの履歴はこう打てば見られるよ。
おお〜!!黒い画面、怖くなかった!
っていうかむしろ便利!
ちなみに「↑」キーを押せば、最近自分が打ったコマンドが選択できるから、ラクできるよ。
みんとさんってすごいですね!
さすが社会人!✨
あ、ありがと……///
あたしも最初はちんぷんかんぷんだったけどね(笑)
大野先輩に教えてもらったおかげかな!
おかげさまで黒い画面への苦手意識が減りました!
あっ、みんとさん、サインもらっていいですか!?
(あとでゼミのメンバーに自慢しよ~っと)
シス管系女子について
発売中の書籍
Piro先生作「マンガでわかるLinux シス管系女子」は、日経BP社さんの月刊情報誌「日経Linux」誌上で好評連載中のマンガです。
新人女子社員のみんとちゃんと大野先輩が、Linuxのコマンド操作・シェルスクリプトの世界を楽しく解説してくれます!
みんとちゃんのツイッターアカウント
日経Linux 2017年1月号の#!シス管系女子は、rsync🔄でファイルのコピー📋と削除🗑を一度にやるお話❗慎重にやらないと大惨事ですよ~‼😭 https://t.co/iM4jcqkkdU アドベントカレンダー🎄もよろしく👍✨→https://t.co/KlGUA4vicV pic.twitter.com/Hjswqth1N2
— 利奈みんとbot/マンガでLinux! (@sysadgirl_mint) December 13, 2016
マンガでわかるGitについて
Web上で連載しているマンガでわかるGitの書籍化が決定しました。
出版社はC&R研究所さんです。
只今、書籍用の原稿を書き貯めています。
書籍版の内容は、ガッツリ増し増しになりますのでご期待ください(頑張ります)!
Gitコマンドのクイズ
Gitコマンドの選択式クイズがCodeIQさんで出題されています。
2〜3分でサクッと答えられますので、ぜひチャレンジしてみてくださいね〜。
おまけの1コママンガ付き Gitクイズ
マンガでわかるGit(Web連載分)
わかばちゃんが行くオフィス訪問マンガ
発売中の本
「わかばちゃんと学ぶ Webサイト制作の基本」
8割以上が書籍限定の内容となっております。
HTML5・CSS3のコーディングだけでなく、Webサイトの企画・運用(SEO・アクセス解析)についても解説しています。
アマゾンで冒頭を試し読みできます
謝辞
今回、コラボマンガを描くにあたって、シス管系女子の作者のPiro先生直々に、みんとちゃんの喋り方のチェックをしていただきました。
ご多忙のところご確認いただき、誠にありがとうございました!
Piro先生曰く「みんとちゃんはいつも大野先輩に教わる立場なので、誰かに教えているのは不思議」とのことでした。
言われてみれば、確かにそうですね!
大学生のわかばちゃんから見たみんとちゃんは、きっと憧れの社会人なのだと思います。
Piro先生の、わかりやすく表現するための工夫、登場キャラクターへの愛、学習マンガに対する姿勢……本当に学ぶところが多いです!
今後とも、みんとちゃんたちの活躍を楽しみにしております!
Next
シス管系女子 アドベントカレンダー、23日目はKittyAngelさんです!
湊川 あい
最新記事 by 湊川 あい (全て見る)
- 【コラボマンガ】怖くない!黒い画面入門【 #シス管系女子 + #マンガでわかるGit 】 - 2016/12/22
- 絵文字でわかるGit🍣 マージとリベースの違い・リセットとリバートの違い - 2016/12/10
- PHP勉強会@東京に登壇します 2016.11.30 - 2016/11/30
関連記事
-
-
CodeIQ Magazineにて、マンガでわかるGitの連載が始まりました
こんにちは、Webデザイナーの湊川あいです。 最近やっと一段落ついたので、改めて怒濤の3ヶ月をまと
-
-
絵文字でわかるGit🍣 マージとリベースの違い・リセットとリバートの違い
こんにちは。絵を描くWebデザイナーの湊川あいです。 絵文字 / Emoji Advent Cale
-
-
マンガでわかるGit 第一話「Gitってなあに?」
次回以降の流れは?(2016/04/11 0
-
-
フロー情報をストック情報へ。マンガでわかるGit 連載一覧をTogetterにまとめて分かったこと
絵を描くWebデザイナーの湊川(みなとがわ)あいです。 先日、CodeIQ MAGAZINEさ
Comment
描きました! #シス管系女子 アドベントカレンダー [git] [cui]
たいへんな労作ありがとうございます!!!!!