-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
664 lines (652 loc) · 39.8 KB
/
index.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
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
---
layout: default
---
<div class="hero">
<div class="hero-main">
<h1 class="logo"><img src="{{ '/assets/images/dojocon-japan-logo.svg' | prepend: site.baseurl }}" alt="DojoCon JAPAN 2016"></h1>
<div class="line-taijitu"><img src="{{ '/assets/images/line-taijitu.svg' | prepend: site.baseurl }}" alt="DojoCon Japan 2016 アイコン"></div>
<h2 class="subtitle"><img src="{{ '/assets/images/dojocon-japan-subtitle.svg' | prepend: site.baseurl }}" alt="THE MORE DOJOS, THE MORE COOL CORDERS."></h2>
<ul class="action js-hero-action"><!--
--><li class="share"><a href="https://www.facebook.com/sharer.php?u={{ '/' | prepend: site.url }}" class="icon-facebook-circle" target="_blank"></a></li><!--
--><li class="share"><a href="https://twitter.com/share?url={{ '/' | prepend: site.url }}&text={{ site.title }}&hashtags={{ site.twitter.hashtag }}&via={{ site.twitter.id }}" class="icon-twitter-circle" target="_blank"></a></li><!--
--><li class="entry"><a href="{{ site.entryurl }}" class="button button-yellow icon-flag" target="_blank">Entry</a></li>
</ul>
</div>
<div class="date-venue">
<p class="date"><time datetime="2016-08-27 10:30">08.27</time>
<span class="day"><span class="vertical">S</span><span class="vertical">A</span><span class="vertical">T</span></span></p>
<p class="caption">The 1st DojoCon in Japan</p>
<p class="venue icon-location">内田洋行 大阪 ユビキタス協創広場 <span class="oswald">CANVAS</span></p>
</div>
</div>
<div id="about" class="about-section">
<div class="about-section-inner what-is-coderdojo-outer">
<div class="container">
<h1 class="section-title">
<span class="section-title-inner">
<span class="en">About</span>
<span class="ja">DojoCon とは？</span>
</span>
</h1>
<div class="what-is-coderdojo">
<h2>CoderDojoって？</h2>
<p>CoderDojoは2011年にアイルランドから始まった子供達にプログラミングを学ぶ場を提供するボランティア主導の世界的な非営利活動です。</p>
<p>Dojoの数は世界中で1,000以上にも及びます。</p>
<p class="coderdojo-logo"><img src="{{ '/assets/images/coderdojo-logo.svg' | prepend: site.baseurl }}" alt="CoderDojo ロゴ"></p>
<p>日本の道場も現在36となり、徐々に増えつつありますが参加を希望する子供に対してメンター（サポートするボランティア）やDojoが常に不足しています。西宮、梅田で開催しているDojoでは毎回倍率が2倍以上になっています。そのような現状を解決する為に、私たちは今年8月日本で初めてのDojoConを開催します。</p>
</div>
</div>
</div>
<div class="about-section-inner">
<div class="container">
<div class="what-is-dojocon">
<figure><img src="{{ '/assets/images/what-is-dojocon-image.jpg' | prepend: site.baseurl }}" alt="DojoCon のイメージ写真"></figure>
<div class="text">
<h2>DojoConとは？</h2>
<p>CoderDojoの主催者やメンター、プログラミングを学ぶ子供たち、また活動に賛同・協賛する人が数百人集う大きなイベントです。ヨーロッパでは毎年のように開催され、今年もアイルランドのダブリンで3日間開催されます。DojoConでは、アイデアを共有したり、インスピレーションを得たり、コードでしか知らなかった人に会ったり、価値観が共有できる新しい友人に出会えたり、実践的なスキルについて話合ったりすることができます。</p>
<p>CoderDojoをはじめたい人やプログラミング教育に興味のある人にとって、コミュニケーションの幅や知識の深さや新たな知見を、また参加した子供達には記憶に残る体験を提供するイベントです。</p>
</div>
</div>
<div class="first-dojocon-japan">
<h2>初開催の DojoCon Japan</h2>
<p><strong>THE MORE DOJOS, THE MORE COOL CODERS</strong><br />
をテーマに</p>
<ul>
<li><strong>国内でのCoderDojoに携わるメンターの交流</strong></li>
<li><strong>プログラミング教育、コミュニティー運営、アートなどの各分野に関するエキサイティングなスピーカーを揃えたセッション</strong></li>
<li><strong>新しいテクノロジーやサービスに触れるショーケース</strong></li>
</ul>
<p>を中心に構成され、これから日本各地でCoderDojoが増え、それぞれがいっそう楽しく、より地域に根ざし、そしてクリエイティブなものになっていくことで次世代のテクノロジスト育成の促進を目指します。</p>
</div>
</div>
</div>
<div class="about-section-inner event-info-outer">
<div class="container">
<div class="event-info">
<h2>開催概要</h2>
<p>開催日 : 2016年8月27日（土）<br />
時間 : 10:30-16:30（開場 10:00）<br />
場所 : <a href="{{ site.venueurl }}" target="_blank">内田洋行 大阪 ユビキタス協創広場 CANVAS</a><br />
参加費 : 無料<br />
後援 : <a href="https://coderdojo.com/about/coderdojo-foundation/" target="_blank">CoderDojo Foundation</a></p>
<p class="entry-button-outer"><a href="{{ site.entryurl }}" class="button button-large button-black icon-flag" target="_blank">Entry</a><br>
参加登録が必要です。</p>
</div>
</div>
</div>
<div class="arduino-tank">
<div class="hand"><img src="{{ '/assets/images/hand.png' | prepend: site.baseurl }}" alt="手"></div>
<div class="pipi js-pipi"><img src="{{ '/assets/images/pipi.svg' | prepend: site.baseurl }}" alt="pipi!"></div>
<div class="tank js-tank"><img src="{{ '/assets/images/robot.png' | prepend: site.baseurl }}" alt="Arduino タンク"></div>
</div>
</div>
<div id="news" class="news-section">
<h1 class="section-title">
<span class="section-title-inner">
<span class="en">News</span>
<span class="ja">お知らせ</span>
</span>
</h1>
<div class="fade-out-overlay">
<div class="posts-outer">
<ul class="posts">
{% for post in site.posts %}
<li>
<a href="{{ post.url | prepend: site.baseurl }}">
{% if post.thumbnail %}
<figure class="post-thumbnail"><img src="{{ post.thumbnail | prepend: site.baseurl }}" alt="{{ post.title }}のサムネイル"></figure>
{% else %}
<figure class="post-thumbnail"><img src="{{ '/assets/images/nowprinting-600x400.jpg' | prepend: site.baseurl }}" alt="ニュースサムネイル"></figure>
{% endif %}
<p class="post-date"><time datetime="{{ post.date }}">{{ post.date | date: '%Y.%m.%d' }}</time></p>
<h2 class="post-title">{{ post.title }}</h2>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div id="access" class="access-section">
<h1 class="section-title">
<span class="section-title-inner">
<span class="en">Access</span>
<span class="ja">会場アクセス</span>
</span>
</h1>
<h2>場所</h2>
<p><a href="{{ site.venueurl }}" target="_blank">内田洋行 大阪 ユビキタス協創広場 CANVAS</a></p>
<div class="venue-images">
<div class="workshop-area"><p>Workshop Area</p></div>
<div class="session-area"><p>Session Area</p></div>
</div>
<h2>所在地</h2>
<p>大阪市中央区和泉町2-2-2</p>
<h2>地下鉄をご利用の場合</h2>
<p>地下鉄谷町線・中央線「谷町4丁目駅」8番出口より徒歩8分<br />
※お車でのご来館はご遠慮ください</p>
<div class="map-outer">
<h2>Map</h2>
<div id="map" class="map"></div>
</div>
</div>
<div id="speakers" class="speaker-section">
<h1 class="section-title">
<span class="section-title-inner">
<span class="en">Speakers</span>
<span class="ja">スピーカー</span>
</span>
</h1>
{% include speakers.html %}
</div>
<div id="sponsors" class="sponsor-section">
<div class="skew-background"></div>
<div class="sponsor-section-inner">
<h1 class="section-title">
<span class="section-title-inner">
<span class="en">Sponsors</span>
<span class="ja">スポンサー一覧</span>
</span>
</h1>
<div class="gold-sponsors sponsor-container">
<h2>Gold Sponsors</h2>
<ul class="sponsors">
<li><a href="https://amimoto-ami.com/" target="_blank"><img src="{{ '/assets/images/logo-amimoto.svg' | prepend: site.baseurl }}" alt="AMIMOTO AMI"></a></li>
<li><a href="http://gadget.renesas.com/" target="_blank"><img src="{{ '/assets/images/logo-renesas.svg' | prepend: site.baseurl }}" alt="ルネサスエレクトロニクス株式会社"></a></li>
</ul>
</div>
<div class="silver-sponsors sponsor-container">
<h2>Silver Sponsors</h2>
<ul class="sponsors">
<li><a href="http://www.cpi.ad.jp/" target="_blank"><img src="{{ '/assets/images/logo-cpi.svg' | prepend: site.baseurl }}" alt="株式会社KDDIウェブコミュニケーションズ"></a></li>
<li><a href="http://www.mitou.org/" target="_blank"><img src="{{ '/assets/images/logo-mitou.png' | prepend: site.baseurl }}" alt="一般社団法人未踏"></a></li>
<li><a href="http://www.ec-cube.net" target="_blank"><img src="{{ '/assets/images/logo-eccube.svg' | prepend: site.baseurl }}" alt="EC-CUBE （株式会社ロックオン）"></a></li>
<li><a href="http://www.kdl.co.jp/" target="_blank"><img src="{{ '/assets/images/logo-kdl.svg' | prepend: site.baseurl }}" alt="株式会社神戸デジタル・ラボ"></a></li>
<li><a href="http://www.artec-kk.co.jp/" target="_blank"><img src="{{ '/assets/images/logo-artec.svg' | prepend: site.baseurl }}" alt="株式会社アーテック"></a></li>
</ul>
</div>
<div class="bronze-sponsors sponsor-container">
<h2>Bronze Sponsors</h2>
<ul class="sponsors">
<li><a href="http://www.tam-tam.co.jp/" target="_blank"><img src="{{ '/assets/images/logo-tam.png' | prepend: site.baseurl }}" alt="株式会社TAM"></a></li>
<li><a href="https://www.r3it.com/" target="_blank"><img src="{{ '/assets/images/logo-r3.svg' | prepend: site.baseurl }}" alt="アールスリーインスティテュート"></a></li>
<li><a href="http://cafigla.com" target="_blank"><img src="{{ '/assets/images/logo-cafigla.svg' | prepend: site.baseurl }}" alt="Cafigla LLC.（合同会社カフィグラ）"></a></li>
<li><a href="https://www.firstserver.co.jp/" target="_blank"><img src="{{ '/assets/images/logo-firstserver.svg' | prepend: site.baseurl }}" alt="ファーストサーバ株式会社"></a></li>
<li><a href="https://share-wis.com/" target="_blank"><img src="{{ '/assets/images/logo-sharewis.svg' | prepend: site.baseurl }}" alt="株式会社シェアウィズ"></a></li>
<li><a href="http://dotinstall.com/" target="_blank"><img src="{{ '/assets/images/logo-dotinstall.svg' | prepend: site.baseurl }}" alt="株式会社ドットインストール"></a></li>
<li><a href="http://www.next-ge.co.jp/" target="_blank"><img src="{{ '/assets/images/logo-nextge.svg' | prepend: site.baseurl }}" alt="ネクストジェネレーション株式会社"></a></li>
</ul>
</div>
<div class="in-kind-sponsors sponsor-container">
<h2>In-kind Sponsors</h2>
<ul class="sponsors">
<li><a href="http://www.shoeisha.co.jp/" target="_blank"><img src="{{ '/assets/images/logo-shoeisha.svg' | prepend: site.baseurl }}" alt="株式会社翔泳社"></a></li>
<li><a href="http://pcn.club" target="_blank"><img src="{{ '/assets/images/logo-pcn.svg' | prepend: site.baseurl }}" alt="PCN"></a></li>
<li><a href="http://xooms.co.jp/" target="_blank"><img src="{{ '/assets/images/logo-xooms.svg' | prepend: site.baseurl }}" alt="株式会社XOOMS(ズームス)"></a></li>
<li><a href="https://rallyapp.jp/" target="_blank"><img src="{{ '/assets/images/logo-rally.svg' | prepend: site.baseurl }}" alt="RALLY"></a></li>
<li><a href="https://github.com/" target="_blank"><img src="{{ '/assets/images/logo-github.svg' | prepend: site.baseurl }}" alt="GitHub Inc."></a></li>
<li><a href="http://mabeee.mobi/" target="_blank"><img src="{{ '/assets/images/logo-novars.svg' | prepend: site.baseurl }}" alt="ノバルス株式会社"></a></li>
<li><a href="https://edu.monaca.io/" target="_blank"><img src="{{ '/assets/images/logo-asial.svg' | prepend: site.baseurl }}" alt="アシアル株式会社"></a></li>
</ul>
</div>
<div class="individual-supporters sponsor-container">
<h2>Individual Supporters</h2>
<ul class="supports">
<li>Takashi Hosoya</li>
<li>寺園聖文</li>
<li>角田一平</li>
<li>Takahiro Kaihara</li>
<li>hohraku</li>
<li>Ryota Horii</li>
<li>建山和徳</li>
<li>吉田研一</li>
<li>杉山敦</li>
<li>Yoshinao Mori</li>
<li>高野一</li>
<li>antsst</li>
<li>Hiroki Iida</li>
<li>Yuichi Ueno</li>
<li>Kenji Kojima</li>
<li>Ando Mitsuaki</li>
<li>Chiharu Nagatomi</li>
<li>SeiN</li>
<li>kozaru</li>
<li>takenao</li>
<li>Shoichiro Tajuta</li>
<li>Akari Doi</li>
<li>MUROSAKI, Yasuyuki</li>
<li>Yoshiko Sarakai</li>
<li>Takashi Imamura</li>
<li>Tomohiro Kawanabe</li>
<li>tanaka0726</li>
<li>クリエーションオフィス春夏秋冬</li>
<li>園田浩一</li>
<li>Masaki Ozawa</li>
<li>Aya Kimura</li>
<li>高松基広</li>
<li>Mutsuko Kurachi</li>
<li>Satoshi Tajima</li>
<li>mamy315</li>
<li>利根川裕太</li>
<li>Kazuhiro Okajima</li>
<li>skgm26</li>
<li>kanetei</li>
<li>Mitsuko Nakayama</li>
<li>shinichiN</li>
<li>Junko Nukaga</li>
<li>Daisuke Matsushima</li>
<li>kwaka1208</li>
</ul>
</div>
<!-- <p class="become-a-sponsor-outer">
<a href="{{ '/sponsor/' | prepend: site.baseurl }}" class="button button-large button-block become-a-sponsor">スポンサー申し込み</a>
</p> -->
</div>
</div>
<div id="timetable" class="timetable-section">
<div class="container">
<h1 class="section-title">
<span class="section-title-inner">
<span class="en">Time Table</span>
<span class="ja">タイムテーブル</span>
</span>
</h1>
<div class="timetable-note">
<p>記載の内容を当日やむを得ず変更する場合があります。体験型のエキシビジョンで人数を制限する場合があります。事前申込が必要なプログラムがございます。詳細をお知りになりたい場合はお問い合わせください。</p>
</div>
</div>
<!-- 基本的には `ul.speakers` 内では `.js-speaker-profile-trigger`、 `ol.sessions` 内では `.js-session-detail-trigger`、 `ol.workshops` 内では最初の2つのみ `.js-session-detail-trigger`、それ以外は `.js-fancybox-trigger` でお願いします。 -->
<div class="timetable">
<div class="session-block">
<ol class="clock">
<li class="icon-10-o-clock">10:00</li>
<li class="icon-11-o-clock">11:00</li>
<li class="icon-12-o-clock">12:00</li>
<li class="icon-1-o-clock">13:00</li>
<li class="icon-2-o-clock">14:00</li>
<li class="icon-3-o-clock">15:00</li>
<li class="icon-4-o-clock">16:00</li>
</ol>
<div class="sessions-outer">
<h2>Sessions</h2>
<ol class="sessions">
<li class="duration-30min">
<h3 class="session-title">開場・受付</h3>
<p class="time">[10:00]</p>
</li>
<li class="bg-light duration-10min opening">
<h3 class="session-title"><!-- <a href="#opening-ceremony" class="js-session-detail-trigger"> -->オープニングセレモニー<span class="speaker"> / 細谷 崇</span><!-- </a> --></h3>
<p class="time">[10:30-10:40]</p>
</li>
<li class="bg-dark duration-40min break-5min">
<h3 class="session-title"><a href="#keynote" class="js-session-detail-trigger">基調講演：「子供達にプログラミングをサポートする上で大事なポイント」<span class="speaker"> / 阿部 和広</span></a></h3>
<p class="time">[10:40-11:20]</p>
</li>
<li class="bg-light duration-20min">
<h3 class="session-title"><a href="#student-champions" class="js-session-detail-trigger">学生の道場運営者に聞く！<span class="speaker"> / 宮島 衣瑛、東 和樹、安川 要平</span></a></h3>
<p class="time">[11:25-11:45]</p>
</li>
<li class="bg-dark duration-20min break-10min">
<h3 class="session-title"><a href="#blocklyduino" class="js-session-detail-trigger">子供でもArduinoを楽しめるBlocklyDuinoの紹介<span class="speaker"> / 岡田 裕行</span></a></h3>
<p class="time">[11:45-12:05]</p>
</li>
<li class="bg-light duration-10min uchida">
<h3 class="session-title">株式会社内田洋行様 ご登壇予定</h3>
<p class="time">[12:15-12:25]</p>
</li>
<li class="bg-dark duration-20min break-5min">
<h3 class="session-title"><a href="#scratch-movesomething" class="js-session-detail-trigger">Scratch とマインクラフト、ドローンやロボットをつなげよう<span class="speaker"> / 石原 淳也</span></a></h3>
<p class="time">[12:25-12:45]</p>
</li>
<li class="bg-light duration-15min renesas">
<h3 class="session-title">ロボット覚醒プロジェクト取り組み紹介<span class="speaker"> / ルネサスエレクトロニクス株式会社 岡宮 由樹 様</h3>
<p class="time">[12:50-13:05]</p>
</li>
<li class="bg-dark duration-20min break-5min">
<h3 class="session-title"><a href="#coderdojo-minecraft" class="js-session-detail-trigger">Minecraftによるプログラミング学習の可能性<span class="speaker"> / 寺園 聖文</span></a></h3>
<p class="time">[13:05-13:25]</p>
</li>
<li class="bg-light duration-15min digitalcube">
<h3 class="session-title">How to contributing to the community. Why it's important to your life or business.<span class="speaker"> / 株式会社デジタルキューブ 小賀 浩通 様</span></h3>
<p class="time">[13:30-13:45]</p>
</li>
<li class="bg-dark duration-20min break-5min">
<h3 class="session-title"><a href="#coderdojo-kodaira" class="js-session-detail-trigger">CoderDojo Kodairaの活動について<span class="speaker"> / とがぞの</span></a></h3>
<p class="time">[13:45-14:05]</p>
</li>
<li class="bg-light duration-25min programming-schools-discussion">
<h3 class="session-title"><a href="#programming-schools-discussion" class="js-session-detail-trigger">有償と無償で何が違う？<br>プログラミング教室/コミュニティー運営座談会<span class="speaker"> / 倉本 大資、谷岡 広樹、橋爪 香織、安川 要平</span></a></h3>
<p class="time">[14:10-14:35]</p>
</li>
<li class="bg-dark duration-20min break-5min">
<h3 class="session-title"><a href="#ninja-presentations" class="js-session-detail-trigger">ニンジャ作品発表<span class="speaker"> / 城野 夏妃、田中 たいり、野村 風太、長谷川 塁音</span></a></h3>
<p class="time">[14:35-14:55]</p>
</li>
<li class="bg-light duration-40min">
<h3 class="session-title"><a href="#coderdojo-foundation" class="js-session-detail-trigger">CoderDojo ムーブメント − 可能にする、かかわる、大きく広がる方法<span class="speaker"> / ロス・オニール</span></a></h3>
<p class="time">[15:00-15:40]</p>
</li>
<li class="bg-dark duration-40min">
<h3 class="session-title"><a href="#champion-panel-discussion" class="js-session-detail-trigger">チャンピオンパネルディスカッション<span class="speaker"> / 牧 美帆、山田 早里、細谷 崇、角田 一平、田重田 勝一郎、安川 要平</span></a></h3>
<p class="time">[15:40-16:20]</p>
</li>
<li class="bg-light duration-10min">
<h3 class="session-title">表彰式/閉会のことば</h3>
<p class="time">[16:20-16:30]</p>
</li>
</ol>
</div>
</div>
<div class="workshop-block">
<ol class="clock">
<li class="icon-10-o-clock">10:00</li>
<li class="icon-11-o-clock">11:00</li>
<li class="icon-12-o-clock">12:00</li>
<li class="icon-1-o-clock">13:00</li>
<li class="icon-2-o-clock">14:00</li>
<li class="icon-3-o-clock">15:00</li>
<li class="icon-4-o-clock">16:00</li>
</ol>
<div class="workshops-outer">
<h2>Workshops</h2>
<ol class="workshops">
<li class="duration-30min break-10min">
<h3 class="session-title">開場・受付</h3>
<p class="time">[10:00]</p>
</li>
<li class="bg-light duration-90min break-20min workshop-1">
<h3 class="workshop-title"><a href="#workshop-coderdojo" class="js-session-detail-trigger">Scratchって何？ 初めてのCoderDojo! −オトナもコドモもニンジャになろう−</a></h3>
<p class="time">[10:40-12:10]</p>
<p class="description">事前のエントリー（申込）とPCを持参頂く必要があります。<br/>定員：大人６名、子供６名（大人だけ、子供だけでも参加可能です）<p>
<p><a href="{{ site.workshop_entryurl_1 }}" class="button button-small button-blue" target="_blank">Entry</a></p>
</li>
<li class="bg-dark duration-90min break-20min workshop-2">
<h3 class="workshop-title"><a href="#workshop-coderdojo" class="js-fancybox-trigger">Scratchって何？ 初めてのCoderDojo! −オトナもコドモもニンジャになろう−</a></h3>
<p class="time">[12:30-14:00]</p>
<p class="description">事前のエントリー（申込）とPCを持参頂く必要があります。<br/>定員：大人６名、子供６名（大人だけ、子供だけでも参加可能です）</p>
<p><a href="{{ site.workshop_entryurl_2 }}" class="button button-small button-blue" target="_blank">Entry</a></p>
</li>
<li class="bg-light duration-90min break-20min workshop-3">
<h3 class="workshop-title"><a href="#workshop-coderdojo" class="js-fancybox-trigger">Scratchって何？ 初めてのCoderDojo! −オトナもコドモもニンジャになろう−</a></h3>
<p class="time">[14:20-15:50]</p>
<p class="description">事前のエントリー（申込）とPCを持参頂く必要があります。<br/>定員：大人６名、子供６名（大人だけ、子供だけでも参加可能です）</p>
<p><a href="{{ site.workshop_entryurl_3 }}" class="button button-small button-blue" target="_blank">Entry</a></p>
</li>
</ol>
</div>
</div>
</div>
<div class="exhibition-block">
<h2>Exhibition</h2>
<ul class="exhibitions js-exhibitions">
<li>
<figure><img src="{{ '/assets/images/exhibition-blocklyduino.jpg' | prepend: site.baseurl }}" alt="Touch&Try／BlocklyDuinoのイメージ"></figure>
<div class="description">
<h3 class="exhibition-title">BlocklyDuinoで電子工作体験（Touch&Try）<br>
<small>[Start : 10:00]<!-- [Area: A] --></small></h3>
<p>BlocklyDuinoって何？何ができるの？<br>
Scratchのようにブロックを組み合わせるだけでArduino（マイコンボード）を制御できるBlocklyDuinoを使って、電子工作を体験しよう！</p>
</div>
</li>
<li>
<figure><img src="{{ '/assets/images/exhibition-dojoconsulting.jpg' | prepend: site.baseurl }}" alt="CoderDojo相談カウンターのイメージ"></figure>
<div class="description">
<h3 class="exhibition-title">CoderDojo相談カウンター<br>
<small>[Start : 10:00]<!-- [Area: B] --></small></h3>
<p>イベント開催中、いつでもご相談を受け付けるカウンターを設置します。何でも相談してください！<br>
メンター：CoderDojoに参加したい方、CoderDojoを立ち上げたいと思っている方、お気軽にお立ち寄り下さい。<br>
忍者：プログラミング(Scratchなど)でつまずいていること、行き詰まっていることなど何でも相談してください。</p>
</div>
</li>
<li>
<figure><img src="{{ '/assets/images/exhibition-ninja.jpg' | prepend: site.baseurl }}" alt="忍者ブースのイメージ"></figure>
<div class="description">
<h3 class="exhibition-title">忍者ブース<br>
<small>[Start : 10:00]<!-- [Area: C] --></small></h3>
<p>CoderDojoに参加している子供たち（忍者）が作ったプログラムを展示しています。実際に作成した忍者も参加予定ですので、いろいろ質問してみてはいかがでしょうか？</p>
</div>
</li>
<li>
<figure><img src="{{ '/assets/images/exhibition-perlerbeads.jpg' | prepend: site.baseurl }}" alt="パーラービーズのイメージ"><figcaption>写真提供：岸川麻美</figcaption></figure>
<div class="description">
<h3 class="exhibition-title">パーラービーズでドット絵体験<br>
<small>[Start : 10:00]<!-- [Area: C] --></small></h3>
<p>パーラービーズ（アイロンビーズ）を通じてドット絵の体験をしてみませんか？プログラミングとは無関係に見えますが、ゲームで動いているキャラクターの原点を知ることができますよ。</p>
</div>
</li>
<li>
<figure><img src="{{ '/assets/images/exhibition-drone.jpg' | prepend: site.baseurl }}" alt="MR（混合現実）体験！Oculus Riftを使ってバーチャルドローンを飛ばしてみよう！のイメージ"><figcaption>写真提供：株式会社XOOMS(ズームス）</figcaption></figure>
<div class="description">
<h3 class="exhibition-title">MR（混合現実）体験！Oculus Riftでバーチャルドローンを飛ばそう！<br>
<small>[Start : 10:00]<!-- [Area: C] --></small></h3>
<p>MRとは ＝ VR（バーチャルリアリティ）と現実との混合世界。 VRゴーグルから取り込まれた実風景に、CGのドローンをリアルタイム合成。VRゴーグルの中のバーチャルドローンをゲームパッドで操縦してみよう！（対象年齢：13歳以上）</p>
<p>（協力：株式会社XOOMS(ズームス））</p>
</div>
</li>
<li>
<figure><img src="{{ '/assets/images/exhibition-mabeee.png' | prepend: site.baseurl }}" alt="シャカシャカ振ってビュンビュン飛ばせ！カーレースでライバルに打ち勝て！のイメージ"></figure>
<div class="description">
<h3 class="exhibition-title">シャカシャカ振ってビュンビュン飛ばせ！カーレースでライバルに打ち勝て！<br>
<small>[Start : 10:00]<!-- [Area: C] --></small></h3>
<p>MaBeeeとスマホを連動させて、ミニ四駆をコントロールしよう！<br>
シャカシャカとスマホを振ってスピードをコントロールし、コースアウトせずにライバルに打ち勝とう！</p>
<p>（協力：ノバルス株式会社）</p>
</div>
</li>
<li>
<figure><img src="{{ '/assets/images/exhibition-comozilla.jpg' | prepend: site.baseurl }}" alt="パラパラアニメーションで世界に一つだけの海を作ろう！のイメージ"></figure>
<div class="description">
<h3 class="exhibition-title">パラパラアニメーションで世界に一つだけの海を作ろう！<br>
<small>[Start : 10:00]<!-- [Area: C] --></small></h3>
<p>パラパラマンガをつくるような感覚で自分の好きなアニメーションを描き、みんなで一つの大きな映像作品を作ります。<br>
世界に一つだけの海を、みんなで作りあげてみませんか？</p>
<p>（協力：コモジラ研究所）</p>
</div>
</li>
<li>
<figure><img src="{{ '/assets/images/exhibition-rally.jpg' | prepend: site.baseurl }}" alt="モバイルスタンプラリーのイメージ"></figure>
<div class="description">
<h3 class="exhibition-title">モバイルスタンプラリー<br>
<small>[Start : 10:00]<!-- [Area: C] --></small></h3>
<p>会場に隠れた風魔たちを見つけて、限定ステッカーをゲットしよう！<br>
初開催の DojoCon Japanに風魔たちも参戦！どうやら展示されている作品を盗もうと企んでいるみたい。目撃情報をもとにイベント会場に隠れている風魔たち4人を見つけ出し、悪巧みを阻止しよう！</p>
<p>（協力：<a href="https://rallyapp.jp/" target="_blank">RALLY</a>）</p>
</div>
</li>
</ul>
</div>
{% include sessions.html %}
</div>
<div id="contact" class="contact-section">
<h1 class="section-title">
<span class="section-title-inner">
<span class="en">Contact</span>
<span class="ja">お問い合わせ</span>
</span>
</h1>
<a href="{{ '/contact/' | prepend: site.baseurl }}" class="button button-large button-blue button-block open-form">フォームを開く</a>
</div>
<div id="staff" class="staff-section">
<h1 class="section-title">
<span class="section-title-inner">
<span class="en">Staff</span>
<span class="ja">スタッフ</span>
</span>
</h1>
<ul class="members">
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-hosoya.jpg' | prepend: site.baseurl }}" alt="細谷崇のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://ht79.info/" target="_blank">細谷崇</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-wakabayashi.jpg' | prepend: site.baseurl }}" alt="若林健一のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://kwaka1208.net/" target="_blank">若林健一</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-sumida.jpg' | prepend: site.baseurl }}" alt="角田一平のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://unplat.info" target="_blank">角田一平</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-sakai.jpg' | prepend: site.baseurl }}" alt="酒井久伸のプロフィール画像"></figure>
<h2 class="member-name">酒井久伸</h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-terui.jpg' | prepend: site.baseurl }}" alt="照井晶子のプロフィール画像"></figure>
<h2 class="member-name"><a href="https://twitter.com/terui_teruteru" target="_blank">照井晶子</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-ohno.jpg' | prepend: site.baseurl }}" alt="大野由衣のプロフィール画像"></figure>
<h2 class="member-name">大野由衣</h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-okada.jpg' | prepend: site.baseurl }}" alt="岡田裕行のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://okhiroyuki.github.io" target="_blank">岡田裕行</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-terazono.jpg' | prepend: site.baseurl }}" alt="寺園聖文のプロフィール画像"></figure>
<h2 class="member-name">寺園聖文</h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-yamamoto.jpg' | prepend: site.baseurl }}" alt="山本倫江のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://michie-yamamoto.com" target="_blank">山本倫江</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-dojocon.png' | prepend: site.baseurl }}" alt="永田明のプロフィール画像"></figure>
<h2 class="member-name"><a href="https://twitter.com/nagaaki46" target="_blank">永田明</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-nagatomi.jpg' | prepend: site.baseurl }}" alt="永富千春のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://uwasora.com/" target="_blank">ながとみ ちはる</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-dojocon.png' | prepend: site.baseurl }}" alt="高坂智美のプロフィール画像"></figure>
<h2 class="member-name"><a href="https://jp.linkedin.com/in/tomomikosaka" target="_blank">高坂智美</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-dojocon.png' | prepend: site.baseurl }}" alt="Kel Santiago-Pilarskiのプロフィール画像"></figure>
<h2 class="member-name">Kel Santiago-Pilarski</h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-asaga.jpg' | prepend: site.baseurl }}" alt="浅賀功次のプロフィール画像"></figure>
<h2 class="member-name">浅賀功次</h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-chikaoka.jpg' | prepend: site.baseurl }}" alt="近岡真由美のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://mymckok.tumblr.com/" target="_blank">近岡真由美</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-nezu.jpg' | prepend: site.baseurl }}" alt="根津将之のプロフィール画像"></figure>
<h2 class="member-name">根津将之</h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-suma.jpg' | prepend: site.baseurl }}" alt="須磨信幸のプロフィール画像"></figure>
<h2 class="member-name"><a href="https://twitter.com/donguri9" target="_blank">須磨信幸</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-kawanabe.jpg' | prepend: site.baseurl }}" alt="川鍋友宏のプロフィール画像"></figure>
<h2 class="member-name">川鍋友宏</h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-doi.jpg' | prepend: site.baseurl }}" alt="土居安佳里のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://akarihonokani.com/" target="_blank">土居安佳里</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-kite.jpg' | prepend: site.baseurl }}" alt="カイトのプロフィール画像"></figure>
<h2 class="member-name"><a href="http://kiteretz.com" target="_blank">カイト</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-inoue.jpg' | prepend: site.baseurl }}" alt="井上一のプロフィール画像"></figure>
<h2 class="member-name">井上一</h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-kodera.jpg' | prepend: site.baseurl }}" alt="小寺順子のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://kozaru.me/" target="_blank">小寺順子</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-sugiyama.jpg' | prepend: site.baseurl }}" alt="杉山敦のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://www.pictron.net" target="_blank">杉山敦</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-tajuta.jpg' | prepend: site.baseurl }}" alt="田重田勝一郎のプロフィール画像"></figure>
<h2 class="member-name">田重田勝一郎</h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-kawabata.jpg' | prepend: site.baseurl }}" alt="川端善行のプロフィール画像"></figure>
<h2 class="member-name"><!-- <a href="http://phantom-face.com" target="_blank"> -->川端善行<!-- </a> --></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-mori.jpg' | prepend: site.baseurl }}" alt="森巧尚のプロフィール画像"></figure>
<h2 class="member-name"><a href="http://www.ymori.com" target="_blank">森巧尚</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-yasukawa.jpg' | prepend: site.baseurl }}" alt="安川要平のプロフィール画像"></figure>
<h2 class="member-name"><a href="https://twitter.com/yasulab" target="_blank">安川要平</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-togazono.jpg' | prepend: site.baseurl }}" alt="とがぞののプロフィール画像"></figure>
<h2 class="member-name"><a href="http://www.togazo.com/" target="_blank">とがぞの</a></h2>
</li>
<li>
<figure class="member-avator"><img src="{{ '/assets/images/staff-shibata.jpg' | prepend: site.baseurl }}" alt="柴田重臣のプロフィール画像"></figure>
<h2 class="member-name"><a href="https://twitter.com/shigeomix" target="_blank">柴田重臣</a></h2>
</li>
</ul>
</div>
<div class="sns-section">
<h1 class="section-title">
<span class="section-title-inner">
<span class="en">SNS</span>
<span class="copy">Check it out!</span>
</span>
</h1>
<ul class="fb-tw-widgets">
<li class="fb-page-plugin">
<div class="fb-page" data-href="https://www.facebook.com/DojoConJapan" data-tabs="timeline" data-width="640" data-height="320" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/DojoConJapan">
<a href="https://www.facebook.com/DojoConJapan">DojoCon Japan</a>
</blockquote>
</div>
</div>
</li>
<li class="tw-widget">
<a class="twitter-timeline" href="https://twitter.com/DojoConJapan" data-widget-id="701331817903722496">Tweets by @DojoConJapan</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</li>
</ul>
<div class="photo-gallery">
<ul class="photos js-photos">
<li><a href="{{ '/assets/images/footer-01.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-01.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-07.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-07.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-02.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-02.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-08.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-08.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-03.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-03.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-09.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-09.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-04.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-04.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-10.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-10.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-05.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-05.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-11.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-11.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-06.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-06.jpg' | prepend: site.baseurl }});"></a></li>
<li><a href="{{ '/assets/images/footer-12.jpg' | prepend: site.baseurl }}"
style="background-image: url({{ '/assets/images/footer-12.jpg' | prepend: site.baseurl }});"></a></li>
</ul>
</div>
<div class="supporter-banner">
<h2><span>後援</span></h2>
<p>
<a href="https://coderdojo.com/about/coderdojo-foundation/" target="_blank" class="banner"><img src="{{ '/assets/images/cd-foundation-logo.png' | prepend: site.baseurl }}" alt="CoderDojo Foundation ロゴ画像"></a>
</p>
</div>
<!-- <p class="sns-id">@DojoConJapan</p> -->
</div>