1. 新しいリポジトリとブランチを追加する
GitHub を使ったことがない人でも、以下の手順で開発者としてスタートすることができます。現在、GitHub のアカウント作成に必要なのはメールアドレスだけです。これにより、GitHubを以前よりずっと簡単に使い始めることができます。
- GitHubのプロフィールにサインインしたら、右上の「+」記号をクリックして、新しいリポジトリを作成します。
2. リポジトリに好きな名前をつけ、公開・非公開を選択します。READMEのチェックと一緒にこのリポジトリメニューを初期化する」にチェックを入れるのを忘れないようにしましょう。
![](/uploads/GitHub-Add-Animation-Repository-Name-Initialize.jpg)
![](/uploads/GitHub-Add-Animation-Choose-License-Create-Repository.jpg)
![](/uploads/GitHub-Add-Animation-Screenshot-Creating-New-Branch-Process.jpg)
![](/uploads/GitHub-Add-Animation-Screenshot-Branch-Pushed.jpg)
2. GitHub 用のスクリーンショットを作成する
GitHubでスクリーンショットを追加するには、良いスクリーンキャプチャソフトが必要です。Windows 11では、Snipping Toolはこの目的に最も適したMicrosoftのアプリです。もし問題があるようなら、トラブルシューティングガイドを参考にしてください。
![](/uploads/GitHub-Add-Screenshot-Snipping-Tool-Windows11-1.jpg)
![](/uploads/GitHub-Add-Screenshot-Snip-Sketch-Windows10.jpg)
3. GitHub 用の動画や GIF アニメーションを作成する
GitHub 用の動画や GIF を追加するには、優れたビデオスクリーンキャプチャツールが必要です。以前は、GitHubでMP4をアップロードすることはできませんでしたが、それは変わりました。
Windows 11でもWindows 10でも、Screen recorder & Screen recordというMicrosoft Storeのアプリを使うことができます。Microsoft Storeは、各アプリがWindowsとうまく動作するように設計されているため、画面録画ソフトをダウンロードするのに一番安全なソースです。Macで画面を無料で録画する方法については、このガイドに従ってください。![](/uploads/GitHub-Add-Animation-Screen-Recorder-Microsoft-Store.jpg)
- 画面録画アプリを起動し、キャプチャモードを選択します。“フル”、“エリア”、“カメラ”、“音声のみ “のいずれかのキャプチャモードを選択します。2.画面録画の準備ができたら、いつでも “開始 “を押してください。
2. このソフトの良いところは、GIFモードを選択することで、直接GIFを作成することができることです。
![](/uploads/GitHub-Add-Animation-Screen-Record-HD-Gif-Selection.jpg)
![](/uploads/GitHub-Add-Animation-Ezgif-Conversion-Purpose.jpg)
![](/uploads/GitHub-Add-Animation-Ezgif-Conversion-Convert-Gif-Formulajpg.jpg)
4. GitHub Pull Requests にスクリーンショットやアニメーションを追加する
スクリーンショットや動画を作成したら、それらを GitHub のプルリクエストに簡単に追加できます。
- GitHub にスクリーンショットや動画・アニメーションを追加するには、先ほど作成したブランチに戻って “Pull requests” に移動します。あるいは、ブランチをクリックするだけで直接到達できます。
をクリックします。
2. MP4やGIFなどのファイルを新たに追加する場合は、ファイルを利用可能にしたいブランチで「ファイルをアップロード」を選択します。
![](/uploads/GitHub-Add-Animation-Screenshot-Creating-Add-Files.jpg)
![](/uploads/GitHub-Add-Animation-Screenshot-Add-Files-via-Upload.jpg)
![](/uploads/GitHub-Add-Animation-Screenshot-MP4-Uploading.jpg)
![](/uploads/GitHub-Add-Animation-Screenshot-Pushes-MP4-Inserted.jpg)
![](/uploads/GitHub-Add-Animation-Screenshot-Creating-Able-to-Merge.jpg)
![](/uploads/GitHub-Add-Animation-Screenshot-Merging-Successful.jpg)
5. GitHub のページでスクリーンショットや GIF 画像を表示する
スクリーンショットやGIFファイルをプルリクエストリポジトリ内で個別にアップロードする代わりに、GitHubのページで表示させることもできます。
- コツは、任意のブランチに表示されている「ReadMe.md」ファイルをクリックすることです。開いたら、“Display the Source blob “というアイコンをクリックします。このブランチは、画像、スクリーンショット、GIFなどを表示するように編集することができます。
をクリックします。
2. edit file」アイコンをクリックすると、コーディング画面が表示されるので、スクリーンショットやアニメーションGIFのコードを追加してください。画像を表示するには、
!
を付けてaltテキストを[ ]
で囲み、画像のリンクを()
で埋め込めば簡単です。
![](/uploads/GitHub-Add-Animation-Screenshot-Coding.jpg)
-
- Readme.md ページの “edit file” をクリックすると、新しいウィンドウが表示されるので、ブランチページに表示するスクリーンショット/GIF を添付してください。
をクリックします。
4. GitHubブランチに変更をコミットする前に、画像、スクリーンショット、GIFを簡単にプレビューすることができます。
![](/uploads/GitHub-Add-Animation-Screenshot-Preview.jpg)
よくある質問
GitHub で画像やスクリーンショットを整列させたりサイズを変更するには?
GitHub のページで画像やスクリーンショットの位置を揃えるには、ReadMe.md ファイルで “edit this” をクリックし、画像やスクリーンショットをアップロードして次のコードを追加します。
画像を左寄せ、右寄せ、中央のどれにするかは、コードを修正してください。画像のサイズを変更するには、幅と高さの寸法を変更します。
GitHub での GIF やビデオファイルのサイズに制限はありますか?
はい。個々のGIFやMP4ファイルの最大ファイルサイズは50MBです。GitHub Blocks” と呼ばれる GitHub の隠し機能を使えば、各ファイルの最大サイズを 100 MB にすることができます。GitHub リポジトリ (メインブランチ) は、5GB 未満に保つ必要があります。
それ以上のファイルサイズの画像や動画をアップロードする必要がある場合は、GitHub Large File Storage (LFS) と呼ばれる GitHub プログラムを使用します。このプログラムは、無料/Pro ユーザーの場合、1 ファイルあたり最大 2 GB までとなります。GitHub で画像を共有するにはどうすればいいですか?
GitHubには現在、チャットや関連ツールを使ってスクリーンショットやGIFのような画像を直接共有する機能はありません。しかし、GitHub のページに “課題” を作成し、そのレビューを受けるために提出することは可能です。これらの課題には、画像を含めることができます。GitHubで相手に通知するには、相手のユーザー名の前に@
をつけます。