-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
133 lines (124 loc) · 12.3 KB
/
Copy pathindex.html
File metadata and controls
133 lines (124 loc) · 12.3 KB
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>ねずみのポートフォリオサイト | Web開発・3D・ツール制作</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="ねずみのポートフォリオサイトでは、Webアプリ、3Dモデリング、ツール開発などのプロジェクトを紹介しています。" />
<meta name="keywords" content="ポートフォリオ, Web開発, JavaScript, 3Dモデリング, ネズミ, ツール, Supabase" />
<link rel="stylesheet" href="style.css" />
<script src="colormouse.js"></script>
<script src="script.js"></script>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!-- 構造化データ（JSON-LD） -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "ねずみ",
"url": "https://mouse-portfolio.netlify.app",
"sameAs": [
"https://github.com/mouse0329"
],
"jobTitle": "Web開発者",
"description": "Webアプリ・ツール開発・3Dモデリングに取り組むネズミです。"
}
</script>
</head>
<body>
<header class="header-bar">
<h1>
<img src="img/MouseClear.png" alt="ネズミのマスコットキャラ チューチュー" width="100" height="100">
ねずみのポートフォリオサイト
</h1>
</header>
<button class="menu-toggle" id="menuToggle" aria-label="メニューを開く" aria-expanded="false" aria-controls="sideMenu">
<span></span><span></span><span></span>
</button>
<div class="side-menu" id="sideMenu">
<p>メニュー</p>
<nav>
<ul>
<li><a href="#about" class="menu-link">自己紹介</a></li>
<br>
<ul class="submenu">
<li><a href="#projects" class="menu-link">プロジェクト</a>
<li><a href="#mouse-sketch" class="menu-link-sub">ネズミスケッチ</a></li>
<li><a href="#inpaint-nezumi" class="menu-link-sub">Inpaint-nezumi</a></li>
<li><a href="#other-projects" class="menu-link-sub">その他のプロジェクト</a></li>
</ul>
</li>
<br>
</ul>
</nav>
</div>
<div class="container">
<div class="header-bar-height"></div>
<header id="header" class="header">
<h2>ねずみのポートフォリオサイト</h2>
<p>ようこそ！これはねずみのポートフォリオサイトです。</p>
<p>ここでは、ねずみの作品や活動を紹介しています。</p>
<p>最新のプロジェクト情報をチェックしてください。</p>
<h3>マスコットキャラクターの紹介</h3>
<p>ねずみのチューチューです。</p>
<div id="colorTarget">
<img src="img/MouseClear.png" alt="ネズミのマスコットキャラ チューチュー">
<div class="speech-bubble" id="speechBubble">おはようチュー！</div>
</div>
</header>
<section id="about" class="about">
<h2>自己紹介</h2>
<p>私はJavaScript、TypeScript、HTML、CSSを使ってウェブサイトを作成しています。</p>
<p>趣味はプログラミングです。</p>
<p>Blenderを使った3Dモデリングにも挑戦しています。</p>
<p>Unityを使ったゲーム開発も少しずつ学んでいます。</p>
<p>デザインはあまり得意ではありませんが、楽しんで取り組んでいます。</p>
<p>私のGitHubアカウントは <a href="https://github.com/mouse0329" target="_blank" rel="noopener">mouse0329</a>
です。
</p>
<p>私のポートフォリオをぜひご覧ください。</p>
</section>
<section id="projects" class="projects">
<h2>プロジェクト</h2>
<p>現在進行中のプロジェクトや過去の作品を紹介します。</p>
<section class="project-item" id="mouse-sketch">
<h3><a class="project-name" href="https://mouse-sketch.netlify.app/">ネズミスケッチ</a></h3>
<dir class="nezumis">
<img src="data:image/webp;base64,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" alt="ネズミスケッチのアイコン" width="50" height="50">
<img src="https://mouse-sketch.web.app/img/nezumisuketitext.png" alt="ネズミスケッチのテキスト" >
</dir>
<img src="https://mouse-sketch.web.app/assets/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-BBBS5w4E.png" alt="ネズミスケッチのスクリーンショット" width="300"
height="200">
<p>ネズミスケッチは、ネズミをテーマにしたドット絵アプリです。ユーザーは自由にネズミのドット絵を描くことができます。アニメーションやレイヤー機能もあり、保存・共有が可能です。</p>
</section>
<section class="project-item">
<h3><a class="project-name" href="https://mouse-sketch.web.app/Inpaint-nezumi/">Inpaint-nezumi</a></h3>
<img src="data:image/webp;base64,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" alt="Inpaint-nezumiのアイコン" width="100" height="100">
<img src="/nezumi-inpaint.png" alt="Inpaint-nezumiのスクリーンショット" width="300" height="200">
<p>Inpaint-nezumiは、画像の不要な部分を消すことができるツールです。ユーザーは消したい部分を選択し、AIが自然な背景で埋めてくれます。写真の修正やオブジェクトの削除に便利です。</p>
<p>現在はベータ版で、今後さらに機能を追加していく予定です。</p>
<p>これはossプロジェクトです。アパッチライセンスの下で公開されています。</p>
</section>
<section>
<h3>その他のプロジェクト</h3>
<ul>
<li><a href="https://github.com/nezumi-sketch/mouse-sketch">ネズミスケッチ</a></li>
<li><a href="https://github.com/nezumi-sketch/inpaint-nezumi">Inpaint-nezumi</a></li>
<li><a href="https://nezumi-ai-game.web.app/">Nezumi AI Game鬼ごっこ</a></li>
<li><a href="https://mouse-archive.web.app/?">ネズミの画像やプロジェクト保管庫</a></li>
<li><a href="https://nezumi-color-changer.netlify.app/">ネズミカラーチェンジャー</a></li>
<li><a href="https://encodehub.web.app/">動画のエンコードし直すエンコードハブ</a></li>
<li><a href="https://synthesizer-chu-web.netlify.app/">シンセサイザーチューチュー</a></li>
</ul>
</section>
</section>
<section id="copyright" class="copyright">
<h2>著作権情報</h2>
<p>このサイトおよび掲載されている全てのコンテンツ（画像、テキスト、ソースコード等）の著作権は、<a href="https://github.com/mouse0329"
target="_blank">mouse0329</a> に帰属します。</p>
<p>無断での転載・複製・再配布を禁じます。</p>
<p>© 2025 <a href="https://github.com/mouse0329" target="_blank">mouse0329</a> All Rights Reserved.</p>
</section>
</div>
</body>
</html>