-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1326 lines (1122 loc) · 73.4 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
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="ja" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Waffle-fes2024</title>
<link rel="icon" href="Waffle_favicon_256.ico">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P4S8C48');</script>
<!-- End Google Tag Manager -->
<!-- OGP(Twitter_card)-->
<meta name="description" content="ITの仕事や学びがまるごとわかる！女子＆ノンバイナリーの中高生・大学生向けテック・カンファレンス「Waffle Festival 2024」を、5月25日（土）・26日（日）の両日、東京・原宿の会場とオンラインでのハイブリッドにて開催します。">
<meta property="og:title" content="Waffle Festival 2024-女子＆ノンバイナリーの中高生・大学生向けテック・カンファレンス-">
<meta property="og:url" content="https://waffle-festival.com/">
<meta property="og:image" content="https://waffle-festival.com/og.jpg" />
<meta property="og:type" content="website">
<meta property="og:site_name" content="Waffle-fes2024">
<meta property="og:description" content="ITの仕事や学びがまるごとわかる！女子＆ノンバイナリーの中高生・大学生向けテック・カンファレンス「Waffle Festival 2024」を、5月25日（土）・26日（日）の両日、東京・原宿の会場とオンラインでのハイブリッドにて開催します。">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Waffle Festival 2024-女子＆ノンバイナリーの中高生・大学生向けテック・カンファレンス-">
<meta name="twitter:image" content="https://waffle-festival.com/og.jpg" />
<meta name="twitter:description" content="ITの仕事や学びがまるごとわかる！女子＆ノンバイナリーの中高生・大学生向けテック・カンファレンス「Waffle Festival 2024」を、5月25日（土）・26日（日）の両日、東京・原宿の会場とオンラインでのハイブリッドにて開催。">
<!-- End OGP(Twitter_card)-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&family=Zen+Maru+Gothic&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" type="text/css"
href="https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/reset.css">
<!-- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"> -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous" />
<script src="script.js"></script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4S8C48"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
<div class="headerlist"></div>
<a href="https://waffle-waffle.org/" target="_blank"><img src="Waffle_logo_rgb.png" width=220 height=50
class="waffleimage"></a>
<!-- ヘッダーメニュー -->
<nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color: white !important;">
<!-- 省略… -->
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav_mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#ABOUT">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#message">MESSAGE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#timetable">TIMETABLE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#FAQ">FAQ</a>
</li>
<!-- ドロップダウンメニュー省略… -->
</ul>
<!-- フォーム省略… -->
</div>
<!-- 省略… -->
</nav>
</header>
<main>
<!-- KV -->
<div class="KV">
<img class="pc" src="wafflefes_kv_3.jpg">
<img class="sp" src="WF_SP.jpg">
</div>
<div class="background">
<!-- コンテンツ -->
<div class="contents">
<button type="button" class="fixed_btn" onclick="window.open('https://waffle-fes2024.peatix.com', '_blank')">
<div class="p1">お申し込みは</div>
<div class="p2">こちら</div>
<div class="p3">5.26 SUN</div>
</button>
<!-- <h2 id="NEWS">NEWS</h2>
<section class="content">
<p class="space"></p>
<ul class="news">
<li class="news_content">
<p class="New">New !</p>
<p class="open_date">2024.04.13</p>
<div class="new_text">アーティストでエンジニア、東京藝術大学デザイン科准教授の「スプツニ子！」さんの登壇が決定しました！詳しくはタイムテーブルをご覧ください。</div>
</li>
<li class="news_content">
<p class="New">New !</p>
<p class="open_date">2024.04.08</p>
<div class="new_text">世界最大級の女子中高生向けアプリ開発コンテスト「Technovation Girls 2024 日本公式ピッチイベント」のオンライン視聴応募フォームがオープンしました！<br>詳しくは<a href="https://technovationgirls2024-pitchevent.peatix.com/" target="_blank">こちら</a>をご覧ください。</div>
</li>
<li class="news_content">
<p class="open_date">2024.03.29</p>
<div class="new_text">Waffle Fesサイトを公開しました！</div>
</li>
</ul>
</section> -->
<h2 id="ABOUT">ABOUT</h2>
<section class="content">
<div class="about_content">
<div class="day1_contents">
<div class="title-container">
<h4>Day１</h4>
<p class="date">2024.05.25(土)</p>
</div>
<hr>
<h2>「Technovation Girls（テクノベーションガールズ）」<br>日本公式ピッチイベント</h2>
<p>※会場参加は関係者に限定させていただきます
（オンライン視聴のお申込みは<a href="https://technovationgirls2024-pitchevent.peatix.com" target="_blank">こちら</a>）
。</p>
</div>
<div class="day2_contents">
<div class="title-container">
<h4>Day２</h4>
<p class="date">2024.05.26(日) 10:00-17:00（受付開始 9:30）</p>
</div>
<hr>
<h2>「Waffle Festival 2024」<br>
セッション＆ワークショップ</h2>
<p>参加費：無料（事前登録制）</p>
<hr class="access_top">
<div class="access_container">
<h2>Access</h2>
<ul>
<li>JR原宿駅周辺（東京都渋谷区）</li>
<li class="small">※会場の詳細は、お申込みいただいた方に別途ご案内します。</li>
<li> ※オンライン配信あり（一部コンテンツを除く）</li>
</ul>
</div>
<div class="attention_container">
<h2>注意事項</h2>
<ul>
<!-- <li>申込者が多数の場合は、抽選とさせていただきます。</li> -->
<li>5月25日（土）の「Technovation Girls
日本公式ピッチイベント」は、一般の方は会場参加はできません。オンライン配信がございますので、<a href="https://technovationgirls2024-pitchevent.peatix.com" target="_blank">そちら</a>をご覧ください。</li>
<li>5月26日（日）のワークショップの一部は、事前のお申込みが必要です。チケット選択画面にて、WS参加チケットも併せてお申し込みください。</li>
<li>イベントの内容は、予告なく変更／中止させていただく場合がございます。</li>
<li>
会場内では、Waffleや取材メディアによる写真や動画撮影が行われる予定です。会場内の参加者が映り込む場合があります。また、後日メディア等に掲載される場合がございますので、あらかじめご了承ください。
</li>
</ul>
</div>
</div>
</section>
<h2 id="message">MESSAGE</h2>
<section class="message_contents">
<p>「やりたいことを探せ」と大人は言うけれど、そう簡単には見つからない。</br>SNSにもたくさんの情報があるけれど、いったいどれを信じたらいいんだろう？</p>
<p>いざやりたいことを口にしてみたら、<br>「女の子なんだし違うのにしたら？」「こっちの方があなたに合っているのでは？」<br>なんて言われる。</p>
<p>
そこでわたしたちWaffleは、将来を考える女子およびノンバイナリーのみなさんに向けたイベントを開催することにしました。<br>Waffleの目指す「ITで楽しく人生を切り拓く」ことをもっと身近に感じてもらうために、<br><span
class="bold_message">IT業界で生き生きと働く女性とみなさんをつなぐための場所</span>です。
</p>
<p>時代が変わり、働き方が変わり、次々と塗り替わっていく価値観の最先端をひた走る皆さんが、自分が主人公の人生を描けるように。</p>
<p>女子とノンバイナリーの学生が、もっともっと、社会で翼を広げるために。<span class="bold_message"><br>願わくば、テックを味方にできるように。</span></p>
<p>あらゆるハードルがあることは、わたしたちにもよく分かる。<br>同世代の友達は、まだ将来のことなんて考えていないかも。</p>
<p>でも、一歩を踏み出した人だけが出会える選択肢があって、それを切り拓くことができるのは、ほかでもない自分自身です。<br>わたしたちは挑戦するあなたを全力で応援します。</p>
<span class="imp_message">さあ、テックとともに、未来を手に入れよう。</span>
</section>
<h2 id="timetable">TIMETABLE</h2>
<section class="content">
<!-- PC版タイムテーブル -->
<div class="timetable_section_PC">
<div class="timetable_day1">
<h4>Day１</h4>
<p>2024.05.25(土)</p>
</div>
<div class="theme">
<p><a class="tec_girls" href="https://technovationgirls2024-pitchevent.peatix.com" target="_blank">Technovation Girls<br class="pc_hide">日本公式ピッチイベント</a></p>
</div>
<div class="timetable_day2">
<h4>Day２</h4>
<p>2024.05.26(日)</p>
</div>
<div class="theme">
<p>セッション＆ワークショップ</p>
<p style="font-size: 16px; padding-top: 10px;">詳細は各セッションをクリックしてください</p>
</div>
<div class="timetable_contents">
<div class="timetable_line" style="grid-column: 2/5; grid-row: 2/2;"></div>
<div class="timetable_line" style="grid-column: 2/5; grid-row: 8/8;"></div>
<div class="timetable_line" style="grid-column: 2/5; grid-row: 14/14;"></div>
<div class="timetable_line" style="grid-column: 2/5; grid-row: 20/20;"></div>
<div class="timetable_line" style="grid-column: 2/5; grid-row: 26/26;"></div>
<div class="timetable_line" style="grid-column: 2/5; grid-row: 32/32;"></div>
<div class="timetable_line" style="grid-column: 2/5; grid-row: 38/38;"></div>
<div class="timetable_line" style="grid-column: 2/5; grid-row: 44/44;"></div>
<p class="time" style="grid-row: 2/2">10:00</p>
<p class="time" style="grid-row: 8/8">11:00</p>
<p class="time" style="grid-row: 14/14">12:00</p>
<p class="time" style="grid-row: 20/20">13:00</p>
<p class="time" style="grid-row: 26/26">14:00</p>
<p class="time" style="grid-row: 32/32">15:00</p>
<p class="time" style="grid-row: 38/38">16:00</p>
<p class="time" style="grid-row: 44/44">17:00</p>
<div class="event_main" style="grid-row: 1/2;" id="main_tab">
<h2>メインホール</h2>
</div>
<div class="event_main" style="grid-row: 2/4;">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_1-1" class="btn">
<p>10:00-10:20</p>
<h2>Welcome to Waffle Festival!!</h2>
</div>
<div class="event_main" style="grid-row: 4/7;">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_1-2" class="btn">
<p>10:20-10:50</p>
<h2>テックとともに、未来を手に入れよう</h2>
</div>
<div class="event_main" style="grid-row: 8/11">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_2" class="btn">
<p>11:00-11:30</p>
<h2>Waffle College 座談会</h2>
</div>
<div class="event_main" style="grid-row: 12/15">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_3" class="btn">
<p>11:40-12:10</p>
<h2>アメリカ大使館に聞く！<br>米国留学AtoZ</h2>
</div>
<div class="event_main" style="grid-row: 17/21">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_4" class="btn">
<p>12:30-13:10</p>
<h2>AIと生きる、AIを活かす</h2>
</div>
<div class="event_main" style="grid-row: 22/25">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_5" class="btn">
<p>13:20-13:50</p>
<h2>自分らしく、仕事を楽しむ</h2>
</div>
<div class="event_main" style="grid-row: 26/29">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_6" class="btn">
<p>14:00-14:30</p>
<h2>わたしがエンジニアになるまで</h2>
</div>
<div class="event_main" style="grid-row: 30/33">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_7" class="btn">
<p>14:40-15:10</p>
<h2>エンジニアふたりがクロストーク！<br>「わたし×IT×チーム力」</h2>
</div>
<div class="event_main" style="grid-row: 37/43">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_8" class="btn">
<p>15:50-16:50</p>
<h2>身近な課題をITで解決！<br>アイデアワークショップ</h2>
</div>
<div class="event_main" style="grid-row: 43/44">
<!-- 背景に色を入れるためにcomingsoonクラス指定 -->
<div class="comingSoon_main">
<p>16:50-17:00</p>
<h2>写真撮影・閉会の言葉</h2>
</div>
</div>
<!-- lifork -->
<div class="event_lifork" style="grid-row: 1/2;" id="lifork_tab">
<h2>リフォークルーム</h2>
</div>
<div class="event_lifork" style="grid-row: 8/20">
<button type="button" data-bs-toggle="modal" data-bs-target="#lifork_1" class="btn">
<p>11:00-13:00</p>
<h2>パソコンでペンを使わず絵を描こう！<br>プログラミングワークショップ</h2>
</div>
<div class="event_lifork" style="grid-row: 22/27">
<button type="button" data-bs-toggle="modal" data-bs-target="#lifork_2" class="btn">
<p>13:20-14:10</p>
<h2>気づこう、<br>無意識の思い込みや偏見のもやもや</h2>
</div>
<div class="event_lifork" style="grid-row: 29/32">
<button type="button" data-bs-toggle="modal" data-bs-target="#lifork_3" class="btn">
<p>14:30-15:00</p>
<h2>文系からエンジニアへ</h2>
</div>
<div class="event_lifork" style="grid-row: 33/36">
<button type="button" data-bs-toggle="modal" data-bs-target="#lifork_4" class="btn">
<p>15:10-15:40</p>
<h2>パソコン音痴な私がモバイル開発界隈で<br>ぬくぬく成長している理由</h2>
</div>
</div>
</div>
<!-- SP版タイムテーブル -->
<div class="timetable_section_SP">
<div class="timetable_day1">
<h4>Day１</h4>
<p>2024.05.25(土)</p>
</div>
<div class="theme">
<p><a class="tec_girls" href="https://technovationgirls2024-pitchevent.peatix.com" target="_blank">Technovation Girls<br class="pc_hide">日本公式ピッチイベント</a></p>
</div>
<div class="timetable_day2">
<h4>Day２</h4>
<p>2024.05.26(日)</p>
</div>
<div class="theme">
<p>セッション＆ワークショップ</p>
<p style="font-size: 7.3px; padding-top: 3px;">詳細は各セッションをクリックしてください</p>
</div>
<div class="tabs">
<input id="all" type="radio" name="tab_item" checked>
<label class="tab_item" for="all">メインホール</label>
<input id="design" type="radio" name="tab_item">
<label class="tab_item" for="design">リフォークルーム</label>
<div class="tab_content" id="all_content">
<div class="main_contents">
<div class="timetable_contents">
<div class="timetable_line" style="grid-column: 2/3; grid-row: 2/2;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 8/8;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 14/14;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 20/20;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 26/26;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 32/32;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 38/38;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 44/44;"></div>
<p class="time" style="grid-row: 2/2">10:00</p>
<p class="time" style="grid-row: 8/8">11:00</p>
<p class="time" style="grid-row: 14/14">12:00</p>
<p class="time" style="grid-row: 20/20">13:00</p>
<p class="time" style="grid-row: 26/26">14:00</p>
<p class="time" style="grid-row: 32/32">15:00</p>
<p class="time" style="grid-row: 38/38">16:00</p>
<p class="time" style="grid-row: 44/44">17:00</p>
<div class="event_main" style="grid-row: 2/4;">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_1-1" class="btn">
<p>10:00-10:20</p>
<h2>Welcome to Waffle Festival!!</h2>
</div>
<div class="event_main" style="grid-row: 4/7;">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_1-2" class="btn">
<p>10:20-10:50</p>
<h2>テックとともに、未来を手に入れよう</h2>
</div>
<div class="event_main" style="grid-row: 8/11">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_2" class="btn">
<p>11:00-11:30</p>
<h2>Waffle College 座談会</h2>
</div>
<div class="event_main" style="grid-row: 12/15">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_3" class="btn">
<p>11:40-12:10</p>
<h2>アメリカ大使館に聞く！<br>米国留学AtoZ</h2>
</div>
<div class="event_main" style="grid-row: 17/21">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_4" class="btn">
<p>12:30-13:10</p>
<h2>AIと生きる、AIを活かす</h2>
</div>
<div class="event_main" style="grid-row: 22/25">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_5" class="btn">
<p>13:20-13:50</p>
<h2>自分らしく、仕事を楽しむ</h2>
</div>
<div class="event_main" style="grid-row: 26/29">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_6" class="btn">
<p>14:00-14:30</p>
<h2>わたしがエンジニアになるまで</h2>
</div>
<div class="event_main" style="grid-row: 30/33">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_7" class="btn">
<p>14:40-15:10</p>
<h2>エンジニアふたりがクロストーク！「わたし×IT×チーム力」</h2>
</div>
<div class="event_main" style="grid-row: 37/43">
<button type="button" data-bs-toggle="modal" data-bs-target="#main_8" class="btn">
<p>15:50-16:50</p>
<h2>身近な課題をITで解決！アイデアワークショップ</h2>
</div>
<div class="event_main" style="grid-row: 43/44">
<!-- 背景に色を入れるためにcomingsoonクラス指定 -->
<div class="comingSoon_main">
<p>16:50-17:00</p>
<h2>写真撮影・閉会の言葉</h2>
</div>
</div>
</div>
</div>
</div>
<div class="tab_content" id="design_content">
<!-- lifork -->
<div class="lifork_contents">
<div class="timetable_contents">
<div class="timetable_line" style="grid-column: 2/3; grid-row: 2/2;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 8/8;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 14/14;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 20/20;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 26/26;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 32/32;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 38/38;"></div>
<div class="timetable_line" style="grid-column: 2/3; grid-row: 44/44;"></div>
<p class="time" style="grid-row: 2/2">10:00</p>
<p class="time" style="grid-row: 8/8">11:00</p>
<p class="time" style="grid-row: 14/14">12:00</p>
<p class="time" style="grid-row: 20/20">13:00</p>
<p class="time" style="grid-row: 26/26">14:00</p>
<p class="time" style="grid-row: 32/32">15:00</p>
<p class="time" style="grid-row: 38/38">16:00</p>
<p class="time" style="grid-row: 44/44">17:00</p>
<div class="event_lifork" style="grid-row: 8/20">
<button type="button" data-bs-toggle="modal" data-bs-target="#lifork_1" class="btn">
<p>11:00-13:00</p>
<h2>パソコンでペンを使わず絵を描こう！プログラミングワークショップ</h2>
</div>
<div class="event_lifork" style="grid-row: 22/27">
<button type="button" data-bs-toggle="modal" data-bs-target="#lifork_2" class="btn">
<p>13:20-14:10</p>
<h2>気づこう、<br>無意識の思い込みや偏見のもやもや</h2>
</div>
<div class="event_lifork" style="grid-row: 29/32">
<button type="button" data-bs-toggle="modal" data-bs-target="#lifork_3" class="btn">
<p>14:30-15:00</p>
<h2>文系からエンジニアへ</h2>
</div>
<div class="event_lifork" style="grid-row: 33/36">
<button type="button" data-bs-toggle="modal" data-bs-target="#lifork_4" class="btn">
<p>15:10-15:40</p>
<h2>パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- modal main-->
<div class="modal fade" id="main_1-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Welcome to Waffle Festival!</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>Waffle Festivalを120％楽しむためのオープニングセッションです。なぜWaffleが女子とノンバイナリーの応援にこだわるのか？ITがわかる・できると、わたしの人生どう変わる？！米国での長いITキャリアを経て、現在米国大使館で情報システム担当官として重要任務にあたるゲストからの特別メッセージも。</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/3kcbwQQ/fixed-ivy.png">
</li>
<li>
<h2>登壇者：田中 沙弥果（NPO法人Waffle 理事長）</h2>
<P>NPO法人Waffle 理事長。W20 JAPAN デリゲート。2017年NPO法人みんなのコードに入職し、プログラミング教育の普及活動に従事。同年より女子およびノンバイナリーの中高生向けのIT・キャリア教育を開始。2019年Waffle設立、現在に至る。Forbes JAPAN 世界を変える30歳未満30人。内閣府 若者円卓会議 委員。経済産業省 デジタル関連部活支援の在り方に関する検討会 有識者。世界経済フォーラム ヤング・グローバル・リーダーズ（YGLs）2024。</P>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="main_1-2">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">テックとともに、未来を手に入れよう</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>テクノロジーは、あなたが自分を表現し、仲間を集め、やりたいことを実現していくための強い味方になります。テクノロジー分野のジェンダーギャップをなくしたい！という強い思いを胸に、第一線で活躍している大学教授・アーティストであり、フェムテック企業のCEOでもあるスプツニ子！さんをお招きし、IT×学生×多様性の可能性について伺います。</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/kq9197h/fixed.png">
</li>
<li>
<h2>登壇者：スプツニ子！さん（アーティスト/東京藝術大学デザイン科准教授）</h2>
<P>インペリアル・カレッジ・ロンドン数学科および情報工学科を卒業後、英国王立芸術学院(RCA)デザイン・インタラクションズ専攻修士課程を修了。RCA在学中より、テクノロジーによって変化していく人間の在り方や社会を反映させた映像インスタレーション作品を制作。2013年よりマサチューセッツ工科大学(MIT) メディアラボ 助教授に就任し Design Fiction Group を率いた。現在は東京藝術大学デザイン科准教授。著書に「はみだす力」。</P>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="main_2">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Waffle College 座談会</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>1年間のプログラムを通して、まったくの初心者からIT企業でインターンを獲得したり、エンジニアを目指したり。登壇者は数年後のあなたかも。</p>
</div>
<h2 style="padding-top: 20px;">登壇者</h2>
<ul class="collegeStudents">
<li>
<img src="https://i.ibb.co/r4KVvmY/fixed-College.png">
<h2>的場 安美 さん</h2>
<P>Waffle College 2期生 / 関西学院大学大学院 理工学研究科 生命医科学専攻</P>
</li>
<li>
<img src="https://i.ibb.co/5Yz2Yqj/fixed-College.png">
<h2>濱野 佑有 さん</h2>
<P>Waffle College 1期生 / 愛媛大学 社会共創学部卒</P>
</li>
<li>
<img src="https://i.ibb.co/M6Mtv6V/fixed-College.png">
<h2>石川 清佳 さん</h2>
<P>Waffle College 2期生 / 早稲田大学教育学部 社会科 地理歴史専修 修了</P>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="main_3">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">アメリカ大使館に聞く！米国留学AtoZ</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>海外で学んだり、仕事をするのに、興味はあるけれど......。「けれど」の先に立ちはだかる壁の、最初の手がかりをつかみましょう！</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/K22JGH7/fixed.png">
</li>
<li>
<h2>登壇者：シルバ 智子 さん（在日米国大使館）</h2>
<P>
東京都生まれ NY州立大学バッファロー校卒業。アメリカで異文化コミュニケーションを学ぶ。日米の違いに戸惑い、世界規模での差に魅力を感じるようになる。2009年より米国大使館勤務。情報管理課、保安課を経て2017年より広報文化交流部に配属。米国留学促進を行うEducationUSA日本チームの責任者。
</P>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="main_4">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">AIと生きる、AIを活かす</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>
自動運転の車が事故を起こしたら、責任はだれが取るのでしょう？<br>ぬいぐるみは投げつけてもいいけれど、ロボット犬をいじめるのはダメ？<br>現代人の生活に深く浸透しつつあるAIと、わたしたちの倫理について問いかけるセッションです。
</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/6WzfS5p/fixed.png">
</li>
<li>
<h2>登壇者：美馬 のゆり 教授（公立はこだて未来大学）</h2>
<P>公立はこだて未来大学教授。専門は学習科学、教育工学、情報工学。 公立はこだて未来大学および日本科学未来館の設立計画策定に携わる。日本科学未来館副館長、NHK
経営委員、中央教育審議会委員、科学技術・学術審議会委員などを歴任。平成 26
年度文部科学大臣表彰科学技術賞（理解増進部門）受賞。代表著作：『未来を創る「プロジェクト学習」のデザイン』『学習設計マニュアル』『理系女子的生き方のススメ』など。
</P>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="main_5">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">自分らしく、仕事を楽しむ</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>これからのIT企業において、マイノリティはむしろ武器になる。IT企業では、技術も事業も変化のスピードが早く、変化を受け入れ、活かし、楽しむことが重要です。自身のライフステージの変化を活かしながら、IT企業で日々の変化を楽しむことを大切にキャリアアップしてきた事例ををお話しします。</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/YNfdbTj/fixed.png">
</li>
<li>
<h2>登壇者：茅野 祥子 さん（株式会社サイバーエージェント）</h2>
<p>
東京理科大学卒業後、IT企業にエンジニアとして就職。2014年に株式会社CyberAgent中途入社。AI事業本部の前身であるアドテクスタジオにてDSPの開発を経て、2019年より「ABEMA」の制作配信技術に従事したのち、2022年に産休育休を取得。復帰後はエンジニアとして「ABEMA」の配信システムの開発に従事。
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="main_6">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">わたしがエンジニアになるまで</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>学生時代全くのIT未経験だったわたしですが、大学時代の就職活動をきっかけにIT業界にチャレンジすることにしました！その選択の理由や、エンジニアとして就職してからの日々、現在の社会を支えるITシステムのチームメンバーとして活躍するに至るまでの道すじをお話します。</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/1fkCxcn/fixed.png">
</li>
<li>
<h2>登壇者：齋地 瑞月 さん（株式会社日本総合研究所）</h2>
<p>
お茶の水女子大学文教育学部人間社会科学科卒業。学生時代は教育科学領域を中心に学ぶ。2019年、株式会社日本総合研究所に入社。入社後は銀行勘定系システムに従事。入社3年目から次世代銀行勘定系システムのメンバーとして、大規模プロジェクトを担当。
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="main_7">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">エンジニアふたりがクロストーク！「わたし×IT×チーム力」</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>ITスキルとチームワークで、さまざまな人の力になれる！学生時代に「理系」を選んだきっかけや学んだ経験、そしてITスキルをもとに、技術開発からゲーム・アニメなどのエンタテインメントまでお仕事として関わる「いま」について。ITエンジニアとして日々奮闘するおふたりが、どんな思いや価値観を大切にしているのか、個性豊かなひとが集うチームでどのようにコミュニケーションを工夫しているのか、トークセッションをお届けします。</p>
</div>
<h2 style="padding-top: 20px;">登壇者</h2>
<ul>
<li>
<img src="https://i.ibb.co/bHGDkdy/fixed.png">
</li>
<li>
<h2>大屋 瑠璃 さん（ソニー株式会社）</h2>
<p>2020年、ソニー株式会社に入社。学生時代はコンピュータビジョンを専攻。入社後は空間再現ディスプレイの研究・開発業務に従事。趣味は写真撮影・ボードゲーム。</p>
</li>
</ul>
<ul>
<li>
<img src="https://i.ibb.co/3YdXm85/fixed.png">
</li>
<li>
<h2>戸田 綾佳 さん（株式会社ソニー・インタラクティブエンタテインメント）</h2>
<p>2021年、株式会社ソニー・インタラクティブエンタテインメントに入社。学生時代は教育情報工学を研究。入社後は現在にわたりPlayStation™Networkの運用業務に従事。趣味はゲームと園芸。</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="main_8">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">身近な課題をITで解決！アイデアワークショップ</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>学校で感じている小さな困りごとも、実は多くの人が抱えている悩みかも。みんなでテクノロジーを使った解決方法を考え、いろいろなテクノロジーが創る新しい未来を想像する協力型ワークショップです。</p>
</div>
<!-- <p>Coming soon</p> -->
<!--<p>経歴：</p> -->
<h2>ファシリテーター協力：デロイト トーマツ グループ合同会社</h2>
</div>
</div>
</div>
</div>
</div>
<!-- modal lifork -->
<div class="modal fade" id="lifork_1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">パソコンでペンを使わず絵を描こう！プログラミングワークショップ</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>プログラミングの基礎を学んで、カラフルな花を描いてみよう！初心者大歓迎、プログラミングの楽しさが体験できるワークショップです。
<br>（※参加には事前予約が必要です）
</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/4W1yYfQ/fixed.png">
</li>
<li>
<h2>講師：小芝 美由紀 さん（株式会社スマートバンク エンジニア）</h2>
<p>武蔵野美術大学造形学部通信教育課程デザイン情報学科 在学。共著「現場で使えるRuby on Rails 5
速習実践ガイド」。関西大学総合情報学部を卒業後、金融・医療・流通・ECなどの様々な分野のシステム開発に従事。2023年より現職にて自社事業である家計簿プリカB/43の開発に携わる。継続的にRubyとクリエイティブコーディングについて登壇や執筆などを通じて発信している。
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="lifork_2">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">気づこう、無意識の思い込みや偏見のもやもや</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>
日傘、たばこ、単身赴任、アフタヌーンティ、これらの言葉を聞いて思い浮かべるのは、どの性別ですか？性別に限らず、私たちの「無意識の思い込み」をあぶりだし、よりよい私と社会をめざすワークショップです。<br>（※参加には事前予約が必要です）</br>
</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/bXQ8scq/fixed.png">
</li>
<li>
<h2>ファシリテーター：岡田 恵利子 さん（ジェンクロス・カワサキ代表）</h2>
<p>ソーシャルデザインスタジオ ニアカリ代表、川崎市男女平等推進審議会委員、株式会社アドウェイズ
社外取締役、他。デンマークで経験したジェンダー平等のカルチャーショックから、地元川崎でジェンダー平等について身近に対話・考える場づくりのデザインに挑戦するべく、ジェンクロス・カワサキを2021年に設立。2022年「ジェンダーもやもや発見カード」を川崎市男女共同参画センター協働事業にて制作、地域で展開を進める。
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="lifork_3">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">文系からエンジニアへ</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>数学が苦手だから、理系は向いてない。そんなふうに考えていませんか？
実はエンジニアの世界には文系から転身した人も多くいますし、必ずしも全員がプログラミングをしているわけでもありません。ITにまつわるさまざまな仕事や柔軟な働き方について知り、世界を広げましょう！
</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/LvVrbsP/fixed.png">
</li>
<li>
<h2>登壇者：斉藤 裕希 さん（サイボウズ株式会社）</h2>
<p>
北海道札幌市出身、小樽商科大学商学部卒業。プログラマーからキャリアをスタートし、転職を経てQAエンジニアにキャリアチェンジ。2022年1月にサイボウズに入社。現在はQAエンジニアとしてサイボウズOffice・メールワイズの試験を担当。最近はアイドルのオーディション番組を見ることにハマっています。
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="lifork_4">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="modal_description">
<p>実は私、数学とパソコンが苦手なんです！そんな私が理系に進学し、今ではITベンチャー企業でAndroidエンジニアとして働いています。同じように、数学やパソコンが苦手だけどIT業界に興味があるな・・という学生さんもいらっしゃるのではないでしょうか？そのような方にこそモバイルエンジニアリングの界隈は特におすすめです！私の具体的なキャリアや日常の活動から、この業界の魅力をお伝えします。</p>
</div>
<ul>
<li>
<img src="https://i.ibb.co/r2X23dq/fixed-STORES.png">
</li>
<li>
<h2>登壇者：密山 彩葉 さん（STORES 株式会社）</h2>
<p>2022年、STORES 株式会社に入社。テクノロジー部門モバイル開発本部でAndroidエンジニアとしてお店のキャッシュレスをサポートする STORES 決済
アプリの開発に従事している。</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<h2 id="FeaturedContents">Featured Contents</h2>
<section class="content">
<div id="cardlayout-wrap"><!-- カードレイアウトをラッピング -->
<section class="card-list">
<class="card-link">
<figure class="card-figure"><img src="https://i.ibb.co/MPfNPSR/image.jpg"></figure>
<h2 class="card-title">キャリアトーク</h2>
<hr>
<p class="card-text-tax">
そもそもなぜ、ITの世界へ？IT分野で働いている女性が、どのようにキャリアを選んだか、高校・大学時代にどのような活動をしていたのかなどを具体的に聞くことができます。</p>
</a>
</section>
<section class="card-list">
<class="card-link">
<figure class="card-figure"><img src="ワークショップ.JPG"></figure>
<h2 class="card-title">ワークショップ</h2>
<hr>
<p class="card-text-tax">千里の道も一歩から。初心者大歓迎、プログラミングで絵を描いてみよう！テクノロジーを体験できるワークショップです。</p>
</a>
</section>
</div>
<div class="featured_sub">
<h4>Waffleスタッフ「推し」本の展示やゲーム型ワークショップ、留学相談ブースも！</h4>
<div class="featured_sub-container">
<img src="一番左に配置 2.jpg">
<img src="真ん中に配置 2.jpeg">
<img src="一番右に配置 2.jpg">
</div>
</div>
</section>
<h2 id="voice">VOICE</h2>
<section class="content">
<div class="voices">
<h2>過去の参加者の声</h2>
<ul>
<li class="voice_msg1">実際に文系から転職した方の話を詳しく聞けたので、いつでもキャリアチェンジできるのではないかと思えて気が楽になりました。</li>
<li class="voice_img1"><img src="voices_9.png"></li>
</ul>
<ul>
<li class="voice_img2"><img src="voices_2.png"></li>
<li class="voice_msg2">仕事探しの参考になりました。プログラミングの勉強、自分のやりたいことを仕事にするまでの過程の多様性を感じることができて良かったです。</li>
</ul>
<!-- <ul>
<li class="voice_msg3">これから特に女子学生が積極的に挑戦するのに<br>ふさわしい分野だと思いました。</li>
<li class="voice_img3"><img src="voices_4.png"></li>
</ul>
<ul>