sm25375e.github.io/index.html at main · sm25375e/sm25375e.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mani's HP</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>Mani's HP</header>
    <main class="articles">

        <!-- トップ -->
        <section id="top">
            <h2>Welcome</h2>
            <p>
                ここは Mani の個人ページです。
                勉強していること、最近の興味、メモしておきたいことなどを気まぐれに置いていく場所として使っています。
            </p>
            <p>
                完成された作品というより、書きかけのノートに近いものですが、
                そのぶん気軽に更新するつもりです。
            </p>
        </section>

        <!-- 自己紹介 -->
        <section id="about">
            <h2>About Me</h2>
            <p>
                現代の情報技術まわり（特に AI、プログラミング、言語）に興味があります。
                物事をできるだけシンプルに理解したいタイプで、
                ものの仕組みを分解して眺めるのが好きです。
            </p>
            <p>
                このサイトでは、日々考えたことや学んだことを、
                初学者としての視点のまま正直に書いていこうと思っています。
            </p>
        </section>

        <!-- 雑記 / 勉強メモ -->
        <section id="notes">
            <h2>Notes</h2>
            <p>
                ・大学で学んだことのまとめ
                ・英語や物理の理解メモ
                ・気になったトピックを気ままに検証した記録
            </p>
            <p>
                本格的な記事というよりも、
                頭の中の断片をそのまま置いていくような場所。
                あとから読み返して「何これ」と思うことも多いけど、
                そういう変化を残すのがけっこう好きです。
            </p>
        </section>

        <!-- Contact -->
        <section id="contact">
            <h2>Contact</h2>
            <p>
                特に公開する連絡先はありませんが、
                何かあれば SNS や既知の連絡方法でどうぞ。
            </p>
        </section>
    </main>
    <footer>&copy; 2025 Mani. All Rights Reserved.</footer>
</body>
</html>