This repository has been archived by the owner on Oct 30, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
924 lines (911 loc) · 64.5 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
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
<!DOCTYPE html>
<html lang="jp">
<head>
<meta charset="UTF-8">
<title>htmlday 2015</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="<htmlday>とは、日本全国でWeb制作者／開発者向けのイベントを同日に開催することで、日本のWebを一層盛り上げようという「お祭り」です。">
<meta name="keywords" content="htmlday, htmlday 2015, HTML5, Webの日">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="htmlday 2015" />
<meta property="og:description" content="<htmlday>とは、日本全国でWeb制作者／開発者向けのイベントを同日に開催することで、日本のWebを一層盛り上げようという「お祭り」です。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.htmlday.jp/" />
<meta property="og:image" content="http://www.htmlday.jp/images/ogp2015.png" />
<meta property="og:site_name" content="htmlday 2015" />
<base target="_blank">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/htmlday.css">
</head>
<body>
<!-- schema.org (for g+) -->
<div itemscope itemtype="http://schema.org/Event">
<meta itemprop="name" content="htmlday 2015">
<meta itemprop="description" content="<htmlday>とは、日本全国でWeb制作者／開発者向けのイベントを同日に開催することで、日本のWebを一層盛り上げようという「お祭り」です。">
<meta itemprop="image" content="http://www.htmlday.jp/images/ogp.png">
</div>
<header>
<h1><img src="images/logomark_htmlday.png" height="402" width="212" alt=""></h1>
<h2><img src="images/logotype_htmlday.png" height="86" width="408" alt=""></h2>
<p class="catch_copy">今年もやってきたぞ！さあお祭りだ</p>
<p class="date_place">2015.6.13(土) 日本全国で開催</p>
<nav class="gnav">
<i id="btn_menu" class="fa fa-bars"></i>
<ul>
<li><a href="#what"><htmlday> って何？</a></li><li><a href="#how-to-join"><htmlday> に参加しよう</a></li><li><a href="#event">開催イベント一覧</a></li><li><a href="#staff_list">スタッフ一覧</a></li>
</ul>
</nav>
</header>
<main>
<div class="box contents">
<section id="outline" class="summary">
<h1><htmlday> イベント開催状況</h1>
<div class="summary-detail">
<div id="map"></div>
<div class="countbox">
<dl>
<dt><i class="mappin"><img src="images/icon_map_pin.svg" alt=""></i>参加イベント数</dt>
<dd id="total-events">34</dd>
</dl>
<dl>
<dt><i class="fa fa-users"></i>のべ参加予定人数</dt>
<dd id="total-atendees">1430</dd>
</dl>
<p class="mobile-link"><a class="btn" href="#event">開催イベント一覧へ</a></p>
<div class="entry-button-wrapper">
<a href="https://docs.google.com/forms/d/1A8i38MZ3Zxk3e5SpkYEpIKMwwjKBGDbwYXcd9VHXYko/viewform" class="entry-button btn">イベントを主催して参加<br><small>（※特製グッズの配布は終了しました）</small></a>
</div>
</div>
</div>
</section>
<!-- <section>
<h1>当日の盛り上がりを全国で共有しましょう！</h1>
<p>htmldayでは、各イベントで盛り上がって頂く以外にも、せっかくなので各地の盛り上がりを全国にお伝えください！Twitterのハッシュタグは #htmlday です。皆さんからの楽しそうなツイートをお待ちしております。</p>
<p>また、Google+にて<a href="#" target="_blank">イベントページ</a>を作りましたので、当日の模様を写真で紹介して頂ければと思います！写真は、公式サイトにてのちほど紹介させて頂くことがあるかもしれません。皆さん是非よろしくお願いします！</p>
</section> -->
<section id="what" class="description">
<h1><htmlday>って何？</h1>
<figure><img src="images/logomark_htmlday.png" height="804" width="424" alt=""></figure>
<div class="inner_what">
<p><b><htmlday></b>とは、日本全国でWebに関する多数のイベントを同じ日（6/13）に開催することで、日本のWebを一層盛り上げようという「<strong>お祭り</strong>」です（毎年6月の第2土曜日に開催しています。）。<strong> <htmlday>に参加して、日本のWebを盛り上げよう！</strong></p>
<p><htmlday>で開催されるイベントは、誰でも開催することができ、誰でも参加することができます。「Webについて考えよう！」（<em>Think the HTML!</em>）という想いがあれば、どんなイベントでも構いません。例えば、勉強会やハッカソン、はたまた単なる飲み会でも構いません！とにかくWebに関するものであれば何でもOKです！！（昨年のhtmldayの模様は<a href="2014/index.html" target="_blank">こちら</a>から）</p>
<p>もしよければ<htmlday>に参加して、日本のWebを盛り上げるために、あなたのお力を貸してください！<b>賛同してくださったイベントには、<htmlday>特製ステッカーを差し上げます。（イベント運営者の方々には特製Tシャツもお渡しします。）</b></p>
</div>
</section>
<section id="how-to-join">
<h1><htmlday>に参加しよう</h1>
<p>
<htmlday>に参加するためには、イベント主催者、またはイベント参加者としての2つの方法があります。
</p>
<div class="how_inner">
<section>
<h1>イベントをつくる！</h1>
<p>
Webに関する何らかのイベントを企画してください。<br>
いわゆる「勉強会」でも構いませんし、単なる飲み会でも構いません！（<b>今年は6月1日〜12日までに開催のイベントもhtmldayプレイベントとして、ご紹介させて頂きます</b>）
</p>
<p>
<htmlday>に賛同してくださったイベントには、以下の特典を用意しています。
</p>
<ul>
<li>
<article>
<h2><htmlday>特製Tシャツ・特製ステッカー</h2>
<p><strong>6名以上</strong>の参加者が見込まれるイベントには、イベント運営者への方々へは特製Tシャツを、イベント参加者への配布用に<htmlday>特製ステッカーを送付いたします。イベントの盛り上げにご活用ください。（※先着順・プレイベントの場合、制作が間に合わないことがありますのでその点はご了承ください。）</li></p>
</article>
</li>
<li>
<article>
<h2>ロゴデータの使用</h2>
<p>賛同イベントの主催者の方には、<htmlday>のロゴデータをご自由にお使いいただけます。</p>
</article>
</li>
</ul>
<div class="entry-button-wrapper">
<a class="btn" href="https://docs.google.com/forms/d/1A8i38MZ3Zxk3e5SpkYEpIKMwwjKBGDbwYXcd9VHXYko/viewform" class="entry-button">イベントを主催して参加する<br><small>（※特製グッズの配布は終了しました）</small><!-- <br><small>（特製グッズの配布は終了しました。以降のお申込みはサイトへの掲載のみとなります）</small> --></a>
</div>
</section>
<section>
<h1>イベントに参加する！</h1>
<p>
以下の開催イベント一覧（随時更新中！）から、お近くのイベントにご参加ください。
もしかすると、<htmlday>特製ステッカーがもらえるかも！<br>
個別のイベントへの参加は、各イベントのイベントページよりお申込みください。
お住まいのお近くにイベントがない場合は、知り合いに声をかけて、開催することをぜひ検討してみてください！
<p>
<p class="mobile-link"><a class="btn" href="#event">開催イベントを探して参加する</a></p>
</section>
</div>
</section>
<section id="event" class="events">
<h1>開催イベント一覧</h1>
<section class="region pre-events">
<h2><htmlday>プレイベント（6/1〜6/12）</h2>
<ul class="event-list">
<li class="event" id="event-00-01">
<p class="event-title">WebRTC Meetup Tokyo #8</p>
<a href="https://atnd.org/events/65751"><img src="images/events/webrtc_original.png" class="event-logo" alt="WebRTC Meetup Tokyo #8"></a>
<div class="inner-block">
<p class="event-detail">WebRTCに興味がある人向けのWebRTCに特化した勉強会です。プログラミングから新しいサービスアイディアまでなんでもありです！</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">40</span>名</dd>
<dt>開催日:</dt>
<dd><b>6/5(金)</b></dd>
<dt>開催地:</dt>
<dd><a href="https://geechs-magazine.com/21cafe/index">21Cafe</a>（<span class="address">東京都渋谷区道玄坂1-14-6 ヒューマックス渋谷ビル3F</span>）</dd>
<dt>主催:</dt>
<dd>webrtcjp</dd>
<dt>ハッシュタグ:</dt><dd class="hashtag">
<a href="https://twitter.com/search?q=%23webrtcjp">#webrtcjp</a>
</dd>
</dl>
<p><a href="https://atnd.org/events/65751" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.6573034</span>
<span class="event-lng">139.6982771</span>
</div>
</li>
<li class="event" id="event-00-02">
<p class="event-title">第9回 HTML5minutes！ ～triton-js～【無料】</p>
<a href="https://atnd.org/events/66189"><img src="images/events/html5minutes.jpg" class="event-logo" alt="第9回 HTML5minutes！ ～triton-js～【無料】"></a>
<div class="inner-block">
<p class="event-detail">HTML5、CSS3、JavaScript、SVG、WebGLなどについて熱く語り合おう！
毎月第2金曜、「HTML5minutes」を定期開催しています。少しでもご興味のある方は、是非、晴海トリトンスクエア、メンバーズのラウンジまでお越しください。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">70</span>名</dd>
<dt>開催日:</dt>
<dd><b>6/12(金)</b></dd>
<dt>開催地:</dt>
<dd><a href="http://www.members.co.jp/company/access/accessmap.html">株式会社メンバーズ ラウンジスペース</a>（<span class="address">東京都中央区晴海1-8-10</span>）</dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23tritonjs" target="_blank">#tritonjs</a></dd>
</dl>
<p><a href="https://atnd.org/events/66189" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.6564328</span>
<span class="event-lng">139.7821612</span>
</div>
</li>
<li class="event" id="event-00-03">
<p class="event-title">放送大学HTML5勉強会@東京</p>
<a href="https://www.facebook.com/events/1009893622368253/"><img src="images/events/1377057_344362509032619_1737220459_n.png" class="event-logo" alt="放送大学HTML5勉強会@東京"></a>
<div class="inner-block">
<p class="event-detail">放送大学HTML5勉強会は、放送大学の公認サークルとして月１回勉強会と交流会を開催しています。6/11の活動では、htmldayということと、20回目の記念活動日ということで、「温故知新、世界ではじめてのホームページを作りましょう」と題して、欧州原子核研究機構CERNで作られた世界ではじめてのホームページを、タグを手打ちで完成させ、先人への想いをはせます。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">20</span>名</dd>
<dt>開催日:</dt>
<dd><b>6/11(木)</b></dd>
<dt>開催地:</dt>
<dd>放送大学文京学習センタ（<span class="address">東京都文京区大塚3-29-1</span>）</dd>
<dt>主催:</dt>
<dd><a href="https://www.facebook.com/OUJHTML5">放送大学HTML5勉強会</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23ouj" target="_blank">#ouj</a></dd>
</dl>
<p><a href="https://www.facebook.com/events/1009893622368253/" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.71975219999999</span>
<span class="event-lng">139.7373537</span>
</div>
</li>
<li class="event" id="event-00-04">
<p class="event-title">DIST.7 「一歩差がつくWebデザインテクニック」</p>
<a href="http://dist.connpass.com/event/15467/"><img src="images/events/logo.png" class="event-logo" alt="DIST.7 「一歩差がつくWebデザインテクニック」"></a>
<div class="inner-block">
<p class="event-detail">DISTは、次の3つをコンセプトとして、有志が運営する非営利の勉強会です。「職種の垣根を越える」「特定の技術に依存しない」「今日から現場で使える」。デザイナー、デベロッパーという区別をつけて一人一役での仕事をしていた時代は終わろうとしています。職種や技術を超えて、Web制作にまつわるあらゆることを、みんなで集まって学んでいく会を作りたいと考えています。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">60</span>名</dd>
<dt>開催日:</dt>
<dd><b>6/12(金)</b></dd>
<dt>開催地:</dt>
<dd><a href="http://ictco.jp/">ICTCO</a>（<span class="address">東京都中野区中野4-10-1</span>）</dd>
<dt>主催:</dt>
<dd><a href="http://dist.connpass.com/">DIST実行委員会</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23dist" target="_blank">#dist</a></dd>
</dl>
<p><a href="http://dist.connpass.com/event/15467/" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.7078096</span>
<span class="event-lng">139.663016</span>
</div>
</li>
<li class="event" id="event-00-05">
<p class="event-title">INTER-Mediator勉強会2015-#4</p>
<a href="https://www.facebook.com/events/916251608413133/"><img src="images/events/20140123-inter-mediator-logo-w174.png" class="event-logo" alt="INTER-Mediator勉強会2015-#4"></a>
<div class="inner-block">
<p class="event-detail">HTMLの記述を中心にしたデータベース連動Webアプリケーションが開発できるフレームワーク「INTER-Mediator」の定例の勉強会です。今回は、JavaScriptによる拡張の仕組みを利用したユーザインタフェースの作成や、FileMaker Serverのオブジェクトフィールドの利用方法などを解説します。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">10</span>名</dd>
<dt>開催日:</dt>
<dd><b>6/8(月)</b></dd>
<dt>開催地:</dt>
<dd><a href="http://www.its-kenpo.or.jp/fuzoku/kaigi/ookubo.html">関東ITソフトウェア健保会館・会議室(大久保) 1F C室</a>（<span class="address">東京都新宿区百人町２丁目２７－６</span>）</dd>
<dt>主催:</dt>
<dd><a href="http://inter-mediator.org/">INTER-Mediator Directive Committee</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23INTERMediator" target="_blank">#INTERMediator</a></dd>
</dl>
<p><a href="https://www.facebook.com/events/916251608413133/" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.7021556</span>
<span class="event-lng">139.6958805</span>
</div>
</li>
<li class="event" id="event-00-06">
<p class="event-title">Web先端技術味見部</p>
<a href="https://atnd.org/events/66853"><img src="images/events/ajimibu.jpeg" class="event-logo" alt="Web先端技術味見部"></a>
<div class="inner-block">
<p class="event-detail">iBeacon で Physical Webを味見！</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">30</span>名</dd>
<dt>開催日:</dt>
<dd><b>6/12(金)</b></dd>
<dt>開催地:</dt>
<dd><a href="https://geechs-magazine.com/21cafe/index">21cafe</a>（<span class="address">東京都渋谷区道玄坂1-14-6</span>）</dd>
<dt>主催:</dt>
<dd><a href="https://www.facebook.com/ajimibu">Web先端技術味見部</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23ajimibu" target="_blank">#ajimibu</a></dd>
</dl>
<p><a href="https://atnd.org/events/66853" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.6572166</span>
<span class="event-lng">139.698204</span>
</div>
</li>
<li class="event" id="event-00-07">
<p class="event-title">駅前留学ノマ</p>
<a href="https://yeoman.doorkeeper.jp/events/26362"><img src="images/dummy186x186.png" class="event-logo" alt="駅前留学ノマ"></a>
<div class="inner-block">
<p class="event-detail">プレイベントとして、鹿児島中央駅前広場でノマドします。まさしく「駅前留学ノマ」です！（微妙になんか違う）
５日間連続で行いますので気が向いた方は是非ご参加ください。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">3</span>名</dd>
<dt>開催日:</dt>
<dd><b>6/8(月)〜6/12(金)</b></dd>
<dt>開催地:</dt>
<dd><a href="https://www.google.com/maps/place/31%C2%B035'01.9%22N+130%C2%B032'33.4%22E/@31.5838611,130.5426111,17z/data=!3m1!4b1!4m2!3m1!1s0x0:0x0?hl=ja">鹿児島中央駅前広場</a>（<span class="address">鹿児島県鹿児島市中央町１</span>）</dd>
<dt>主催:</dt>
<dd><a href="https://yeoman.doorkeeper.jp/">YEOMANとか同好会</a></dd>
<dt></dt>
<dd></dd>
</dl>
<p><a href="https://yeoman.doorkeeper.jp/events/26362" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">31.58534329999999</span>
<span class="event-lng">130.5424087</span>
</div>
</li>
<li class="event" id="event-00-08">
<p class="event-title">HTML5お茶飲み会</p>
<a href="https://www.facebook.com/events/906039962770973/"><img src="images/events/ocha.png" class="event-logo" alt="HTML5お茶飲み会"></a>
<div class="inner-block">
<p class="event-detail">東京アプリ・ワークショップ主催「CSS3講座」後の、お茶飲み交流会です。お近くの方々の飛び入り歓迎です。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">5</span>名</dd>
<dt>開催日:</dt>
<dd><b>6/12(金)</b></dd>
<dt>開催地:</dt>
<dd>サンマルク両国店(変更になる可能性あり)（<span class="address">東京都墨田区両国2-19-1</span>）</dd>
<dt>主催:</dt>
<dd><a href="https://www.facebook.com/tokyoAppWorkShop">東京アプリ・ワークショップ</a></dd>
</dl>
<p><a href="https://www.facebook.com/events/906039962770973/" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.695473</span>
<span class="event-lng">139.7922204</span>
</div>
</li>
</ul>
</section>
<!-- event-03-00 -->
<section>
<h2><htmlday>（6/13）</h2>
<!-- event-01-00 -->
<!-- <section class="region">
<h2>北海道</h2>
</section> -->
<!-- event-02-00 -->
<section class="region">
<h2>東北</h2>
<ul class="event-list">
<li class="event" id="event-02-01">
<p class="event-title">SENNDAI WEB DESIGN COMMUNITY #1 (自称)世界最速Webデザイン勉強会</p>
<a href="https://b13e17f589cfe8ee7d1029db12.doorkeeper.jp/events/26323"><img src="images/events/swdc_1.jpg" class="event-logo" alt="SENNDAI WEB DESIGN COMMUNITY #1 (自称)世界最速Webデザイン勉強会"></a>
<div class="inner-block">
<p class="event-detail">Webデザイン・コーディング効率化のための勉強会です。
新しいツール、技術を用いて即興でWEBサイトを世界最速(自称)で作成します！
参加者から作成するサイトのお題を頂き、カンプを10分で作成。
スライス、コーディング、データ最適化、アップを10分で作成。
計20分でモバイル対応のWEBサイトを制作します。
作成したサイトを確認しながら、サイト効率化について解説します。
初心者歓迎。
これからWEBデザインを学びたい人にも分かりやすく解説します。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">10</span>名</dd>
<dt>開催地:</dt>
<dd><a href="http://socilabo.com/">ソシラボ</a>（<span class="address">宮城県仙台市青葉区一番町2丁目2-8 IKIビル10F</span>）</dd>
<dt>主催:</dt>
<dd><a href="https://b13e17f589cfe8ee7d1029db12.doorkeeper.jp/">SENDAI WEB DESIGN COMMUNITY</a></dd>
</dl>
<p><a href="https://b13e17f589cfe8ee7d1029db12.doorkeeper.jp/events/26323" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">38.2587774</span>
<span class="event-lng">140.8750367</span>
</div>
</li>
</ul>
</section>
<section class="region">
<h2>関東</h2>
<ul class="event-list">
<li class="event" id="event-03-01">
<p class="event-title">HTML5オールスターズ</p>
<a href=""><img src="images/events/html5_allstars.jpg" class="event-logo" alt="HTML5オールスターズ"></a>
<div class="inner-block">
<p class="event-detail">日本を代表するHTML5エンジニアが一同に集結し、HTML5エンジニアのためのHTML5勉強会を開催します！HTML5で著名な方々による最近の技術Tipsや、最新情報／面白いネタなどなどを凝縮してお伝えします！</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">350</span>名</dd>
<dt>開催地:</dt>
<dd>株式会社gloops（<span class="address">東京都港区六本木一丁目4-5 アークヒルズサウスタワー6F</span>）</dd>
<dt>主催:</dt>
<dd><a href="http://eventdots.jp/">eventdots</a></dd>
<dt>ハッシュタグ:</dt><dd class="hashtag">
<a href="https://twitter.com/search?q=%23dotshtml5" target="_blank">#dotshtml5</a>
</dd>
</dl>
<p><a href="http://eventdots.jp/event/496476" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.6656056</span>
<span class="event-lng">139.7394165</span>
</div>
</li>
<li class="event" id="event-03-02">
<p class="event-title">第58回 HTML5とか勉強会 ーHTML5最新情報@Google I/O, de:code 2015</p>
<a href="#"><img src="images/events/logo-html5j-vertical.png" class="event-logo" alt=""></a>
<div class="inner-block">
<p class="event-detail">今年も Google I/O の季節になりました。毎年恒例の Google I/O で発表されたホットなトピックスを今回も余すことなくお伝えします！また、今回は同時期に開催された de:code も合わせて最新情報をお伝えしたいと思います。同会場で開催の「HTML5オールスターズ」の後にのりこめー！</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">200</span>名</dd>
<dt>開催地:</dt>
<dd>株式会社gloops（<span class="address">東京都港区六本木一丁目4-5 アークヒルズサウスタワー6F</span>）</dd>
<dt>主催:</dt>
<dd><a href="http://html5j.org">html5j</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23html5j">#html5j</a></dd>
</dl>
<p><a href="http://eventdots.jp/event/513675" target="_blank">>> イベントページへ</a></p>
</div>
<!-- 以下非表示 -->
<div class="location">
<span class="event-lat">35.6656056</span>
<span class="event-lng">139.7394165</span>
</div>
</li>
<li class="event" id="event-03-03">
<p class="event-title">Build Insider OFFLINE 第3回 ― Microsoft Edge スペシャル</p>
<a href="http://www.buildinsider.net/event/offline/03"><img src="images/events/300x300.png" class="event-logo" alt="Build Insider OFFLINE 第3回 ― Microsoft Edge スペシャル"></a>
<div class="inner-block">
<p class="event-detail">Build Insiderが毎年、htmldayに開催しているWeb開発者向けのオフラインイベント！ 今年は、Windows 10に搭載される新ブラウザー「Microsoft Edge」（コード名： “Project Spartan”）がテーマです。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">130</span>名</dd>
<dt>開催地:</dt>
<dd><a href="https://www.microsoft.com/ja-jp/mscorp/branch/sgt.aspx">品川グランドセントラルタワー 日本マイクロソフト株式会社 品川セミナールームA</a>（<span class="address">東京都港区港南 2-16-3</span>）</dd>
<dt>主催:</dt>
<dd><a href="http://www.buildinsider.net/">Build Insider</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23buildinsider" target="_blank">#buildinsider</a></dd>
</dl>
<p><a href="http://www.buildinsider.net/event/offline/03" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.6266104</span>
<span class="event-lng">139.7409874</span>
</div>
</li>
<li class="event" id="event-03-04">
<p class="event-title">第11回HTML5ビギナーズ 【ハンズオン】Visual Studio Codeを使って、jQuery+HTML5 APIでスライドショーを作ろう！</p>
<a href="https://html5j-begin.doorkeeper.jp/events/26038"><img src="images/events/beginners.png" class="event-logo" alt="第11回HTML5ビギナーズ 【ハンズオン】Visual Studio Codeを使って、jQuery+HTML5 APIでスライドショーを作ろう！"></a>
<div class="inner-block">
<p class="event-detail">htmldayということで、html5のAPIであるFile APIとjQueryを使って実際に動くものを作るハンズオン勉強会(HTML5 Conference 2015の再演)を、マイクロソフトさんが無償提供していてMacでも使えるウェブおよびクラウドアプリ向けコードエディタツール Visual Studio Codeを使用して開催致します。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">50</span>名</dd>
<dt>開催地:</dt>
<dd><a href="https://www.microsoft.com/ja-jp/mscorp/branch/sgt.aspx">Microsoft 品川オフィス セミナールームA</a>（<span class="address">東京都港区港南 2-16-3 品川グランドセントラルタワー31F</span>）</dd>
<dt>主催:</dt>
<dd>html5jビギナー部</dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23html5jbg" target="_blank">#html5jbg</a></dd>
</dl>
<p><a href="https://html5j-begin.doorkeeper.jp/events/26038" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.62667</span>
<span class="event-lng">139.7403745</span>
</div>
</li>
<li class="event" id="event-03-05">
<p class="event-title">HTML5をこれから学ぶ人のためのJavaScriptセミナー</p>
<a href="https://www.internetacademy.jp/info/201506031.html"><img src="images/events/html5.png" class="event-logo" alt="HTML5をこれから学ぶ人のためのJavaScriptセミナー"></a>
<div class="inner-block">
<p class="event-detail">インターネット・アカデミーでｊは、6月13日(土)に「HTML5をこれから学ぶ人のためのJavaScriptセミナー」を開催します。セミナーでは、HTML5とJavaScriptの今後の需要や、最新のWeb情報についてご紹介します。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">30</span>名</dd>
<dt>開催地:</dt>
<dd><a href="https://www.internetacademy.jp/contents/access.html">インターネット・アカデミー渋谷校</a>（<span class="address">東京都渋谷区桜丘町20-1</span>）</dd>
<dt>主催:</dt>
<dd><a href="https://www.internetacademy.jp/">インターネット・アカデミー</a></dd>
</dl>
<p><a href="https://www.internetacademy.jp/info/201506031.html" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.6553141</span>
<span class="event-lng">139.7009955</span>
</div>
</li>
<li class="event" id="event-03-06">
<p class="event-title"> HTML5を肴に宇都宮餃子を食べる会</p>
<a href="https://www.facebook.com/events/698819773557005/"><img src="images/events/ocha.png" class="event-logo" alt=" HTML5を肴に宇都宮餃子を食べる会"></a>
<div class="inner-block">
<p class="event-detail">昨年、htmldayでアナ雪を歌った中島です（動画は<a href="http://bit.ly/1GAbMt4" target="_blank">こちら</a>）。
今年は大学の授業で宇都宮にいますので、
HTML5を肴に宇都宮餃子を食べる会を開催します。
お近くの方いましたら、ご参加ください。
（場所等は直接ご案内する予定です。）</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">5</span>名</dd>
<dt>開催地:</dt>
<dd>宇都宮駅周辺</dd>
<dt>主催:</dt>
<dd><a href="https://www.facebook.com/tokyoAppWorkShop">東京アプリ・ワークショップ</a></dd>
</dl>
<p><a href="https://www.facebook.com/events/698819773557005/" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">36.558701</span>
<span class="event-lng">139.898283</span>
</div>
</li>
</ul>
</section>
<!-- event-04-00 -->
<section class="region">
<h2>中部</h2>
<ul class="event-list">
<li class="event" id="event-04-01">
<p class="event-title">Webデザイン最前線</p>
<a href="http://wdf.jp/vol18/"><img src="images/events/logo02.png" class="event-logo" alt="Webデザイン最前線"></a>
<div class="inner-block">
<p class="event-detail">特定非営利活動法人 Web Directors Forum （通称：WDF、ダブリュディーエフ）は、石川県を中心としたエリアでWeb制作に携わっている方や、企業のWeb担当者に向けたセミナーイベントを開催する団体です。
今回のテーマは、「Webデザイン最前線」。デザインとひとことで言っても、Web制作で求められるフィールドは年々拡がりつつあります。Webデザインに携わる私たちが今知っておくべきこと、コミュニケーションのあり方などを考える機会となればと考えています。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">60</span>名</dd>
<dt>開催地:</dt>
<dd><a href="http://www4.city.kanazawa.lg.jp/22045/oumicho.html">金沢市近江町交流プラザ4F 集会室</a>（<span class="address">石川県金沢市青草町88</span>）</dd>
<dt>主催:</dt>
<dd><a href="http://wdf.jp/"> 特定非営利活動法人 Web Directors Forum</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23wdf18" target="_blank">#wdf18</a></dd>
</dl>
<p><a href="http://wdf.jp/vol18/" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">36.5714881</span>
<span class="event-lng">136.655877</span>
</div>
</li>
<li class="event" id="event-04-02">
<p class="event-title">名古屋マークアップ勉強会</p>
<a href="https://atnd.org/events/66514"><img src="images/events/758markup.png" class="event-logo" alt="名古屋マークアップ勉強会"></a>
<div class="inner-block">
<p class="event-detail">基本的には先生が来る勉強会ではなく、お菓子を持ち寄ってみんなで勉強できるゆるっとした勉強会です。1時間ほど有志の方に10~20分ほど発表してもらうミニセッションの時間を用意しています。どんな内容でも大丈夫なので、みなさんのお話をお待ちしています！</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">10</span>名</dd>
<dt>開催地:</dt>
<dd><a href="http://basecamp-nagoya.jp/access.html">ベースキャンプ名古屋</a>（<span class="address">名古屋市中村区名駅３丁目１８－５</span>）</dd>
<dt>主催:</dt>
<dd>名古屋マークアップ勉強会</dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23758markup" target="_blank">#758markup</a></dd>
</dl>
<p><a href="https://atnd.org/events/66514" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">35.1727747</span>
<span class="event-lng">136.8874665</span>
</div>
</li>
</ul>
</section>
<!-- event-05-00 -->
<!-- <section class="region">
<h2>近畿</h2>
</section> -->
<!-- event-06-00 -->
<section class="region">
<h2>中国</h2>
<ul class="event-list">
<li class="event" id="event-06-01">
<p class="event-title">WEB TOUCH MEETING</p>
<a href="http://www.webtouchmeeting.com/meeting/2015/05/79web-touch-meeting.html"><img src="images/events/webtouchmeeting300logo.gif" class="event-logo" alt="WEB TOUCH MEETING"></a>
<div class="inner-block">
<p class="event-detail">WEB TOUCH MEETINGは、主に広島県、中国地方の方を対象にウェブ周りの技術や知識に関して自分は知ってる当たり前のことをまずはさわりの部分からでもお互いにしあいましょうという会です。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">50</span>名</dd>
<dt>開催地:</dt>
<dd><a href="https://goo.gl/maps/FVZ3N">広島市まちづくり市民交流プラザ 研修室B</a>（<span class="address">広島市中区袋町６－３６</span>）</dd>
<dt>主催:</dt>
<dd><a href="http://www.webtouchmeeting.com/">WEB TOUCH MEETING</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag">
<a href="https://twitter.com/search?q=%23wtm79" target="_blank">#wtm79</a>
</dd>
</dl>
<p><a href="http://www.webtouchmeeting.com/meeting/2015/05/79web-touch-meeting.html" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">34.391794</span>
<span class="event-lng">132.4584228</span>
</div>
</li>
<li class="event" id="event-06-02">
<p class="event-title">GCPUG岡山 #2</p>
<a href="http://connpass.com/event/16151/"><img src="images/events/gcpug_okayama.png" class="event-logo" alt="GCPUG岡山 #2"></a>
<div class="inner-block">
<p class="event-detail">GCPUG(ジーシーパグ)はGoogle Cloud Platformを普及させることを目的とし、Googleと共にGCPをより良くし、盛り上げていくユーザーグループです。今回GCPUG岡山支部は当日に飲み屋さんを探した後に「WebにまつわるGCPもくもく会」を開催します。WebやGCPを盛り上げましょう！q@n@p</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">10</span>名</dd>
<dt>開催地:</dt>
<dd>JR岡山駅周辺の飲み屋さん（<span class="address">岡山県岡山市北区駅元町1-1</span>）</dd>
<dt>主催:</dt>
<dd><a href="https://plus.google.com/communities/115366422273280046817">GCPUG岡山</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23gcpug" target="_blank">#gcpug</a></dd>
</dl>
<p><a href="http://connpass.com/event/16151/" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">34.6650443</span>
<span class="event-lng">133.9175963</span>
</div>
</li>
</ul>
</section>
<!-- event-07-00 -->
<section class="region">
<h2>四国</h2>
<ul class="event-list">
<li class="event" id="event-07-01">
<p class="event-title">「祭りの時間はお終いだ!!」<htmlday 2015> 強制基礎練習</p>
<a href="https://atnd.org/events/66829"><img src="images/events/home_home_access_original.jpg" class="event-logo" alt="「祭りの時間はお終いだ!!」<htmlday 2015> 強制基礎練習"></a>
<div class="inner-block">
<p class="event-detail">前半「WebComponentsを使う回」、後半「HTML5の基礎練習を繰り返す回」の2部構成になっています。
詳細なタイムスケジュールは規定されていませんが、前後半共に90分程度のトレーニングコースを適宜休憩を挟みながら進めていきます。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">1-7</span>名</dd>
<dt>開催地:</dt>
<dd><a href="http://hansendo.com/nazonomise/">ひだまりあぱーとめんと紫雲1F なぞのみせ</a>（<span class="address">香川県高松市紫雲町7-7</span>）</dd>
<dt>主催:</dt>
<dd><a href="http://hansendo.com">帆船堂 電算STUDIO</a></dd>
</dl>
<p><a href="https://atnd.org/events/66829" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">34.3406001</span>
<span class="event-lng">134.0323461</span>
</div>
</li>
</ul>
</section>
<!-- event-08-00 -->
<section class="region">
<h2>九州</h2>
<ul class="event-list">
<li class="event" id="event-08-01">
<p class="event-title">YEOMANとか勉強会@鹿児島 #05 HTML5をハックする！</p>
<a href="https://yeoman.doorkeeper.jp/events/25429"><a href="https://yeoman.doorkeeper.jp/events/25429"><img src="images/dummy186x186.png" class="event-logo" alt="YEOMANとか勉強会@鹿児島 #05 HTML5をハックする！"></a></a>
<div class="inner-block">
<p class="event-detail">YEOMAN ハンズオン鹿児島も今回で5回目となります。今回もYEOMAN関係なくHTML5ハッカソンを行います！</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">5</span>名</dd>
<dt>開催地:</dt>
<dd><a href="http://www.tenon-de.net/">TENON</a>（<span class="address">鹿児島県鹿児島市中央町1-11 三州ビル2F</span>）</dd>
<dt>主催:</dt>
<dd><a href="https://yeoman.doorkeeper.jp/">YEOMANとか同好会</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23yo_jp" target="_blank">#yo_jp</a></dd>
</dl>
<p><a href="https://yeoman.doorkeeper.jp/events/25429" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">31.58655389999999</span>
<span class="event-lng">130.5429726</span>
</div>
</li>
<li class="event" id="event-08-01">
<p class="event-title">「第58回 HTML5とか勉強会」を芋焼酎飲みながら見る会</p>
<a href="https://html5j-kagoshima.doorkeeper.jp/events/25425"><img src="images/events/html5jk.png" class="event-logo" alt="「第58回 HTML5とか勉強会」を芋焼酎飲みながら見る会"></a>
<div class="inner-block">
<p class="event-detail">htmldayに東京で開催される「第58回 HTML5とか勉強会」の動画配信を鹿児島から芋焼酎飲みながら見るという会です。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">10</span>名</dd>
<dt>開催地:</dt>
<dd>codeArts株式会社（仮）（<span class="address">鹿児島県鹿児島市東谷山２丁目４６－４</span>）</dd>
<dt>主催:</dt>
<dd>html5j鹿児島</dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23html5jk" target="_blank">#html5jk</a></dd>
</dl>
<p><a href="https://html5j-kagoshima.doorkeeper.jp/events/25425" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">31.5328517</span>
<span class="event-lng">130.5234929</span>
</div>
</li>
<li class="event" id="event-08-02">
<p class="event-title">フロントエンドエンジニアって何？って思ってるフロントエンドっぽい人たちが何か作ってみるカフェ祭りフェス in 福岡</p>
<a href="http://www.zusaar.com/event/7957003"><img src="images/events/frontend_hackathon_logo.png" class="event-logo" alt="フロントエンドエンジニアって何？って思ってるフロントエンドっぽい人たちが何か作ってみるカフェ祭りフェス in 福岡"></a>
<div class="inner-block">
<p class="event-detail">福岡のアラタナ研究所が1日限りの復活です。フロントエンドっぽい人たちで何か作ってみませんか？ハッカソンほどハードじゃない。もくもく会ほど寡黙じゃない。おもしろいことをやりたければ、スキルは問いません。コンテストが主目的ではありませんが、最近（悪い意味で）話題のアレを賞品として用意してます。がんばるぞい！</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">15</span>名</dd>
<dt>開催地:</dt>
<dd>ブランコ株式会社（<span class="address">福岡県福岡市中央区西中洲12-25 岩崎ビル6F</span>）</dd>
<dt>主催:</dt>
<dd><a href="http://www.aratana.jp">株式会社アラタナ</a></dd>
<dd>／ <a href="http://bulan.co">ブランコ株式会社</a></dd>
</dl>
<p><a href="http://www.zusaar.com/event/7957003" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">33.5915452</span>
<span class="event-lng">130.4036499</span>
</div>
</li>
<li class="event" id="event-08-03">
<p class="event-title">こねくり家でWeb談義</p>
<a href="https://www.facebook.com/events/1588537248062152/"><img src="images/events/lRmQEoro.png" class="event-logo" alt="こねくり家でWeb談義"></a>
<div class="inner-block">
<p class="event-detail">Web談義は入門的な話から技術的な話まで、発表を通じて新しい知識や技術を身につけたり、一緒に切磋琢磨しあう仲間を見つけたりできるイベントです。
古民家をリノベーションしたカフェで開催します！</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">20</span>名</dd>
<dt>開催地:</dt>
<dd><a href="http://conekuriya.com">こねくり家</a>（<span class="address">佐賀市柳町4-16</span>）</dd>
<dt>主催:</dt>
<dd>こねくり家</dd>
</dl>
<p><a href="https://www.facebook.com/events/1588537248062152/" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">33.2540248</span>
<span class="event-lng">130.3079267</span>
</div>
</li>
<!-- <li class="event" id="event-08-01">
<p class="event-title">イベントタイトル</p>
<a href=""><img src="" class="event-logo" alt=""></a>
<div class="inner-block">
<p class="event-detail">概要</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">00</span>名</dd>
<dt>開催地:</dt>
<dd>開催場所（住所）</dd>
<dt>主催:</dt>
<dd>主催団体名</dd>
</dl>
<p><a href="" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat"></span>
<span class="event-lng"></span>
</div>
</li> -->
</ul>
</section>
<section class="region">
<h2>沖縄</h2>
<ul class="event-list">
<li class="event" id="event-09-01">
<p class="event-title">沖縄AWML5 ~HTML5カルタで遊びながら飲む会~</p>
<a href="https://www.facebook.com/awml5"><img src="images/events/awwl.png" class="event-logo" alt="沖縄AWML5 ~HTML5カルタで遊びながら飲む会~"></a>
<div class="inner-block">
<p class="event-detail">出来る限り敷居と意識が低いIT系の人が集まる沖縄コミュニティAWML5。HTML5カルタで遊びながらWEBをネタに喋ったり飲んだりします。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">10</span>名</dd>
<dt>開催地:</dt>
<dd><a href="http://www.garden-h.com/englishgardenaboutus/place.html">English Garden Shintoshin (新都心)</a>（<span class="address">沖縄県那覇市銘苅 1-4-13-2F</span>）</dd>
<dt>主催:</dt>
<dd><a href="https://www.facebook.com/awml5">AWML5</a></dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23AWML5" target="_blank">#AWML5</a></dd>
</dl>
<p><a href="https://www.facebook.com/awml5" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">26.229175</span>
<span class="event-lng">127.6991568</span>
</div>
</li>
</ul>
</section>
<section class="region">
<h2>その他</h2>
<ul class="event-list">
<li class="event" id="event-10-01">
<p class="event-title">Gulp,SASS勉強会 </p>
<a href="skype:?chat&blob=pBJBYOepYsGdoVGVfW9suJEyzlcfIK3wbmaxhSexsv3rNshaKILIoYat3Bg5VdAV3J2VkNTjcOS7yg"><img src="images/events/skzemi.jpg" class="event-logo" alt="Gulp,SASS勉強会 "></a>
<div class="inner-block">
<p class="event-detail">Skypeを使って12時から1、2時間ほどgulpとsass勉強会やります。
知識ある人がいないため、手探りでやっていくことになります
スカゼミというSkypeを使った勉強会グループの一つです。
お暇で興味がある方はお気軽に参加して下さい。
こちらのSNSに入るとスムーズかもしれないです。
http://skypeseminars.rgr.jp/</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">10</span>名</dd>
<dt>開催地:</dt>
<dd>Skype</dd>
<dt>主催:</dt>
<dd><a href="http://skypeseminars.rgr.jp/">スカゼミ</a></dd>
<dd>／ <a href="http://nagoring.com/blog/">なごりんぐ</a></dd>
<dd>／ <a href="http://com.nicovideo.jp/community/co2619535">自由な創作屋「なごなごや」</a></dd>
</dl>
<p><a href="skype:?chat&blob=pBJBYOepYsGdoVGVfW9suJEyzlcfIK3wbmaxhSexsv3rNshaKILIoYat3Bg5VdAV3J2VkNTjcOS7yg" target="_blank">>> イベントページへ（※注意 Skype URIリンクです）</a></p>
</div>
</li>
</ul>
</section>
<section class="region pre-events">
<h2><htmlday>アフターイベント（応援枠）</h2>
<ul class="event-list">
<li class="event" id="event-11-01">
<p class="event-title">Polytechnic Hakodate</p>
<a href="https://hakodatech.doorkeeper.jp/events/25537"><img src="images/events/polytechnic hakodate.png" class="event-logo" alt="Polytechnic Hakodate"></a>
<div class="inner-block">
<p class="event-detail">公立はこだて未来大学の学生が企画する、PolymerやWeb Componentsの勉強会です。Material Designのサイトも簡単に作れちゃうPolymerをコードラボの形式で触ってみます。</p>
<dl class="event-summary">
<dt>募集人数:</dt>
<dd><span class="event-atendee">20</span>名</dd>
<dt>開催日:</dt>
<dd><b>6/16(火)</b></dd>
<dt>開催地:</dt>
<dd><a href="http://www.fun.ac.jp/">公立はこだて未来大学</a>（<span class="address">北海道函館市亀田中野町１１６－２</span>）</dd>
<dt>ハッシュタグ:</dt>
<dd class="hashtag"><a href="https://twitter.com/search?q=%23itshackademic" target="_blank">#itshackademic</a> <a href="https://twitter.com/search?q=%23polymerjp" target="_blank">#polymerjp</a></dd>
</dl>
<p><a href="https://hakodatech.doorkeeper.jp/events/25537" target="_blank">>> イベントページへ</a></p>
</div>
<div class="location">
<span class="event-lat">41.8418174</span>
<span class="event-lng">140.7669687</span>
</div>
</li>
</ul>
</section>
</section>
</section>
</div>
<section class="host box">
<h1>主催</h1>
<ul>
<li><a href="http://html5j.org"><img src="images/logo-html5j-horizontal.svg" alt="Powered by html5jの画像"></a></li>
</ul>
</section>
<section class="cooperation box">
<h1>協力</h1>
<ul class="cooperation-list">
<li>
<a href="http://eventdots.jp/">
<div class="cooperation-logo-wrapper">
<img src="images/sponsor/logo_dots.png" class="sponsor-logo" alt="dots. [ドッツ] ーエンジニアのためのIT勉強会・セミナー・イベント情報検索サービス">
</div>
</a>
</li>
</ul>
</section>
<section id="staff_list" class="staff box">
<h1>スタッフ一覧</h1>
<ul class="staff-list">
<li>
<div class="staff-logo-wrapper">
<a href="https://twitter.com/yoshikawa_t" target="_blank"><img src="images/staff/yoshikawa.jpg" class="staff-logo" alt="yoshikawa_t"><span class="twitter-name">@yoshikawa_t</span></a>
</div>
</li>
<li>
<div class="staff-logo-wrapper">
<a href="https://twitter.com/Hidetaro7" target="_blank"><img src="images/staff/akiba.jpg" class="staff-logo" alt="Hidetaro7"><span class="twitter-name">@Hidetaro7</span></a>
</div>
</li>
<li>
<div class="staff-logo-wrapper">
<a href="https://twitter.com/wks" target="_blank"><img src="images/staff/wakasa.png" class="staff-logo" alt="wks"><span class="twitter-name">@wks</span></a>
</div>
</li>
<li>
<div class="staff-logo-wrapper">
<!-- <a href="#"> --><img src="images/staff/tsmatsuz.jpg" class="staff-logo" alt="松崎 剛"><span class="twitter-name">松崎 剛</span><!-- </a> -->
</div>
</li>
<li>
<div class="staff-logo-wrapper">
<a href="https://twitter.com/isshiki" target="_blank"><img src="images/staff/isshiki.jpg" class="staff-logo" alt="isshiki"><span class="twitter-name">@isshiki</span></a>
</div>
</li>
<li>
<div class="staff-logo-wrapper">
<a href="https://twitter.com/320kawashima" target="_blank"><img src="images/staff/kawashima.jpg" class="staff-logo" alt="320kawashima"><span class="twitter-name">@320kawashima</span></a>
</div>
</li>
<li>
<div class="staff-logo-wrapper">
<a href="https://twitter.com/ega1979" target="_blank"><img src="images/staff/ega.gif" class="staff-logo" alt="ega1979"><span class="twitter-name">@ega1979</span></a>
</div>
</li>
<li>
<div class="staff-logo-wrapper">
<!-- <a href="" target="_blank"> --><img src="images/staff/narukama.jpg" class="staff-logo" alt="鳴釜優子"><span class="twitter-name">鳴釜優子</span><!-- </a> -->
</div>
</li>
<li>
<div class="staff-logo-wrapper">
<a href="https://twitter.com/miyaq" target="_blank"><img src="images/staff/babaq.jpg" class="staff-logo" alt="miyaq"><span class="twitter-name">babaq(@miyaq)</span></a>
</div>
</li>
</ul>
</section>
</main>
<footer>
<small><img src="images/logomark_htmlday.png" alt="htmldayのロゴマークです">htmlday実行委員会</small>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//maps.google.com/maps/api/js?sensor=true"></script>
<script src="js/main.js"></script>
<!-- Google Analytics -->
<script>
var _gaq=[['_setAccount','UA-40784056-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>