-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
241 lines (231 loc) · 10.9 KB
/
index.html
File metadata and controls
241 lines (231 loc) · 10.9 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<meta property='og:type' content='website'>
<meta property='og:title' content='RYUDAI TAKAI ポートフォリオ'>
<meta property='og:url' content='URLが入る'>
<meta property='og:description' content='RYUDAI TAKAIのポートフォリオサイトです。'>
<meta property="og:image" content="img/ogp.png">
<meta name="description" content="RYUDAI TAKAIのポートフォリオサイトです" />
<title>RYUDAI TAKAI ポートフォリオ</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons+Outlined" rel="stylesheet">
<link href="css/ress.css" media="all" rel="stylesheet" type="text/css" />
<link href="css/style.css" media="all" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel=”canonical” href=”URLが入る” />
</head>
<body>
<div class="wrapper">
<!-- header -->
<header class="header ">
<div class="inner">
<h1 class="header-logo">
<a href=".">RYUDAI TAKAI</a>
</h1>
<nav class="header-nav">
<ul class="header-nav-list">
<li class="header-nav-item"><a href="#works">WORKS</a></li>
<li class="header-nav-item"><a href="#skill">SKILL</a></li>
<li class="header-nav-item"><a href="#about">ABOUT</a></li>
<li class="header-nav-item"><a href="#contact">CONTACT</a></li>
</ul>
</nav>
</div>
</header>
<!-- /header -->
<main class="content">
<!-- main-visual -->
<div class="main-visual">
<div class="main-visual-inner">
<p class="main-visual-title">RYUDAI TAKAI</p>
<p class="main-visual-subtitle">PORTFOLIO</p>
<!-- <p class="main-visual-text">
ユーザーとお客様が心から満足できる<br class="sp-only">サイトをお作りいたします。<br>
デザインとコーディングは<br class="sp-only">おまかせください。<br>
</p> -->
</div>
</div>
<!-- /main-visual -->
<!-- works -->
<section class="works section" id="works">
<div class="inner">
<h2 class="title">WORKS</h2>
<div class="works-list">
<a class="works-item" href="Vchat.html">
<p class="works-img"><img src="img/Vchat.png" alt="" /></p>
<p class="works-name">ビデオチャットアプリ</p>
<p class="works-info">node.js</p>
</a>
<a class="works-item" href="qiita.html">
<p class="works-img"><img src="img/qiita.png" alt="" /></p>
<p class="works-name">Qiita</p>
<p class="works-info">contribution</p>
</a>
<!-- <a class="works-item" href="works-template.html">
<p class="works-img"><img src="img/works-dummy-thumb.jpg" alt="" /></p>
<p class="works-name">作品名が入る</p>
<p class="works-info">Design</p>
</a>
<a class="works-item" href="works-template.html">
<p class="works-img"><img src="img/works-dummy-thumb.jpg" alt="" /></p>
<p class="works-name">作品名が入る</p>
<p class="works-info">Banner Design</p>
</a>
<a class="works-item" href="works-template.html">
<p class="works-img"><img src="img/works-dummy-thumb.jpg" alt="" /></p>
<p class="works-name">作品名が入る</p>
<p class="works-info">Banner Design</p>
</a> -->
</div>
</div>
</section>
<!-- /works -->
<!-- skill -->
<section class="skill section" id="skill">
<div class="inner">
<h2 class="title">SKILL (2021/4/4 update)</h2>
<div class="skill-list">
<div class="skill-item">
<p class="skill-img"><img src="img/htmlcss.jpg" alt=""></p>
<div class="skill-body">
<h3 class="skill-name">HTML/CSS(1ヵ月)</h3>
<p class="skill-text">
基本的なことはできます。いつも調べながら実装します。</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="img/c.png" alt=""></p>
<div class="skill-body">
<h3 class="skill-name">C(1年)</h3>
<p class="skill-text">
授業で扱っていました。基本的なことは出来ます。
ブロック崩しゲームの作成をしました。</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="img/java.png" alt=""></p>
<div class="skill-body">
<h3 class="skill-name">Java(1年半)</h3>
<p class="skill-text">
授業で扱っていました。基本的なことは出来ます。
ボールの衝突シミュレーションの作成をしたことがあります。</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="img/c++.png" alt=""></p>
<div class="skill-body">
<h3 class="skill-name">C++(1年)</h3>
<p class="skill-text">
OpenCVを利用した画像解析の研究で利用しています。</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="img/js.png" alt=""></p>
<div class="skill-body">
<h3 class="skill-name">JavaScript(1ヵ月半)</h3>
<p class="skill-text">
ビデオチャットアプリ作成のために勉強しました。基礎的なことは出来ます。</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="img/csharp.png" alt=""></p>
<div class="skill-body">
<h3 class="skill-name">C#(1週間)</h3>
<p class="skill-text">
インターンシップで.Net Frameworkを用いた掲示板作成をしたときに初めて勉強しました。
その当時はなんとか成果物を完成させることができました。</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="img/py.png" alt=""></p>
<div class="skill-body">
<h3 class="skill-name">Python(2週間)</h3>
<p class="skill-text">
最近勉強を始めました。チュートリアルとしてNumer0nの作成をしてみました。
GitHubにコードがあるので、よかったら見てみてください。</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="img/go.jpg" alt=""></p>
<div class="skill-body">
<h3 class="skill-name">Go(1週間)</h3>
<p class="skill-text">
最近基本的な書き方を覚えました。需要が高まってきているらしいので、とりあえず何か作ってみたいと思っています。
</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="img/mysql.png" alt=""></p>
<div class="skill-body">
<h3 class="skill-name">MySQL(1週間)</h3>
<p class="skill-text">
progateで学習しました。一通り学習しましたが、実際の使用経験はありません。</p>
</div>
</div>
</div>
</div>
</section>
<!-- /skill -->
<!-- about -->
<section class="about section" id="about">
<div class="inner">
<h2 class="title">ABOUT</h2>
<div class="profile">
<p class="profile-img">
<img src="img/me.JPG" alt="">
</p>
<div class="profile-body">
<p>
群馬大学理工学部電子情報理工学科4年。GFL(Global Frontier Leader)生。
情報系のコースを選択しており、授業でプログラミングなど行っています。
</p>
<p>
▼スポーツ<br>小学2年生の頃からラグビーをやっています。中学、高校と県選抜に選ばれており、全国大会にも出場しております。
</p>
<p>
▼留学<br>オーストラリアとセブ島に1か月間語学留学に行っていました。
</p>
<p>
▼趣味<br>部活のために週3~5日筋トレをしています。セブ島留学では、ジムのトレーナーの方にマンツーマンでトレーニングを教えてもらえる学校に通っていました。
</p>
<p>
▼開発経験<br>ブロック崩しゲーム(C)。ボール衝突シミュレーション(Java)。掲示板(C#, .NET Framework)。
画像解析の研究(C++, OpenCV)。ビデオチャットアプリ(node.js, HTML)。Numer0nゲーム(Python)。
</p>
</div>
</div>
</div>
</section>
<!-- /about -->
<!-- contact -->
<section class="contact section" id="contact">
<div class="inner">
<h2 class="title">CONTACT</h2>
<p class="lead">
お問い合わせは、<br class="sp-only">SNSかメールにてお願いいたします。
</p>
<div class="contact-list">
<a class="contact-item" href="https://twitter.com/Ryu2284027793" target="_blank" rel="noopener">Twitter</a>
<span class="contact-item">3xxxv5.3xxxv5.3xxxv5@gmail.com</span>
</div>
</div>
</section>
<!-- /contact -->
<div class="page-top" id="js-page-top">
<span class="material-icons-outlined">expand_less</span>
</div>
</main>
<!-- footer -->
<footer class="footer">
<div class="copyright">©RYUDAI TAKAI</div>
</footer>
<!-- /footer -->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type='text/javascript' src="js/script.js"></script>
</body>
</html>