-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_ja.html
453 lines (424 loc) · 23.3 KB
/
index_ja.html
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
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- YouTube sub counter -->
<script src="https://apis.google.com/js/platform.js"></script>
<script src="https://stackpath.bootstrapcdn.com/font-awesome/5.7.0/css/font-awesome.min.css"></script>
<title>豆谷 浩輝</title>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="images/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div id="mobile-menu-open" class="shadow-large">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
<!-- End #mobile-menu-toggle -->
<header>
<div id="mobile-menu-close">
<span>Close</span> <i class="fa fa-times" aria-hidden="true"></i>
</div>
<ul id="menu" class="shadow">
<li>
<a href="#about">概要</a>
</li>
<li>
<a href="#education">学歴</a>
</li>
<li>
<a href="#experience">就業経験</a>
</li>
<li>
<a href="#projects">開発物</a>
</li>
<li>
<a href="#skills">スキル</a>
</li>
<li>
<a href="#contact">ご連絡</a>
</li>
</ul>
</header>
<!-- End header -->
<div id="lead">
<div id="lead-content">
<h1>豆谷 浩輝</h1>
<h2><code style="font-size: 80%">情熱xスキル=開発物</code></h2>
<div id="leading-links">
<a href="assets/CV_Kohki_Mametani.pdf" class="btn-rounded-white">レジュメ(英語)</a>
<a href="https://github.com/kokimame" target="_blank">
<i class="fa fa-github" aria-hidden="true" style="font-size:32px;color:white"></i>
</a>
<a href="https://www.linkedin.com/in/kohki-mametani-016b09135/" target="_blank">
<i class="fa fa-linkedin" aria-hidden="true" style="font-size:32px;color:white"></i>
</a>
</div>
<div class="lang-selector">
<div class="lang-title">
言語
</div>
<a href="./index.html">
<img src="images/uk.png" width="20" height="20"/>
</a>·
<a class="currently-selected">
<img src="images/japan.png" width="20" height="20"/>
</a>
</div>
</div>
<!-- End #lead-content -->
<div id="lead-overlay"></div>
<div id="lead-down">
<span>
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</span>
</div>
<!-- End #lead-down -->
</div>
<!-- End #lead -->
<div id="about" class="background-alt">
<div class="container">
<div class="row">
<div class="col-md-4">
<h2 class="heading">自己紹介</h2>
</div>
<div class="col-md-8">
<p>
豆谷浩輝（マメタニコウキ）と申します．
欧州の大学院で機械学習の研究を行う傍ら，関連技術を用いた様々なアプリ開発に取り組んでいます．
機械学習を音・音声に適用する研究開発（音声合成，MIR等）にインターンシップや大学院で幅広く携わってきました．
音関連以外では，3年ほど自然言語処理を活用した商用のOSS
（Kotlinを用いたAndroidアプリ，フルスタックでのウェブアプリ，クロスプラットホームなデスクトップアプリ）を開発しています．
一連の開発の中で，50名規模の国際的なチームを立ち上げ，言語学習教材の動画作成をアウトソース・自動化すること成功し，教材を無償配布しているYouTubeチャンネルを登録者数5万人以上に成長させました．
</p>
</div>
</div>
</div>
</div>
<!-- End #about -->
<!-- WARNING Writing education in education style and vice versa -->
<div id="education">
<h2 class="heading">学歴</h2>
<div id="experience-timeline">
<div data-date="2019年9月ー2020年9月">
<h3>Pompeu Fabra大学 バルセロナ スペイン</h3>
<h4>音・音楽情報処理（修士課程）</h4>
<p>
Freesoundのタグを利用し，Triplet-Lossを用いた音の埋め込み表現（OpenFSE）の研究開発
</p>
</div>
<div data-date="2015年4月ー2019年3月">
<h3>同志社大学 京都 日本</h3>
<h4>工学（学士）</h4>
<p>
音声合成の研究，
学士論文: Diagnostic classifiers reveal context features hidden in End-to-End TTS
</p>
</div>
</div>
</div>
<!-- End #experience -->
<div id="publication" class="background-alt">
<h2 class="heading">論文</h2>
<div class="education-block" style="background: white;">
<h3>Investigating context features hidden in End-to-End TTS</h3>
<span class="education-date">May 2019</span>
<h4><a href="https://arxiv.org/abs/1811.01376">paper link</a></h4>
<p>
This work presents a novel analysis of hidden states of an End-to-End TTS system using eight criteria derived from the standard set of context features of parametric TTS.
The paper was accepted to the IEEE International Conference on Acoustics, Speech and Signal Processing (ICASSP) 2019.
</p>
</div>
</div>
<div id="experience">
<h2 class="heading">就業経験</h2>
<div class="education-block">
<h3>株式会社Qosmo 東京 日本</h3>
<span class="education-date">2019年4月ー2019年9月</span>
<h4>機械学習エンジニアインターンシップ</h4>
<p>
【CNN(Tensorflow)による楽曲のテンポ推定】
<br />
仕様の策定，開発を担当．仕様の策定においては，多数の論文を調査した上で，短期間で実装可能な既存のニューラルネットワークのモデルをベースラインにし，それを再実装することから開始した．開発においては，音声処理でよく行われる，特徴抽出などのプロセス，Tensorflowでのモデル実装，Tensorboardを用いた分析ツールの開発を担当した．
<br /><br />
【機械学習用の画像データのアノテーションツールの作成】
<br />
仕様の策定，開発を担当．仕様の策定においては，英語で既存の製品の不備を指摘し，新たなモデルを提案．プロトタイプを示すことでメンバーの了解を得た．開発では，アノテーション作業を行うアルバイトが簡単に製品を扱えるように，JavaScriptとHTML5のCanvasを用いてブラウザで動く製品を開発した．また，クローラを開発し，学習用の画像データ約7万枚をチームに提供した.
<br />
</p>
</div>
<div class="education-block">
<h3>同志社大学 京都 日本</h3>
<span class="education-date">2018年4月ー2019年8月</span>
<h4>研究補佐</h4>
<p>
【<a href="http://htk.eng.cam.ac.uk/">HTK</a>を用いた音素セグメンテーションの開発】<br />
音素セグメンテーションツールを開発し，研究室で行われていた手作業によるセグメーテンション作業の効率を約2倍高めた
<br /><br />
ICASSP2019の準備に加え，学部卒業後2ヶ月間，学部生の研究補佐に努めた．<br />
</p>
</div>
</div>
<!-- End #education -->
<!-- See the WARNING above -->
<div id="projects" class="background-alt">
<h2 class="heading">開発物</h2>
<div class="container">
<div class="row">
<div class="project shadow-large">
<div class="project-date">
2019年8月ー2019年12月
</div>
<div class="project-image" style="background-color: gray;">
<img src="./assets/demo.gif" width="180" height="300" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>ジョイ単 REC</h3>
<p>
ジョイ単 RECはAndroid向けのレコーダアプリであり，オンライン言語学習サイトのチューター等に
ネイティブ発音の提供をお願いし，その音声を用いて無料の言語教材を作り，公開しています
</p>
<h4><a href="https://play.google.com/store/apps/details?id=com.joytan.rec">Google Play</a></h4>
<h5>
<span class="floating-btn">Kotlin</span>
<span class="floating-btn">Firebase</span>
<span class="floating-btn">Android</span>
</h5>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-date">
2019年8月ー2020年2月
</div>
<div class="project-image">
<img src="images/joytan_pub_screenshot.png" width="300" height="300" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>ジョイ単 Public</h3>
<p>
ジョイ単 Publicはジョイ単 RECで提供された音声データを評価するウェブサイトです．この機能に加えて，
各言語教材動画の議論フォーラムやその他補助教材を提供します．
</p>
<h4><a href="https://joytan.pub">ウェブサイト</a></h4>
<h5>
<span class="floating-btn">jQuery</span>
<span class="floating-btn">Bootstrap</span>
<span class="floating-btn">Firebase</span>
<span class="floating-btn">NoSQL</span>
</h5>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-date">
2019年8月ー現在
</div>
<div class="project-image">
<img width="300" height="300" src="assets/demo_joytan_movie.gif" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Joytan App <div style="position: relative; top: 5px;" class="g-ytsubscribe" data-channelid="UC0bLbtTI9uni3bNRPIJQAqA" data-layout="default" data-count="default"></div></h3>
<p>
50人以上が参加するチームを率いて，多言語学習教材の動画をYouTube上で無償配布しています．<br />
教材の作成では，自然言語処理や音声合成を活用し，フリーのコーパスから役立つ単語や例文をマイニングしています．
動画の生成の多くのプロセスはアウトソース・自動化することに成功しました．
</p>
<h4>
<a href="https://youtube.com/c/JoytanApp">YouTubeチャンネル</a> |
<a href="https://www.reddit.com/r/SideProject/comments/gktnsr/started_as_a_desktop_app_turned_into_a_youtube/">詳しい成り立ち(Reddit)</a></h4>
<h5>
<div class="floating-btn">Python</div>
<div class="floating-btn">NLTK</div>
<div class="floating-btn">SpaCy</div>
<div class="floating-btn">Web Automation</div>
<div class="floating-btn">SQL</div>
<div class="floating-btn">Team Management</div>
</h5>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-date">
2017年9月ー2018年3月
</div>
<div class="project-image">
<img src="images/joytan_logo.png" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Joytan <iframe style="position: relative; top: 12px" src="https://ghbtns.com/github-btn.html?user=kokimame&repo=joytan&type=star&count=true&size=small"
frameborder="0" scrolling="0" width="100px" height="30px"></iframe></h3>
<p>
ジョイ単はクロスプラットホーム(Linux, OSX, Windowsで動作)な無料デスクトップアプリで，
言語学習者がオーディオブックやテキスト教材を自身で簡単に作成することを可能にします．<br />
開発の動機は，私が大学院留学に向けて英語学習をする上で，このようなツールが必要であったことに発します．
</p>
<h4><a href="https://kokimame.github.io/joytan/">ウェブサイト</a></h4>
<h5>
<div class="floating-btn">Python</div>
<div class="floating-btn">Cross-platform development</div>
<div class="floating-btn">CI</div>
</h5>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-date">
2019年1月ー2019年2月
</div>
<div class="project-image">
<img src="images/jkanji.png" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Kanji Sheet Generator</h3>
<p>
これはDjangoベースの実験的ウェブサイトでHeroku・AWSにデプロイしています．
LaTeXとtikzを用いてデザインした上で，プロダクションではReportLabを用いて素早いPDFの作成を可能にしています．<br />
Herokuのフリーティアで管理しているので立ち上げに少し時間がかかります．
</p>
<h4><a href="https://jkanji.herokuapp.com/">ウェブサイト</a></h4>
<h5>
<div class="floating-btn">Django</div>
<div class="floating-btn">Heroku</div>
<div class="floating-btn">LaTeX</div>
</h5>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-date">
2017年5月ー2017年6月
</div>
<div class="project-image">
<img src="images/pycraft.png" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Pycraft <iframe style="position: relative; top: 12px" src="https://ghbtns.com/github-btn.html?user=traverseda&repo=pycraft&type=star&count=true&size=small"
frameborder="0" scrolling="0" width="100px" height="30px"></iframe></h3>
<p>
PycraftはマインクラフトのPythonクローンです．OpenGLを用いてマインクラフトの基本機能（移動・飛行・採掘）
を実装していますが，コード自体はPythonのおかげでかなり簡約化されています．<br />
私自身は，オブジェクト指向プログラム内の仕様のミスを発見・修正することでプロダクトに貢献しました．
</p>
<h4><a href="https://github.com/traverseda/pycraft">GitHub</a></h4>
<h5>
<div class="floating-btn">OpenGL</div>
<div class="floating-btn">Team development</div>
<div class="floating-btn">Computer Graphics</div>
</h5>
</div>
<!-- End .project-info -->
</div>
<div class="project shadow-large">
<div class="project-date">
2017年4月ー2017年5月
</div>
<div class="project-image">
<img src="images/cginc.png" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>CGINC</h3>
<p>
CGINCは<a href="http://www.povray.org/">POV-ray</a>
のようなレイトレーシングが可能なC言語プログラムです.鏡面反射やCSGモデル定義のパーサーの実装を行いました．
</p>
<h4><a href="https://github.com/kokimame/cginc">GitHub</a></h4>
<h5>
<div class="floating-btn">C</div>
<div class="floating-btn">Computer Vision</div>
</h5>
</div>
<!-- End .project-info -->
</div>
</div>
</div>
</div>
<!-- End #projects -->
<div id="skills">
<h2 class="heading">スキル</h2>
<div id="skill-list"></div>
<h3>言語 : 日本語 (ネイティブ) 英語 (TOEFL 94, 2018)</h3>
</div>
<!-- End #skills -->
<div id="contact">
<h2>ご連絡</h2>
<div id="contact-form">
<form method="POST" action="https://formspree.io/kohkimametani@gmail.com">
<input type="hidden" name="_subject" value="Contact request from personal website" />
<input type="email" name="_replyto" placeholder="メールアドレス" required>
<textarea name="message" placeholder="メッセージ内容" required></textarea>
<button type="submit">送信</button>
</form>
</div>
<!-- End #contact-form -->
</div>
<!-- End #contact -->
<footer>
<div class="container">
<div class="row">
<div class="col-sm-5 copyright">
<p>
Copyright © 2018-現在 豆谷浩輝
</p>
</div>
<div class="col-sm-2 top">
<span id="to-top">
<i class="fa fa-chevron-up" aria-hidden="true"></i>
</span>
</div>
<div class="col-sm-5 social">
<ul>
<li>
<a href="https://github.com/kokimame" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://stackoverflow.com/users/6631510/kohki-mametani" target="_blank"><i class="fa fa-stack-overflow" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/in/kohki-mametani-016b09135/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://twitter.com/kohkimametani" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- End footer -->
<script src="js/scripts.min.js"></script>
</body>
</html>