diff --git a/README.md b/README.md
index 41b1048..3b230e9 100644
--- a/README.md
+++ b/README.md
@@ -114,10 +114,19 @@
### Step 1:このリポジトリをフォーク
-- GitHub 上のプロジェクトページの右上にある "Fork" ボタンをクリックして、このリポジトリをフォークします。
+- GitHub 上のプロジェクトページ（このページ）の右上にある "Fork" ボタンをクリックして、このリポジトリをフォークします。
+
+
+ 
+
+
- そして、"Create fork"ボタンをクリックします。
- 「Repository name」「Description」「Copy the `main` branch only」などの項目は、すべて初期のままでOKです！
+
+ 
+
+
> [!TIP]
> これにより、あなたの GitHub アカウントに、このリポジトリのコピーが作成されます 👍
@@ -130,6 +139,11 @@ GitHub 上でファイルを編集することも可能ですが、
- GitHub 上の、フォークしたリポジトリのページに移動し、緑色の "Code" ボタンをクリックし、HTTPS の URL をコピーします。
- URL は、次のようになっているはずです：`https://github.com/<あなたのアカウント名>/first-contributions-ja.github.io.git`
+
+
+ 
+
+
- ターミナルを開き、リポジトリをクローンするディレクトリに移動します。
- 例えば、クローン先をデスクトップに指定する場合、以下のコマンドを使用できます。
```
@@ -147,6 +161,10 @@ GitHub 上でファイルを編集することも可能ですが、
### Step 3:作業用ブランチを作成
+
+ 
+
+
- 次のコマンドで、リポジトリのディレクトリ内に移動します：
```
cd first-contributions-ja.github.io
@@ -191,6 +209,11 @@ GitHub 上でファイルを編集することも可能ですが、
"favoriteEmoji": "あなたの好きな絵文字"
},
```
+
+
+ 
+
+
- そして、貼り付けたテキストの中身を、あなた独自の内容に置き換えます。
- :art: 次のサイトを参考にしてみてください：[絵文字一覧](https://www.webfx.com/tools/emoji-cheat-sheet/)、[原色大辞典](https://www.colordic.org)、[日本の伝統色](https://nipponcolors.com)
- 例えば、全て置き換えたら以下のようになります：
@@ -240,10 +263,19 @@ GitHub 上でファイルを編集することも可能ですが、
- GitHub 上の、フォークしたリモートリポジトリのページ（`https://github.com/あなたのアカウント/first-contributions-ja.github.io`）に移動します。
- 上部に表示されている"Compare & pull request" ボタンをクリックします。
+
+
+ 
+
+
- そして、以下のことを確認したら、"Create pull request" ボタンをクリックします。
- 念のため、あなたのリポジトリの`add-yourname`ブランチから、first-contributions-jsの`main`ブランチに向かっていることを確認してください！
-
タイトルは初期入力のままで、description は空欄でOKです！
+
+ 
+
+
> [!TIP]
> これにより、あなたがフォークして行った変更を、フォーク元のリポジトリに反映させるようにリクエストします 🎁
@@ -272,6 +304,10 @@ GitHub 上でファイルを編集することも可能ですが、
## さらなるステップ
+> [!IMPORTANT]
+> もしこのプロジェクトが役に立つと思った場合は、ページの上部から ⭐**star ボタン**を押してください！
+> また、このプロジェクトを広めるために、**フォロワーや知り合いに共有**してください！
+
あなたは、オープンソースのプロジェクトに貢献する方法を学びました！
- 行った作業を振り返って、知識を定着させてください。
@@ -284,10 +320,6 @@ GitHub 上でファイルを編集することも可能ですが、
- 貢献したいリポジトリがあれば、「**good first issue**」というラベルのついたイシューを探してください。
- これは一般的に、特定のプロジェクトやオープンソース自体に慣れていない初心者向けのイシューであることを表します！
-> [!IMPORTANT]
-> もしこのプロジェクトが役に立つと思った場合は、ページの上部から ⭐**star ボタン**を押してください！
-> また、このプロジェクトを広めるために、**フォロワーや知り合いに共有**してください！
-
## その他の貢献
diff --git a/docs/images/clone-to-desktop.png b/docs/images/clone-to-desktop.png
new file mode 100644
index 0000000..66b65a2
Binary files /dev/null and b/docs/images/clone-to-desktop.png differ
diff --git a/docs/images/code-clone.png b/docs/images/code-clone.png
new file mode 100644
index 0000000..0d6dc2e
Binary files /dev/null and b/docs/images/code-clone.png differ
diff --git a/docs/images/compare-pull-request.png b/docs/images/compare-pull-request.png
new file mode 100644
index 0000000..158ed1d
Binary files /dev/null and b/docs/images/compare-pull-request.png differ
diff --git a/docs/images/copy-code-template.png b/docs/images/copy-code-template.png
new file mode 100644
index 0000000..82b4d9b
Binary files /dev/null and b/docs/images/copy-code-template.png differ
diff --git a/docs/images/create-fork-button.png b/docs/images/create-fork-button.png
new file mode 100644
index 0000000..975a9a9
Binary files /dev/null and b/docs/images/create-fork-button.png differ
diff --git a/docs/images/create-pull-request.png b/docs/images/create-pull-request.png
new file mode 100644
index 0000000..ec930d0
Binary files /dev/null and b/docs/images/create-pull-request.png differ
diff --git a/docs/images/fork-button.png b/docs/images/fork-button.png
new file mode 100644
index 0000000..b0725a7
Binary files /dev/null and b/docs/images/fork-button.png differ