GitHub
をテンプレートにして作成
LECTURE
担当科目一覧
コンピュータ概論/2024
データサイエンス/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
#settableborder(none)
*GitHub
https://github.com/
~
[[GitHub(ギットハブ)>https://github.com/]]は、GitHub社と...
-事例:https://github.com/search?q=Firefox
~
***Githubにできること
-ソースコードの管理 Code
-文書・マニュアルの管理 Code
-情報共有 Wiki
-プロジェクト管理 Projects
-タスク管理 Issues
~
~
***CONTENTS
#contents2_1
~
~
**アカウントの取得
GitHubを利用するには、まずアカウントの取得(Sign Up)が必...
~
***はじめに
-ここから先の作業は、スマホではなくPCで行うことを推奨しま...
-アカウント作成にはGmail等のメールアドレスが必要です。ア...
-''事前に「ユーザー名」''を決めておいて下さい。これは最終...
~
***アカウント取得の手順
-1. 以下にアクセスしてください。
https://github.com/
-2. ''Sign Up'' します。
-3. ユーザー名、メールアドレス、パスワードを入力して、緑...
&small(ユーザー名は公開するWebページのURLの一部になります...
-4. 無料(Free)のプランを選択して下さい。
-5. ''登録メールアドレスに確認メールが届くので、必ず「認...
-6. アンケート入力画面が表示された場合は適宜対応して下さ...
-7. 以上でアカウントが作成されました。
以後、GitHubを使う場合は、''Sign in'' をクリックして、ID,...
~
***付記:ログイン(Sign in)ログアウト(Sign out)について
-''ログイン''は、GitHubでは ''Sign in'' という用語になっ...
&color(red){''Sign up'' を使ってしまうと、新規登録の扱い...
-''ログアウト''は、画面右上の利用者アイコンから ''Sign ou...
~
~
**個人利用
***中央リポジトリの構築
はじめに、GitHub上に新規のリポジトリを作ります。リポジト...
#image(NewRepository01.png,right,25%)
-1. 画面右上のプラスアイコン「+」をクリックし、''New repo...
#clear
#image(NewRepository02.png,right,50%)
-2. ''Repository name''という入力欄にリポジトリ名を入力し...
#clear
https://(ユーザー名).github.io/(リポジトリ名)
~
-3. ''Create repository'' をクリック
以上でリポジトリ(この時点では中身は空)ができました。
~
***ファイルのアップロード
#image(upload.png,right,30%)
-Create repository をクリックした直後、右のような画面が表...
-表示された画面で ''Uploading an existing file'' をクリッ...
#clear
#image(commit.png,right,30%)
-''Commit changes'' をクリックすることで、操作が完了しま...
#clear
-以下のように、リポジトリの中が、あなたの手元のフォルダ構...
#image(complete.jpg)
~
***リポジトリの更新方法
以下のように大きく3つの方法があります。
-GitHub上で直接編集
-ローカルで編集 > Add file > Upload files
-ローカルリポジトリで編集 > Push
--Gitクライアントを使った更新
--Terminal の Gitコマンドを使った更新
以下、順に説明します。
~
***GitHub上で直接編集
リポジトリとオーナー(あなた)は、GitHub上のリポジトリの...
-1) ファイルを選択
-2) 編集アイコンをクリック > ファイルの編集
-3) ''commit'' をクリック
以上は、簡易的な編集方法です。以下、ローカルで編集を行っ...
~
***ローカルで編集 > Add file > Upload files
次に、GitHub のリポジトリのメニューを使って、リポジトリを...
-手元でファイルを編集
-リポジトリの ''Add file > Upload files'' をクリック
-ファイルをアップロードして ''Commit Changes'' をクリック
以上で、リポジトリ上のファイルが最新に更新されます。
~
***ローカルリポジトリで編集 > Push
本格的に活用する場合は、ローカルリポジトリにクローン(リ...
[[Gitクライアント>https://desktop.github.com/]]を使う方法...
~
***Gitクライアントを使った更新
前提として、Gitクライアントというアプリケーションを、ロー...
#image(GitHubDesktop.jpg,right,40%)
-1) GitHub Desktop のインストール
https://desktop.github.com/
-2) ローカル環境の準備
--GitHub Desktop に リモートリポジトリの情報を登録
--ローカルマシン内に専用のディレクトリを確保
-3) リポジトリのクローンを作成
--GitHub Desktop の File > Clone Repository
--手元で編集したいリポジトリを選択して Clone
この時点で、ローカルPC上にリポジトリ名と同名のフォルダが...
フォルダの中には、.git などのGit管理用の隠しファイルが保...
-4) ローカルで編集
--GitHub Desktop で 編集したリポジトリを選択
> 左上の Current Repository:にリポジトリ名が表示されます
--GitHub Desktop の Show in Fider でフォルダが開きます
--GitHub Desktop の Open in( Atom )で指定のエディタが起...
--編集を行うと、変更情報(差分情報)がその都度反映表示さ...
--編集を終えたら ''Commit to master(main)'' でコミット
--Push Origin をクリックするとリモートリポジトリが更新さ...
~
***Terminal の Gitコマンドを使った更新
MacOS では、Gitの環境がインストール済みなので、すぐに使え...
-1) [[Terminal]] を起動して Gitのバージョン確認から・・
$ git --version
git version 2.20.1
-2) ローカルにフォルダを用意します(test)
-3) Terminal のカレントディレクトリを作成したディレクトリ...
-4) リモートリポジトリのクローンを作るための情報取得
--GitHub上で、編集したいリポジトリを開く
--緑の [ code ] をクリックして表示される URL をコピー
-5) git clone コマンドを実行
上記でコピーしたURLを以下のように使います
$ git clone https://github.com/koichi-inoue/SampleSite.git
Cloning into 'SampleSite'...
:
Unpacking objects: 100% (42/42), done.
-6) ディレクトリをクローンしたリポジトリに移動
$ cd(リポジトリ名)
-7) リポジトリのファイルリストを確認して下さい
$ ls -a
. .. .git index.html style...
.git という管理フォルダ(隠しファイル群)も見えるはずです。
-8) 試しに新しいファイルを作成してみます。
$ echo ''Hello World!'' > test.txt
この事例では、echo コマンドのリダイレクトでファイルを作っ...
-9) このファイルを ''add'' します。
$ git add test.txt
-10) 変更を ''commit'' します。
$ git commit -m "ファイルを追加''
mオプションは、コミットの際のメッセージを付加します。
-11) 以下のように表示されてファイルが追加されたことがわか...
[master ff11e2b] ファイルを追加
1 file changed, 1 insertion(+)
create mode 100644 test.txt
-12) リモートに ''Push'' します。
$ git push origin master
初回の作業では、GitHub のIDとPWを尋ねられるので、これを入...
-13) 以下のように表示されて、リモートの更新ができました。
Enumerating objects: 4, done.
Counting objects: 100% (4/4), done.
Delta compression using up to 4 threads
Compressing objects: 100% (2/2), done.
Writing objects: 100% (3/3), 348 bytes | 348.00 KiB/s, d...
Total 3 (delta 0), reused 0 (delta 0)
To https://github.com/koichi-inoue/SampleSite.git
aeb9e0b..ff11e2b master -> master
以上、Terminal の Gitコマンドによるリポジトリの更新方法で...
~
~
**共同編集
***中央リポジトリの構築
個人で利用する場合同様に、GitHub上に中央リポジトリが必要...
~
***メンバーの招待
共同編集を行うには、当該リポジトリに招待相手の GitHubアカ...
-1) リポジトリのページの ''settings > Manage access ''(...
-2) ''Invite a collaborator'' から招待相手のアカウントを...
&small(この例では、オーナー koidhi-inoue が ksuart さんを...
-4) 相手に招待メールが届きます。
-5) 相手がメールを確認して、招待を受け入れる(Fig.3)
-6) 共同編集者(ksuart)による更新が可能になる(Fig.4)
以上で、招待された側がフィアルの共同編集に参加することが...
|22|2|22|2|22|2|22|c
|#image(invite01.jpg)||#image(invite02.jpg)||#image(Accep...
|Fig.1||Fig.2||Fig.3||Fig.4|
~
***リポジトリの更新方法
以下のように大きく3つの方法があります。
-GitHub上で直接編集
-ローカルで編集 > Add file > Upload files
-ローカルリポジトリで編集 > Push
--Gitクライアントを使った更新
--Terminal の Gitコマンドを使った更新
具体的な作業は、個人利用の場合(前の節で説明済み)と同じ...
~
***中央リポジトリの状態について
ここで重要なことは「中央リポジトリを常に正の状態(Positive...
プルできる状態(つまり中央の更新が先行している)にもかか...
#image(Git/Fig12.png,right,30%)
右図(クリックで拡大)は、ローカルの変更をリモートにプッ...
~
~
**その他の概要
***プルリクエスト(Pull Request)
GitHubのサービスにおいて、最も注目されているのが Pull Req...
~
***フォーク(Fork)
フォークとは他のユーザーのリポジトリを自分のアカウント内...
-1)既存のリポジトリをフォーク
-2)フォークしたリポジトリをローカルにクローン
-3)ローカルリポジトリ内で開発作業を行う
-4)更新を、フォークしたリポジトリにプッシュ
-5) オリジナルの開発に貢献する場合は、オリジナルリポジト...
フォーク(複製)したリポジトリは自分の所有物なので、自由に...
ここから派生した別のプロジェクトが動き出すことも多く、...
~
***課題管理(Issue)
プログラムのバグや機能追加の要望などを管理するツールとし...
~
***GitHub ページ
GitHubリポジトリから直接Webサイトをホストする機能として[[...
-ページを独立させました > [[GitHubPages]]
~
~
**事例
***Git
-1) GitHub上のメニューNewRepository から、空のリモートリ...
-2) 空のリモートリポジトリをクローンして、自分のローカル...
-3) 必要なファイルをローカルリポジトリ管理下に置いて初回...
-4) 中身が入ったローカルリポジトリを中央リポジトリにプッ...
~
~
**付記:GitHubソースの埋め込み
***gist
GitHubのアカウントを持っている人であれば、Gistを使って、...
-アカウントアイコン横の +メニューから New Gist を選択
-ファイル名とソースコードを入力
-「Create public gist」をクリック。
-上部に表示される Webページ貼付用のタグをコピーして貼り付...
以上。
~
~
終了行:
#settableborder(none)
*GitHub
https://github.com/
~
[[GitHub(ギットハブ)>https://github.com/]]は、GitHub社と...
-事例:https://github.com/search?q=Firefox
~
***Githubにできること
-ソースコードの管理 Code
-文書・マニュアルの管理 Code
-情報共有 Wiki
-プロジェクト管理 Projects
-タスク管理 Issues
~
~
***CONTENTS
#contents2_1
~
~
**アカウントの取得
GitHubを利用するには、まずアカウントの取得(Sign Up)が必...
~
***はじめに
-ここから先の作業は、スマホではなくPCで行うことを推奨しま...
-アカウント作成にはGmail等のメールアドレスが必要です。ア...
-''事前に「ユーザー名」''を決めておいて下さい。これは最終...
~
***アカウント取得の手順
-1. 以下にアクセスしてください。
https://github.com/
-2. ''Sign Up'' します。
-3. ユーザー名、メールアドレス、パスワードを入力して、緑...
&small(ユーザー名は公開するWebページのURLの一部になります...
-4. 無料(Free)のプランを選択して下さい。
-5. ''登録メールアドレスに確認メールが届くので、必ず「認...
-6. アンケート入力画面が表示された場合は適宜対応して下さ...
-7. 以上でアカウントが作成されました。
以後、GitHubを使う場合は、''Sign in'' をクリックして、ID,...
~
***付記:ログイン(Sign in)ログアウト(Sign out)について
-''ログイン''は、GitHubでは ''Sign in'' という用語になっ...
&color(red){''Sign up'' を使ってしまうと、新規登録の扱い...
-''ログアウト''は、画面右上の利用者アイコンから ''Sign ou...
~
~
**個人利用
***中央リポジトリの構築
はじめに、GitHub上に新規のリポジトリを作ります。リポジト...
#image(NewRepository01.png,right,25%)
-1. 画面右上のプラスアイコン「+」をクリックし、''New repo...
#clear
#image(NewRepository02.png,right,50%)
-2. ''Repository name''という入力欄にリポジトリ名を入力し...
#clear
https://(ユーザー名).github.io/(リポジトリ名)
~
-3. ''Create repository'' をクリック
以上でリポジトリ(この時点では中身は空)ができました。
~
***ファイルのアップロード
#image(upload.png,right,30%)
-Create repository をクリックした直後、右のような画面が表...
-表示された画面で ''Uploading an existing file'' をクリッ...
#clear
#image(commit.png,right,30%)
-''Commit changes'' をクリックすることで、操作が完了しま...
#clear
-以下のように、リポジトリの中が、あなたの手元のフォルダ構...
#image(complete.jpg)
~
***リポジトリの更新方法
以下のように大きく3つの方法があります。
-GitHub上で直接編集
-ローカルで編集 > Add file > Upload files
-ローカルリポジトリで編集 > Push
--Gitクライアントを使った更新
--Terminal の Gitコマンドを使った更新
以下、順に説明します。
~
***GitHub上で直接編集
リポジトリとオーナー(あなた)は、GitHub上のリポジトリの...
-1) ファイルを選択
-2) 編集アイコンをクリック > ファイルの編集
-3) ''commit'' をクリック
以上は、簡易的な編集方法です。以下、ローカルで編集を行っ...
~
***ローカルで編集 > Add file > Upload files
次に、GitHub のリポジトリのメニューを使って、リポジトリを...
-手元でファイルを編集
-リポジトリの ''Add file > Upload files'' をクリック
-ファイルをアップロードして ''Commit Changes'' をクリック
以上で、リポジトリ上のファイルが最新に更新されます。
~
***ローカルリポジトリで編集 > Push
本格的に活用する場合は、ローカルリポジトリにクローン(リ...
[[Gitクライアント>https://desktop.github.com/]]を使う方法...
~
***Gitクライアントを使った更新
前提として、Gitクライアントというアプリケーションを、ロー...
#image(GitHubDesktop.jpg,right,40%)
-1) GitHub Desktop のインストール
https://desktop.github.com/
-2) ローカル環境の準備
--GitHub Desktop に リモートリポジトリの情報を登録
--ローカルマシン内に専用のディレクトリを確保
-3) リポジトリのクローンを作成
--GitHub Desktop の File > Clone Repository
--手元で編集したいリポジトリを選択して Clone
この時点で、ローカルPC上にリポジトリ名と同名のフォルダが...
フォルダの中には、.git などのGit管理用の隠しファイルが保...
-4) ローカルで編集
--GitHub Desktop で 編集したリポジトリを選択
> 左上の Current Repository:にリポジトリ名が表示されます
--GitHub Desktop の Show in Fider でフォルダが開きます
--GitHub Desktop の Open in( Atom )で指定のエディタが起...
--編集を行うと、変更情報(差分情報)がその都度反映表示さ...
--編集を終えたら ''Commit to master(main)'' でコミット
--Push Origin をクリックするとリモートリポジトリが更新さ...
~
***Terminal の Gitコマンドを使った更新
MacOS では、Gitの環境がインストール済みなので、すぐに使え...
-1) [[Terminal]] を起動して Gitのバージョン確認から・・
$ git --version
git version 2.20.1
-2) ローカルにフォルダを用意します(test)
-3) Terminal のカレントディレクトリを作成したディレクトリ...
-4) リモートリポジトリのクローンを作るための情報取得
--GitHub上で、編集したいリポジトリを開く
--緑の [ code ] をクリックして表示される URL をコピー
-5) git clone コマンドを実行
上記でコピーしたURLを以下のように使います
$ git clone https://github.com/koichi-inoue/SampleSite.git
Cloning into 'SampleSite'...
:
Unpacking objects: 100% (42/42), done.
-6) ディレクトリをクローンしたリポジトリに移動
$ cd(リポジトリ名)
-7) リポジトリのファイルリストを確認して下さい
$ ls -a
. .. .git index.html style...
.git という管理フォルダ(隠しファイル群)も見えるはずです。
-8) 試しに新しいファイルを作成してみます。
$ echo ''Hello World!'' > test.txt
この事例では、echo コマンドのリダイレクトでファイルを作っ...
-9) このファイルを ''add'' します。
$ git add test.txt
-10) 変更を ''commit'' します。
$ git commit -m "ファイルを追加''
mオプションは、コミットの際のメッセージを付加します。
-11) 以下のように表示されてファイルが追加されたことがわか...
[master ff11e2b] ファイルを追加
1 file changed, 1 insertion(+)
create mode 100644 test.txt
-12) リモートに ''Push'' します。
$ git push origin master
初回の作業では、GitHub のIDとPWを尋ねられるので、これを入...
-13) 以下のように表示されて、リモートの更新ができました。
Enumerating objects: 4, done.
Counting objects: 100% (4/4), done.
Delta compression using up to 4 threads
Compressing objects: 100% (2/2), done.
Writing objects: 100% (3/3), 348 bytes | 348.00 KiB/s, d...
Total 3 (delta 0), reused 0 (delta 0)
To https://github.com/koichi-inoue/SampleSite.git
aeb9e0b..ff11e2b master -> master
以上、Terminal の Gitコマンドによるリポジトリの更新方法で...
~
~
**共同編集
***中央リポジトリの構築
個人で利用する場合同様に、GitHub上に中央リポジトリが必要...
~
***メンバーの招待
共同編集を行うには、当該リポジトリに招待相手の GitHubアカ...
-1) リポジトリのページの ''settings > Manage access ''(...
-2) ''Invite a collaborator'' から招待相手のアカウントを...
&small(この例では、オーナー koidhi-inoue が ksuart さんを...
-4) 相手に招待メールが届きます。
-5) 相手がメールを確認して、招待を受け入れる(Fig.3)
-6) 共同編集者(ksuart)による更新が可能になる(Fig.4)
以上で、招待された側がフィアルの共同編集に参加することが...
|22|2|22|2|22|2|22|c
|#image(invite01.jpg)||#image(invite02.jpg)||#image(Accep...
|Fig.1||Fig.2||Fig.3||Fig.4|
~
***リポジトリの更新方法
以下のように大きく3つの方法があります。
-GitHub上で直接編集
-ローカルで編集 > Add file > Upload files
-ローカルリポジトリで編集 > Push
--Gitクライアントを使った更新
--Terminal の Gitコマンドを使った更新
具体的な作業は、個人利用の場合(前の節で説明済み)と同じ...
~
***中央リポジトリの状態について
ここで重要なことは「中央リポジトリを常に正の状態(Positive...
プルできる状態(つまり中央の更新が先行している)にもかか...
#image(Git/Fig12.png,right,30%)
右図(クリックで拡大)は、ローカルの変更をリモートにプッ...
~
~
**その他の概要
***プルリクエスト(Pull Request)
GitHubのサービスにおいて、最も注目されているのが Pull Req...
~
***フォーク(Fork)
フォークとは他のユーザーのリポジトリを自分のアカウント内...
-1)既存のリポジトリをフォーク
-2)フォークしたリポジトリをローカルにクローン
-3)ローカルリポジトリ内で開発作業を行う
-4)更新を、フォークしたリポジトリにプッシュ
-5) オリジナルの開発に貢献する場合は、オリジナルリポジト...
フォーク(複製)したリポジトリは自分の所有物なので、自由に...
ここから派生した別のプロジェクトが動き出すことも多く、...
~
***課題管理(Issue)
プログラムのバグや機能追加の要望などを管理するツールとし...
~
***GitHub ページ
GitHubリポジトリから直接Webサイトをホストする機能として[[...
-ページを独立させました > [[GitHubPages]]
~
~
**事例
***Git
-1) GitHub上のメニューNewRepository から、空のリモートリ...
-2) 空のリモートリポジトリをクローンして、自分のローカル...
-3) 必要なファイルをローカルリポジトリ管理下に置いて初回...
-4) 中身が入ったローカルリポジトリを中央リポジトリにプッ...
~
~
**付記:GitHubソースの埋め込み
***gist
GitHubのアカウントを持っている人であれば、Gistを使って、...
-アカウントアイコン横の +メニューから New Gist を選択
-ファイル名とソースコードを入力
-「Create public gist」をクリック。
-上部に表示される Webページ貼付用のタグをコピーして貼り付...
以上。
~
~
ページ名: