様々なジャンルの内容を更新しております🖥
伝えたいコトを書いていきます🌱
興味持ってもらえたら嬉しいです🐶

Git☆1step ステージに追加する

こんにちわ🌞

abemaiです🐶

今回は


ステージに追加する方法(git add)

お伝えします🙌🏻



以前に記事にあげました
abemai.hatenablog.com

にも貼りました画像を再度載せます🐶

f:id:abemai:20200526100351j:plain


前回やったフォルダを作ったのが
ワークツリー🌳にあたります



①前回作成したフォルダへ移動します。

  • ~ % cd ~/git_tutorial


②エディタへ移動して新規に入力します。(⌘+n)
(私はAtomを使用します🚀)

f:id:abemai:20200529155340p:plain

タグで好きな言葉を入力


③git_tutorialのフォルダへ保存します。(⌘+s)
(私はindex.htmlにします🙋🏻‍♀️)
必ず .html で保存して下さいね🎵

f:id:abemai:20200529155335p:plain

④保存ができたらターミナルへ戻って
きちんと保存されているか確認します。

  • ~ % ls

すると
index.html
と表示されます👏🏻


⑤いよいよステージに追加していきます🙌🏻

  • ~ % git add .

実際には見えないですが
コレでステージにあげれるコトができます😂


終わったー👯‍♀️
ただ・・
さらに・・・
セットで覚えておくと良いコトがあるので
長くなってしまいますがお伝えしますね🙇🏻‍♀️

変更した事を記録する(git commit)

コミットするコトによって
なぜ変更したのかが分かるように
メッセージ付きで記録をします💬

  • 変更
  • 新規作成
  • 削除
  • 複数ファイルの変更、作成、削除

内容は上記のようなものを記載していきます✏️

⑤で入力した

  • ~ % git add .

の次に

  • ~ % git commit

を入力すると

自動でエディタへ移動されます
f:id:abemai:20200529161708p:plain

🤔1行目にコメントを記載していきます
initial commit などいかがでしょう?

そして保存(⌘+s)
保存ができたらこちらのエディタは終了します(⌘+q)

ターミナルに戻ってみると👀


[master (root-commit) ------] initial commit
1 file changed, 1 insertion(+)
create mode 000000 index.html

このような記載がされています✨


コレで完了です➰🐶

以上になります!
お疲れ様です✨

さぁ、Gitを始めてみましょう⭐️

おはようございます🌱

abemaiです🐶

ナッツ🥜口に入れながら
今日も作業しております🖥
f:id:abemai:20200529122438j:plain
ナッツの良い所
調べたら色々出てきたので
よかったらみてみて下さい🙌🏻
(私は1日25gまでにしてます。)
そしてみなさんも食べて
健康少し意識してみませんか😆✨
リンク貼っておきまーす🙋🏻‍♀️
eonet.jp



本日はGitを始めてみましょう⭐️

まずは

  1. ターミナルを開いて
  2. 自分のフォルダーに進んで
  3. ローカルリポジトリを作成

こちらをしてみましょう➰


その前に、リポジトリについて説明しますネ✨


リポジトリ

バージョン管理システムを使っていくうえで、ファイルそのものや変更履歴などの情報を管理する場所です。



リポジトリには、
「ローカルリポジトリ」と「リモートリポジトリ」2種類があります。

ローカルリポジトリ

自分のマシン内にあるリポジトリ
=Git.ディレクトリ(フォルダ)

リモートリポジトリ

サーバなどネットワーク上にあるリポジトリ



では、早速
PCの中にローカルリポジトリを作ります。

自分の好きなフォルダーに移動します。


もし、MacでFinderにHomeの設定の仕方が分からない方🤦‍♀️リンク貼っておきますのでご覧ください⭐️
Mac サイドバーにホームフォルダを表示する方法



自分の好きなフォルダーに移動します
(例:Mac🖥Finder→home名(abemai)で登録します。)

  • > % cd ~/abemai


今回作るフォルダー名を作成します。
(git_tutorial という名前で作成します。)

  • > % mkdir git_tutorial

mkdir=メイク ディレクトリの略



作ったフォルダーに移動します。

  • > % cd git_tutorial

cd=チェンジディレクトリの略



フォルダー(git_tutorial)に空のフォルダーを作ります。

  • > % git init


実際に作られたか確認します

  • > % ls -a

すると・・

  • . .. .git

隠れファイルなんですが
きちんと.gitが表示されてますのでOKです👌🏻

ちなみに

  • > % ls .git/

と入力しますと

  • HEAD branch config description hooks info objects refs

ファイルが含まれているコトがわかります➰
リポジトリの本体になるobjects
コレが重要です。

次に重要なのが設定のファイルになるconfigです。


まとめると
git.init すると

HEAD branch config description hooks info objects refs・・etc

重要なファイルが保存されます。


できましたかね??🙌🏻

最初は何をやっているのかわからなかったですが
徐々に少しずつでも理解していけたらとおもいます🌞

Git まとめ ④初期設定をしよう!

abemaiです🐶

 

それでは

Gitの初期設定を行います。

 

それぞれの

ターミナルを立ち上げます。

(私はiterm2です⭐️)

 

すると・・・

 

Last login: 日にち時間など
名前@名前MacBook-Pro ~ %

 

 

 

こんな感じの物が出てくると思います💁🏻‍♀️

 

ここに続いて入力して初期設定を行います。

 

 

☟こちらにはGithubで登録した情報を入力します☟

 

 

git config --global user.name "ユーザーネーム"

 

入力できたらEnter押して下さい🌱

 すると反映されて入力ができるようになります🙌🏻

次はEmailを登録して行きます。

 

 

git config --global user.email "Email address"

 

 

入力できたらEnter押して下さい🌱

 すると反映されて入力ができるようになります👌🏻

 

次はGitで使用するエディターを登録して行きます。

(私はAtomを使います⭐️)

 

 

git config --global core.editorl "atom --wait"

 

 

入力できたらEnter押して下さい🌱

 

 

コレで完了です🤓 

 

きちんと完了したかの確認方法は

まとめて確認できます。 

 

ユーザーネーム✏️の確認

 git config user.name

 

メールアドレス📧の確認

 git config user.email

 

 

エディタ🖥の確認

 git config core.editor

 

 

 

こちらはどこに保存されているかというと・・・

 

ホームディレクトリーのGitconfigに

に保存されています

 

その確認をする為には

cat ~/.gitconfig

 

 

入力できたらEnter押して下さい🌱

 すると・・・

 

 

入力できたらEnter押して下さい🌱

[user] name = ユーザーネーム

   email = Email address

 

[core] editor = atom --wait

 

[alias] ci = commit

   br = branch

   co = checkout

   st = status

 

[merge] ff = false

[pull] rebase = ture

 

このように設定されているコトが確認するコトができます➰👌🏻

 

 

 

 

 

 

 

 

Git まとめ ③Gitを最新バーションにしよう!

abemaiです🌱

 

今回は

ターミナルの

バージョンの設定になります。

 

それぞれの

ターミナルを立ち上げます。

(私はiterm2です⭐️)

Windowsの方は

Git Bash(ギットバッシュ)ですね

 

Last login: 日にち時間など
名前@名前MacBook-Pro ~ %⊔git⊔version

 

入力できたらEnter押して下さい🌱

 すると反映されて現在のバージョンが表示されます

 

そして、入力ができるようになります🙌🏻

 

最新バージョンに変更します✨

git-scm.com

リンクから飛べます

 

f:id:abemai:20200528185546p:plain

downloadをクリックします

 

f:id:abemai:20200528185550p:plain


そしてそれぞれのOSをクリックします

f:id:abemai:20200528185601p:plain

 

 

保存されたらこちらをクリックします

f:id:abemai:20200528185838p:plain

(PCをログインするときのパスワードになります🙌🏻)

 

 

これで完了です✨🙆🏻‍♀️

f:id:abemai:20200528185954p:plain

 

 

念のため

バージョンが反映されているのかを

もう一度確認してもらえるとよいです

 

Last login: 日にち時間など
名前@名前MacBook-Pro ~ %⊔git⊔version

 

☝🏻コレですね☝🏻

 

 

おしまいです😆

 

お疲れ様でした ➰🌱

Git まとめ ②Githubを登録しよう!

 

abemaiです🐶

窓を開けると寒い🥶

締めると暑い🥵

体温調整が難しい1日ですね🌦

 

今日は

Git の設定について

説明させていただきます。

 

 

拙いかと思いますが

参考にしていただけたら幸いです🥺

 

まず

Git の設定についてで最初に

 

Githubの登録をします。

 

 

sign up(サインアップ)をクリック

f:id:abemai:20200528175934j:plain

右上のSign up をクリック

 

Username(ユーザーネーム)

Email(メールアドレス)

Password(パスワード)

を自由に入力します。

 

 

無料で登録する場合は

Choose your personal plan

Unlimited public repositpries for free.

を選択します

 

 

緑のボタンの

continue

押します。

 

 ⟱

 

最後アンケートがありますので

プログラミング経験や

なんのために使うのか?

などを入力すると

完了になります✨

 

手順はコレで終了ですが

 

 ⟱

 

最後に

登録したEmailアドレスにGithubから

メールが届いているので

verify your email address

をクリックしたらOKです🙆🏻‍♀️

 

 次の更新で

テキストエディタを設定しましょう🙋🏻‍♀️✨

(私はiTerm2使用しています🖥)

iTerm2 - macOS Terminal Replacement

(リンク貼っておきます🙌🏻)

 

前回さらっとお伝えしましたが

色や文字、表示の設定は

いろんな方が教えてくれるので

ググってみてくださいね🎵

 

ではまた➰🙌🏻✨ 

 

 

 

Git まとめ ①コレをDLしよう!

今晩わ

 

abemaiです⚡️⚡️🌩

 

Gitについて

すごいスピードで

いろんな事覚えていて

頭が混乱してきたので

 

まとめてみようとおもいます🙋🏻‍♀️🌱

 

難しい説明はなるべく減らして

細かい事とかも

伝えていけたらとおもいます⭐️

 

時系列事に説明したいので

 

少しずつ・・・🍇

 

 

 ☟最初はこちら☟  

 

まず最初に※ターミナル

コマンドと呼ばれる命令文を用いて
Macの操作や設定をおこなうためのツールです。
Windowsにおけるコマンドプロンプトと呼ばれているものとほぼ同じものです。) 

 

私は、ITerm2を使用してます🐶

www.iterm2.com

 

f:id:abemai:20200528172508p:plain

こんな感じに入力していくんです🙄

英語いっぱいです➰➰

 

Googleの翻訳機能がありがたい😭😭

エラーでると頼ってます✨

 

背景の色や文字の色を変更すると

見やすくて分かりやすくなる🙌🏻

 

そんな便利な設定も

できるんですが

 

コレは沢山の人がブログで上げてくれてます😆

ありがたいですネ➰🎵

 

なので

『Iterm2 カスタマイズ』

とか

『iterm2 設定』

で検索してみて下さい😊

 

 

 

 ☟お次はこちら☟

 

で以前にもお伝えした

テキストエディタを選んでDLします💁🏻‍♀️

 (テキストエディタとはコンピュータで文字情報のみのファイル、すなわちテキストファイルを作成、編集、保存するためのソフトウェアである。一般的に、文字情報の入力、削除、コピー、貼り付け、検索、置換、整形などの機能を備えているものです 引用:Wikipedia

abemai.hatenablog.com

 

f:id:abemai:20200528172910p:plain



似ていますが

やっているコトが

ターミナルとは異なるんです!

こちらはメッセージなども入力するので

日本語も使用するコトがありますヨ‼️☝🏻 

 

 

☟最後はこちら☟ 

 

最後に登録いて欲しいのは

以前の投稿でご紹介してました💁🏻‍♀️✨ 

abemai.hatenablog.com

  

f:id:abemai:20200528173858p:plain

登録をするとこんな画面を扱うコトになります。

英語の表記・日本語の表記

右上に表示されるので

選択できますが

 

私は英語表記で使用しています📖

(わからなかったら翻訳したらすぐに分かります😊)

 

 

もっと書きたいけど

長くなりそうなので

 

今回はここまでにします🗣

 

また更新しますので

よろしくお願い致します✨✨🙋🏻‍♀️

 

 

Git 用語「ブランチ」

 

こんにちわ
あべまいです
今、Gitについて
勉強しているのですが
     
オンラインの講座を受けつつ
もっと分かりやすく説明している方がいるか
探してみたり
旦那さん(職業:エンジニア)
に聞いて見たりしながら
日々過ごしています🌱
📖手順を追って
1つずつ説明したいのですが
なかなか
順序立てて説明できていなかったら
ごめんなさい😭
  
分かりやすい🕊
そんな風に
お伝えできたらと思いながら
毎日
ワクワク
コツコツ
ブログを更新しています🖥
講座を聞いていて
 
だらけてしまう時もあるんですよね・・・
そんな時は
音楽変えたり🎧
(今は好きな映画のサントラ聴いてます🎬)
さてさて
今回はGit のブランチについて
お話したいと思います。
ブランチって
意味をしっかり説明って難しかったりするんですよね。
なのでここで
理解するのはとても大事だとおもいます‼️‼️🐶
言っている意味がわかる一歩かなと🚶🏻‍♀️
そう思っています
ブランチ
調べて見ると📂
ブランチとは、
履歴の流れを分岐して記録していくためのものです。
分岐したブランチは他のブランチの影響を受けないため、
同じリポジトリ中で複数の変更を同時に進めていくことができます。
引用:

ブランチとは|サル先生のGit入門【プロジェクト管理ツールBacklog】

ブランチとは、
ブランチ(branch)は、1つのプロジェクトから分岐させることにより、
プロジェクト本体に影響を与えずに開発を行える機能のことを言います。
ブランチは直訳すると「木の枝、支流、支系」の意味となります。
そのため現行のバージョンのプロジェクトから枝分かれさせて
他の作業を行うときに使われます。
引用:【Git入門】ブランチ(branch)とは?メリットや使い方を解説! | 侍エンジニア塾ブログ(Samurai Blog) - プログラミング入門者向けサイト
ブランチとは、
ブランチは作業履歴を枝分かれさせて記録していくためのもの。
ブランチ上での変更は統合されるまで他ブランチに影響しないしされない。

   

引用:いまさらだけどGitを基本から分かりやすくまとめてみた - Qiita
どうですか?
少し分かりましたか?😆🌱
皆さん分かりやすいですね。
いろんな表現があるので
なるほどーっと
勉強になります⚡️⚡️
私が勉強して意味がしっくりきたのが
並行して複数機能を開発するためにあるもの」
同じ時に⏰
いろんな人がそれぞれの開発を行えるんですね✨
自分の開発
他の人の開発
影響を受けずに
開発ができる🖥🖥🖥
すごいですよね👌🏻

f:id:abemai:20200526170652j:plain

ブランチについては
なんとなくではなく
しっかり覚えていった方が今後
いいと思いますので
また大事なお伝えする事があれば
更新させてもらいます🙋🏻‍♀️✨