Repository: yi-yamashita-shohei/profile
Pull request #1: [add]: 自己紹介HTMLとCSSを記述
Author: login: yi-yamashita-shohei
Created: 2025-05-02T08:30:38Z | Merged: 2025-05-09T10:38:13Z

自己紹介ページを完成させました。
レビューお願いします。


Diff:
diff --git a/images/image.jpg b/images/image.jpg
new file mode 100644
index 0000000..c6ba301
Binary files /dev/null and b/images/image.jpg differ
diff --git a/index.html b/index.html
index e69de29..d31ed6d 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="自己紹介ページ">
+  <title>わたしのプロフィール</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header>
+    <h1>こんにちは、山下です！</h1>
+  </header>
+
+  <main>
+    <section class="profile">
+      <img src="./images/image.jpg" alt="吉岡のプロフィール画像">
+      <div class="info">
+        <h2>自己紹介</h2>
+        <p>趣味：K-pop、漫画、スポーツ観戦</p>
+        <p>目標：世界旅行</p>
+      </div>
+    </section>
+
+    <section class="skills">
+      <h2>スキル</h2>
+      <ul>
+        <li>HTML / CSS</li>
+        <li>JavaScript / React　Node.js　Typescript</li>
+        <li>Laravel / MySQL</li>
+      </ul>
+    </section>
+  </main>
+
+  <footer>
+    <p>&copy; 2025 Yamashita Shohei
+    </footer>
+  </body>
+  </html>
diff --git a/style.css b/style.css
index e69de29..9dafdf0 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,56 @@
+body {
+    font-family: "Helvetica Neue", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+    color: #333;
+  }
+  
+  header {
+    background-color: #333;
+    color: white;
+    padding: 20px;
+    text-align: center;
+  }
+  
+  main {
+    max-width: 800px;
+    margin: 20px auto;
+    padding: 0 20px;
+    background-color: #fff;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  }
+  
+  .profile {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 20px 0;
+  }
+  
+  .profile img {
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+    border-radius: 100px;
+    margin-right: 20px;
+  }
+  
+  .profile .info h2 {
+    margin-bottom: 5px;
+  }
+  
+  .skills ul {
+    padding-left: 20px;
+  }
+  
+  .skills li {
+    margin-bottom: 5px;
+  }
+  
+  footer {
+    text-align: center;
+    padding: 15px;
+    color: #aaa;
+    font-size: 14px;
+  }


Reviews:
user: login: yi-yoshioka-ryohei
body: レビューいったん完了しました。
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-03T16:09:00Z
user: login: yi-yoshioka-ryohei
body: 修正依頼を2点追加しました。
state: APPROVED
author_association: COLLABORATOR
submitted_at: 2025-05-06T11:06:46Z
user: login: yi-yoshioka-ryohei
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-09T10:17:31Z
user: login: yi-yoshioka-ryohei
body: LGTM！！
state: APPROVED
author_association: COLLABORATOR
submitted_at: 2025-05-09T10:37:58Z

Review comments:
diff_hunk: @@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>プロフィール</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 20px;
+        }
+        .profile {
+            max-width: 600px;
+            margin: 0 auto;
+        }
+        .profile img {
+            width: 150px;
+            height: 150px;
+            border-radius: 50%;
+        }
+        .profile h1 {
+            font-size: 24px;
+            margin-top: 10px;
+        }
+    </style>
+</head>
+<body>
+    <div class="profile">
+        <img src="profile.jpg" alt="プロフィール写真">
+        <h1>名前: 山下　祥平</h1>
+        <p>職業: システムエンジニア</p>
+        <p>趣味: K-POP、漫画、海外ドラマ</p>
+    </div>
+</body>
+</html>
path: index.html
user: login: yi-yoshioka-ryohei
body: GithubにPushするソースコードに関してですが、最終行に改行を追加してほしいです。
詳しくは「Github EOL」等で検索していただくといいかなと思います！
https://pubs.opengroup.org/onlinepubs/9699919799/basedefs/V1_chap03.html#tag_03_206
created_at: 2025-05-03T15:48:57Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>プロフィール</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 20px;
+        }
+        .profile {
+            max-width: 600px;
+            margin: 0 auto;
+        }
+        .profile img {
+            width: 150px;
+            height: 150px;
+            border-radius: 50%;
+        }
+        .profile h1 {
+            font-size: 24px;
+            margin-top: 10px;
+        }
+    </style>
+</head>
+<body>
+    <div class="profile">
+        <img src="profile.jpg" alt="プロフィール写真">
path: index.html
user: login: yi-yoshioka-ryohei
body: 画像ファイルが上手くPushされていないのか404になってしまいます。
created_at: 2025-05-03T15:49:20Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,56 @@
+body {
+    font-family: "Helvetica Neue", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+    color: #333;
+  }
+  
+  header {
+    background-color: #333;
+    color: white;
+    padding: 20px;
+    text-align: center;
+  }
+  
+  main {
+    max-width: 800px;
+    margin: 20px auto;
+    padding: 0 20px;
+    background-color: #fff;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  }
+  
+  .profile {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 20px 0;
+  }
+  
+  .profile img {
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+    border-radius: 100px;
+    margin-right: 20px;
+  }
+  
+  .profile .info h2 {
+    margin-bottom: 5px;
+  }
+  
+  .skills ul {
+    padding-left: 20px;
+  }
+  
+  .skills li {
+    margin-bottom: 5px;
+  }
+  
+  footer {
+    text-align: center;
+    padding: 15px;
+    color: #aaa;
+    font-size: 14px;
+  }
path: style.css
user: login: yi-yoshioka-ryohei
body: GithubにPushするソースコードに関してですが、最終行に改行を追加してほしいです。
詳しくは「Github EOL」等で検索していただくといいかなと思います！
https://pubs.opengroup.org/onlinepubs/9699919799/basedefs/V1_chap03.html#tag_03_206
created_at: 2025-05-03T15:49:38Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>プロフィール</title>
+    <style>
path: index.html
user: login: yi-yoshioka-ryohei
body: CSSファイルをプルリクに含めていただいていますが、
ファイルがHTML側で読み込まれていないため、機能していません。
詳しくは[こちら](https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/link)
を見てみて、外部CSSをHTMLに読み込む方法を確認してみてください。
created_at: 2025-05-03T15:51:18Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="自己紹介ページ">
+  <title>わたしのプロフィール</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header>
+    <h1>こんにちは、山下です！</h1>
+  </header>
+
+  <main>
+    <section class="profile">
+      <img src="./images/image.jpg" alt="吉岡のプロフィール画像">
+      <div class="info">
+        <h2>自己紹介</h2>
+        <p>趣味：K-pop、漫画、スポーツ観戦</p>
+        <p>目標：世界旅行</p>
+      </div>
+    </section>
+
+    <section class="skills">
+      <h2>スキル</h2>
+      <ul>
+        <li>HTML / CSS</li>
+        <li>JavaScript / React　Node.js　Typescript</li>
+        <li>Laravel / MySQL</li>
+      </ul>
+    </section>
+  </main>
+
+  <footer>
+    <p>&copy; 2025 Yamashita Shohei
path: index.html
user: login: yi-yoshioka-ryohei
body: もともと書いてあったタグは削除しなくて大丈夫です。
EOLの修正だけ取り込んでくれたら大丈夫です！
HTMLの基本構造について調べてみてください！
created_at: 2025-05-06T11:06:19Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,57 @@
+body {
+    font-family: "Helvetica Neue", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+    color: #333;
+  }
+  
+  header {
+    background-color: #333;
+    color: white;
+    padding: 20px;
+    text-align: center;
+  }
+  
+  main {
+    max-width: 800px;
+    margin: 20px auto;
+    padding: 0 20px;
+    background-color: #fff;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  }
+  
+  .profile {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 20px 0;
+  }
+  
+  .profile img {
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+    border-radius: 100px;
+    margin-right: 20px;
+  }
+  
+  .profile .info h2 {
+    margin-bottom: 5px;
+  }
+  
+  .skills ul {
+    padding-left: 20px;
+  }
+  
+  .skills li {
+    margin-bottom: 5px;
+  }
+  
+  footer {
+    text-align: center;
+    padding: 15px;
+    color: #aaa;
+    font-size: 14px;
+  }　
+  　
path: style.css
user: login: yi-yoshioka-ryohei
body: こちらもEOLの修正をお願いします。
created_at: 2025-05-06T11:06:31Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="自己紹介ページ">
+  <title>わたしのプロフィール</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header>
+    <h1>こんにちは、山下です！</h1>
+  </header>
+
+  <main>
+    <section class="profile">
+      <img src="./images/image.jpg" alt="吉岡のプロフィール画像">
+      <div class="info">
+        <h2>自己紹介</h2>
+        <p>趣味：K-pop、漫画、スポーツ観戦</p>
+        <p>目標：世界旅行</p>
+      </div>
+    </section>
+
+    <section class="skills">
+      <h2>スキル</h2>
+      <ul>
+        <li>HTML / CSS</li>
+        <li>JavaScript / React　Node.js　Typescript</li>
+        <li>Laravel / MySQL</li>
+      </ul>
+    </section>
+  </main>
+
+  <footer>
+    <p>&copy; 2025 Yamashita Shohei
+    </footer>
+  </body>
+  </html>
path: index.html
user: login: yi-yoshioka-ryohei
body: インデントに関して調整をお願いします。
詳しい手順については
[こちら](https://se.cite.ehime-u.ac.jp/jp/lecture/prog/vscode-%E4%B8%8A%E3%81%A7%E3%82%A4%E3%83%B3%E3%83%87%E3%83%B3%E3%83%88%E3%82%92%E8%87%AA%E5%8B%95%E3%81%A7%E6%8F%83%E3%81%88%E3%82%8B%E6%96%B9%E6%B3%95/)
確認してみてください。
created_at: 2025-05-09T10:16:59Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,57 @@
+body {
+    font-family: "Helvetica Neue", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+    color: #333;
+  }
+  
+  header {
+    background-color: #333;
+    color: white;
+    padding: 20px;
+    text-align: center;
+  }
+  
+  main {
+    max-width: 800px;
+    margin: 20px auto;
+    padding: 0 20px;
+    background-color: #fff;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  }
+  
+  .profile {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 20px 0;
+  }
+  
+  .profile img {
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+    border-radius: 100px;
+    margin-right: 20px;
+  }
+  
+  .profile .info h2 {
+    margin-bottom: 5px;
+  }
+  
+  .skills ul {
+    padding-left: 20px;
+  }
+  
+  .skills li {
+    margin-bottom: 5px;
+  }
+  
+  footer {
+    text-align: center;
+    padding: 15px;
+    color: #aaa;
+    font-size: 14px;
+  }
+  
path: style.css
user: login: yi-yoshioka-ryohei
body: こちらもまだ修正できてなさそうなのでHTMLと同様に修正をお願いします。
created_at: 2025-05-09T10:17:24Z
author_association: COLLABORATOR

PR comments:
user: login: yi-yamashita-shohei
created_at: 2025-05-05T14:05:14Z
body: 修正しました。確認お願いします。
author_association: OWNER
user: login: yi-yamashita-shohei
created_at: 2025-05-07T14:22:21Z
body: 修正しました。確認お願いします。
author_association: OWNER