This repository has been archived by the owner on Mar 27, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy path2017.html
294 lines (266 loc) · 23.4 KB
/
2017.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
<!DOCTYPE html>
<html 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">
<meta name="description" content="2017年度は、41件の応募中、11プロジェクト17人を採択し、そのうちあ6人を未踏ジュニアスーパークリエータとして認定しました。">
<meta name="author" content="一般社団法人未踏プログラミング教育WG">
<meta property="og:image" content="http://jr.mitou.org/img/ogimage.png" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="2017年度未踏ジュニア - U-17ミニ未踏プロジェクト">
<meta name="twitter:description" content="2017年度は、41件の応募中、11プロジェクト17人を採択し、そのうちあ6人を未踏ジュニアスーパークリエータとして認定しました。">
<meta name="twitter:image" content="http://jr.mitou.org/img/twitterCard.png">
<title>2017年度未踏ジュニア - U-17ミニ未踏プロジェクト</title>
<link rel="icon" href="./img/favicon.png" sizes="32x32" type="image/png">
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<!-- Custom Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
<!-- Plugin CSS -->
<link rel="stylesheet" href="css/animate.min.css" type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/creative.css" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-77183423-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body id="page-top">
<!-- Facebook plugin -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.8&appId=158647657952679";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="/#page-top">未踏ジュニア</a>
<a class="navbar-lang" href="/index.html">日本語</a>
<a class="navbar-lang" href="/index_en.html">English</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="/#about">未踏ジュニアとは?</a>
</li>
<li>
<a class="page-scroll" href="/#pms">PM陣</a>
</li>
<li>
<a class="page-scroll" href="/2018">2018年度の成果</a>
</li>
<li>
<a class="page-scroll" href="/#qa">よくある質問</a>
</li>
<li>
<a class="page-scroll" href="/#sponsor">スポンサー</a>
</li>
<li>
<a class="page-scroll" href="/#contact">コンタクト</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<section id="2017">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">2017年度の採択者及び成果</h2>
<p class="text-muted">2017年度は、41件の応募中、11プロジェクト17人を採択しました。</p>
<img src="./img/jr2017.png" class="img-responsive center-block wow bounceIn" data-wow-delay=".05s">
<hr class="primary">
<p class="text-muted">以下のクリエータは、未踏ジュニアスーパークリエータに認定されました。</p>
<p class="text-info"><a href="#sugano">菅野 楓 (narratica〜ストーリーコンサルタント〜)</a></p>
<p class="text-info"><a href="#yano">矢野 礼伊 (見守りフォトスタンド)</a></p>
<p class="text-info"><a href="#kato">加藤 周 (DrawCode 〜ブロックをつなげて自由にHTMLを描こう〜)</a></p>
<p class="text-info"><a href="#ohno">大野 智葵 (FRPの概念に触れられるビジュアルプログラミング言語の開発)</a></p>
<p class="text-info"><a href="#ohno">鈴木 颯介 (FRPの概念に触れられるビジュアルプログラミング言語の開発)</a></p>
<p class="text-info"><a href="#otsuka">大塚 嶺 (らくらく読み読み)</a></p>
<hr class="primary">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 text-center">
<h3>個人の経験に紐づいた楽曲を推薦するスマートフォンアプリケーションの提案</h3>
<p class="text-info">佐々木 雅斗, 周藤 光太郎 (関PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/gfrleUVHGZs?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">カラオケで歌った曲、見た映画等の経験に基づいて、AppleMusicから曲を推薦する新しい仕組みのiOSアプリを開発</p>
<h5>関PMより一言</h5>
<p class="text-muted">昔聴いていた曲をあまり聴かなくなったのでは、という問題意識から思い出から音楽を聴くサービスを作ろうというプロジェクト。理想をどのようにプロダクトに落とし込んでいくか、そしてどのように作るかということを実地で学んでいた。リリースをまで到達できなかったので、そこは今後の課題としてもらいたい。今回の体験を活かして世の中を変えていくようなサービスを作ることを作り出していくことを期待する。</p>
</div>
<div class="col-lg-6 col-md-6 text-center">
<h3>学校現場における情報共有やスケジューリングを支援するウェブアプリの提案</h3>
<p class="text-info">田中 祐太朗, 中原 楊, 中川 茉奈美 (関PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/FSfQnk2evnY?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">PaPaという、学校での円滑な情報伝達を支援し、日本のIT教育に寄与することを目指したWEBアプリケーションを開発。</p>
<h5>関PMより一言</h5>
<p class="text-muted">自分たちが通う学校のITシステムの現状に課題を感じ、その課題を解決するサービスを作りたいというプロジェクト。ほぼプログラミング未経験の状態から技術力を高め、実際にクラスの人々に使ってもらい、フィードバックを得て改善するプロセスを進めることができていた。今後はより技術力を高めながら、今回の体験を活かして世の中を変えていくようなサービスを作ることを作り出していくことを期待する。</p>
</div>
</div>
<hr class="primary">
<div class="row">
<div class="col-lg-6 col-md-6 text-center">
<h3>暗記クッキー</h3>
<p class="text-info">中筋 絢香 (鵜飼PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/CRvzQtz90RM?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">WEBクイズで頑張って覚えた漢字や単語がクッキーに焼かれ、暗記学習のモチベーションアップを支援するシステムを開発。</p>
<h5>鵜飼PMより一言</h5>
<p class="text-muted">自分自身の、「海外にいると漢字を学ぶモチベーションを保ちにくい」という経験に基づいて、オンラインの漢字テストでがんばって覚えた漢字をレーザーカッターを利用してクッキーに焼くことで、楽しく漢字を学べるシステム「暗記クッキー」を開発した。時間が限られている中で、最低限、動く形まで持ってきたことは評価できるので、今後もこの非常に良いアイデアの可能性を広げることにチャレンジしてほしい。</p>
</div>
<div class="col-lg-6 col-md-6 text-center" id="sugano">
<h3>narratica〜ストーリーコンサルタント〜</h3>
<p class="text-info">菅野 楓 (米辻PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/7o0_Q_nBGi4?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">自然言語処理によって、映画脚本のテキスト分析を行い、登場人物の感情変化をもとにストーリーを評価。自分で書いた文章もリアルタイムに感情分析。</p>
<h5>米辻PMより一言</h5>
<p class="text-muted">スマホアプリ等の開発経験を持っていた事、ストーリーの解析という難しいテーマに対し形態素解析という技術的なアプローチを提案出来ていた事から採択。期間中にサーバサイドでのシナリオ形態の素解析プログラム、クライアントサイドでの感情グラフ化等を実現し、実際に幾つかのシナリオについて分析する事ができた事を高く評価したい。将来性の高いテーマなので、これからの発展に期待したい。</p>
</div>
</div>
<hr class="primary">
<div class="row">
<div class="col-lg-6 col-md-6 text-center" id="yano">
<h3>見守りフォトスタンド</h3>
<p class="text-info">矢野 礼伊 (米辻PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/lOrb8nH85qo?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">老人宅の玄関に、見守り装置を設置し、介護者から見守れるようにするシステム。見守り装置は、カメラ及び各種センサを装備し、サーバーを介してWeb経由で介護者が随時様子を知ることができる。</p>
<h5>米辻PMより一言</h5>
<p class="text-muted">祖父を見守りたいというモチベーションで、マイコンを用いてセンサやカメラデータを取得し、サーバサイドでデータベース化およびグラフ化、さらに機械学習を用いた取得画像の分類を行った。
電子工作、サーバ、クライアントと非常に広範な開発をこなす高い技術力を評価して採択。期待以上のエンジニアリング能力を発揮してくれた。これからもその開発力を色々な所で活かして貰いたい。
</p>
</div>
<div class="col-lg-6 col-md-6 text-center">
<h3>Fall in Friends ～東京オリンピックに向けて、日本のインバウンドを変えるアプリを作る ～</h3>
<p class="text-info">霜田 哲之介 (寺本PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Xr2Jeb5cf7o?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">困っている訪日外国人が、旅行者を助けたい日本人に質問できるアプリケーションを開発。</p>
<h5>寺本PMより一言</h5>
<p class="text-muted">訪日外国人ともっと上手くコミュニケーションをとることで、外国人が抱えるなんらかの問題を解決しようという試みである。プロジェクト開始前から空港でアンケートをとるなど意気込みは十分であった。アプリの方は、初めて触る言語での開発だったが、期間中にコツコツ学び続けてプロトタイプを完成させた。そういう意味では、今回はプロジェクトは彼の自信にも繋がったと思われる。これからも持ち前の行動力を活かしていって欲しい。</p>
</div>
</div>
<hr class="primary">
<div class="row">
<div class="col-lg-6 col-md-6 text-center" id="kato">
<h3>DrawCode 〜ブロックをつなげて自由にHTMLを描こう〜</h3>
<p class="text-info">加藤 周 (寺本PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/t0Ho0S08hJI?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">コードが書かれたブロックをつなげていくだけでサイトが作れ、さらにコードも書けるようになる初学者向けのサービスを開発。</p>
<h5>寺本PMより一言</h5>
<p class="text-muted">プログラミング教材は今まさに群雄割拠である。彼は自身の原体験をもとに、テキストプログラミングに移行しやすいブロックプログラミングの形を模索した。今回のプロジェクトで、プログラムの表現方法を考えるだけでなく、実装して実際にユーザに使ってもらったことは高く評価できる。また、彼自身がさらにプログラミングを学ぶことによって、編み出せるアイデアは大いに広がるだろう。今後も時間の許す限り色々な物を作って欲しい。</p>
</div>
<div class="col-lg-6 col-md-6 text-center">
<h3>"聞く"キーボード</h3>
<p class="text-info">根本 真響 (笹田PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/foJCvFcYhv0?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">日本語、英語、中国語の3言語で利用できる、音声認識機能を搭載したキーボード。</p>
<h5>笹田PMより一言</h5>
<p class="text-muted">根本さんは、音声認識機能を持つ「聞くキーボード」を、ラズパイを用いて開発した。日本語だけでなく、英語と中国語のデモを行ったのはファインプレイだった。多くの箇所で既存のソフトウェアやサービスを使っているため、本質的に困難な箇所はないが、うまく組み合わせ、使える状態にして公開できたのは大きく評価できる。欲を言えば、キーボードをより活用する提案ができると良かった。改善すべき点も多いが、それも含め、未踏ジュニア期間に体験したことを糧に今後も活躍して欲しい。</p>
</div>
</div>
<hr class="primary">
<div class="row">
<div class="col-lg-6 col-md-6 text-center">
<h3>SmileI/OT</h3>
<p class="text-info">山田 陽大, 足立 素音, 田島 融樹, 出川 大和 (西尾PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/uNES_ZXf8eg?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">プログラミング不要でIoTデバイスをカスタマイズできるシステムを開発。</p>
<h5>西尾PMより一言</h5>
<p class="text-muted">書類上は山田さんがチームリーダーだが、実質的には足立さんがメインのプロジェクト。足立さんはIoTデバイスをプログラミングなしで使えるようにすることで、よりIoTの普及した世界が訪れることを目的とし、ソフトウェア開発に挑戦した。残念ながら成果報告会でデモを見ることはできなかったが、Raspberry Piの上でWebサービスを動かし、ユーザはプログラムレスで、人感センサの入力をTweetするなどの設定をブラウザ上で行うことができる。何でも自分でやりたいのか、あまりPMに対して報告・連絡・相談をしてくれなかったのが残念である。</p>
</div>
<div class="col-lg-6 col-md-6 text-center" id="ohno">
<h3>FRPの概念に触れられるビジュアルプログラミング言語の開発</h3>
<p class="text-info">大野 智葵, 鈴木 颯介 (安川PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/fejZIj2K9A8?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">配置したGUI要素を線で繋いでいくことでアプリケーションを作っていけるビジュアルプログラミング言語を開発。</p>
<h5>安川PMより一言</h5>
<p class="text-muted">大野さんと鈴木さんは二人とも十分な開発経験を既に持っており、期間中はプロダクト開発手法を作りながら学ぶことに終始フォーカスできた。今回開発した「<a href="https://vamboo.net/">vamboo</a>」をリリースさせ、ユーザーテストも行い、OSS として英語で公開した成果には「未来の当たり前」を感じさせられた。未踏コミュニティをうまく活用して、今後は僕らの理解できない未踏の領域を切り開いて欲しい。</p>
</div>
</div>
<hr class="primary">
<div class="row">
<div class="col-lg-6 col-md-6 text-center" id="otsuka">
<h3>らくらく読み読み</h3>
<p class="text-info">大塚 嶺 (鈴木PM)</p>
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/jQA4kApjr8s?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<h5>概要</h5>
<p class="text-muted">視力が低下したお年寄りから子どもまでが楽にニュース記事を読めるアプリ。文字の表示の工夫、読み進めた部分のマーキング、視線追跡などの機能を搭載。</p>
<h5>鈴木PMより一言</h5>
<p class="text-muted">視力の低下で新聞が読みにくくなった人を助けるアプリを開発しました。開発にあたって、新しいプログラミング言語や視線追跡デバイスの使い方、スライドのデザインなどの技術を楽しみながら学び、自分のものにしていきました。プロジェクトの中盤にはユーザテストを行い、実際の使用者と対話をしながらインタフェースを改良しました。このような進め方は人の役に立つアプリを作るうえで大切です。今回技術的に難しく実現できなかった一部の機能は、今後開発の経験を深めていく中で解決方法を見つけられるでしょう。</p>
</div>
</div>
</div>
</section>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap-notify.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/creative.js?date=0523"></script>
</body>
</html>