-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.pug
403 lines (377 loc) · 20.7 KB
/
index.pug
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
doctype html
html(lang="ja")
head
meta(charset='utf-8')
title Inside Frontend | 2019年5月18日 Frontendカンファレンスを渋谷Abema Towersで開催
meta(name='description' content='2019年5月18日 Frontendカンファレンスを渋谷Abema Towersで開催')
meta(name='viewport' content='width=device-width, initial-scale=1')
meta(name='twitter:title' content='Inside Frontend #3')
meta(name='twitter:card' content='summary_large_image')
meta(name='twitter:url' content='https://inside-frontend.com/')
meta(name='twitter:site' content='@insidefrontend')
meta(name='twitter:image' content='https://inside-frontend.com/stat/ogimage.png')
meta(name='twitter:description' content='Web フロントエンドの現場とこれからをつなぐカンファレンス')
meta(property='og:title' content='Inside Frontend #3')
meta(property='og:type' content='website')
meta(property='og:url' content='https://inside-frontend.com/')
meta(property='og:image' content='https://inside-frontend.com/stat/ogimage.png')
meta(property='og:description' content='Web フロントエンドの現場とこれからをつなぐカンファレンス')
link(rel='apple-touch-icon' sizes='180x180' href='/src/assets/icons/apple-touch-icon.png')
link(rel='icon' type='image/png' sizes='32x32' href='/src/assets/icons/favicon-32x32.png')
link(rel='icon' type='image/png' sizes='16x16' href='/src/assets/icons/favicon-16x16.png')
link(rel='manifest' href='https://inside-frontend.com/stat/icons/site.webmanifest')
link(rel='mask-icon' href='/src/assets/icons/safari-pinned-tab.svg' color='#27262e')
meta(name='msapplication-TileColor' content='#27262e')
meta(name='theme-color' content='#27262e')
link(href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet')
include ./includes/speakersData
header.header
nav.nav
ul.nav-list
li
a(href='#speakers') Speakers
li
a(href='#timetable') Timetable
li
a(href='#venue') Venue
main.main
.event
h1.event-name
img.event-banner(src='/src/assets/logo.svg' alt='Inside Frontend')
.event-summary
p
span.event-venue Abema Towers, Shibuya
time(datetime="2019-05-18").event-date 2019.05.18
span.event-time Open 12:00 / Start 13:00
section.thankyouforcoming
h2.Heading Thank you for coming!
p.thankyouforcoming-message
| ご来場・ご登壇のみなさまありがとうございました！
p.thankyouforcoming-link
a(href='https://twitter.com/i/moments/1129696037717794817' target="_blank" rel="noopener").Button Inside Frontend #3 まとめ
p.thankyouforcoming-link
a(href='https://www.youtube.com/playlist?list=PLZFhK-XSlb82hef6Sxyqcc-6e8xVTbaIE' target="_blank" rel="noopener").Button セッション動画（Youtube）
section.intro
.intro-section
.intro-image
img(src='/src/assets/pic-seminar.jpg' alt='2018年のInside Frontend' loading='lazy')
.intro-content
h2.intro-title
span Webフロントエンドの現場と
span これからをつなぐカンファレンス
.intro-body
p Web技術の可能性が広がると共に、Webフロントエンドと呼ばれる領域は多様化しています。さまざまな現場が今どうのような個別の問題に取り組んでいるのか、同時にWebが今後どのように発展していく可能性があるのか、これらを一緒に考えていく場です。
p 本イベントでは、各社の現場で得られたノウハウや、これからの Web 技術について見る、聞く、話すなどして参加者同士の濃いコミュニケーションが生まれることを期待しています。
.intro-section
.intro-image
img(src='/src/assets/pic-ama.jpg' alt='AMAの様子' loading='lazy')
.intro-content
h2.intro-title
span セミナーとAMA
span 2つのセッション形式
.intro-body
p 各社のケーススタディの紹介やある分野のスペシャリストによる講演を行うセミナー形式と、特定のテーマについてブースのオーナーと話ができるAMA形式のセッションがあります。
p ※各セッション部屋には十分な席数を用意しますが、混雑時はご協力ください。
section#speakers.speakers.Section
header.speakers-header.Section-header
h2.Heading Speakers
.speakers-body
include ./includes/speakers
ul.speakers-list
for speaker in speakers
+speakers(speaker)
.speakers-action
a(href='/speakers').Button Sessions
section#timetable.timetable.Section
header.timetable-header.Section-header
h2.Heading Timetable
.timetable-body
p.timetable-lead 各セミナー・AMAセッションは3部屋で並行しておこなわれます。（ゲストセッションは除く）
dl.timetable-table
dt.timetable-time
span 12:00
dd.timetable-item
div.timetable-session 開場・受付
dt.timetable-time
span 13:00
dd.timetable-item
div.timetable-session
p.timetable-title 🎉開演・あいさつ
dt.timetable-time
span 13:20
dd.timetable-item
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar A-1
p.timetable-title
a(href="speakers#A-1") TypeScript: Why and how we adopted it at Slack
p.timetable-speaker Felix Rieseberg
dt.timetable-time
span 14:00
dd.timetable-item
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar A-2
p.timetable-title
a(href="speakers#A-2") Introduction to Lucet
p.timetable-speaker Adam Foltzer
dt.timetable-time
span 14:50
dd.timetable-item
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar A-3
p.timetable-title
a(href="speakers#A-3") Nuxt.jsで中規模サービスを統合した話
p.timetable-speaker
span Koichi Sawada
span & Hajime Sasanuma
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar B-3
p.timetable-title
a(href="speakers#B-3") Making less of the web with feature policy
p.timetable-speaker Andrew Betts
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar C-3
p.timetable-title
a(href="speakers#C-3") デザインエンジニアとフロントエンド
p.timetable-speaker Shinichi Kogiso
dt.timetable-time.-ama
span 15:30
dd.timetable-item.-ama
div.timetable-session
p.timetable-label
span.Tag.-ama AMA A-3
p.timetable-speaker
span Koichi Sawada
span & Hajime Sasanuma
a(href="https://app2.sli.do/event/bswcoysn/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
div.timetable-session
p.timetable-label
span.Tag.-ama AMA B-3
p.timetable-speaker Andrew Betts
a(href="https://app2.sli.do/event/a97fcb4z/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
div.timetable-session
p.timetable-label
span.Tag.-ama AMA C-3
p.timetable-speaker Shinichi Kogiso
a(href="https://app2.sli.do/event/rbvkq0ex/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
dt.timetable-time
span 16:00
dd.timetable-item
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar A-4
p.timetable-title
a(href="speakers#A-4") formの送信ログから反省する、本当は必要だったvalidationや機能たち
p.timetable-speaker Yuta Ide
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar B-4
p.timetable-title
a(href="speakers#B-4") Web App Checklist ~高品質のWebアプリケーションをつくるために~
p.timetable-speaker
span Kazunari Hara
span & Marina Toki
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar C-4
p.timetable-title
a(href="speakers#C-4") いちからデザインシステムを作ってみて学んだこと
p.timetable-speaker Kengo Haruno
dt.timetable-time.-ama
span 16:40
dd.timetable-item.-ama
div.timetable-session
p.timetable-label
span.Tag.-ama AMA A-4
p.timetable-speaker Yuta Ide
a(href="https://app2.sli.do/event/xgrbskqs/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
div.timetable-session
p.timetable-label
span.Tag.-ama AMA B-4
p.timetable-speaker
span Kazunari Hara
span & Marina Toki
a(href="https://app2.sli.do/event/ppjicyvn/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
div.timetable-session
p.timetable-label
span.Tag.-ama AMA C-4
p.timetable-speaker Kengo Haruno
a(href="https://app2.sli.do/event/5ktrtkpp/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
dt.timetable-time
span 17:10
dd.timetable-item
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar A-5
p.timetable-title
a(href="speakers#A-5") BFFのDeveloper Experience
p.timetable-speaker Yosuke Kurami
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar B-5
p.timetable-title
a キャリア系の話~strobo.fm公開収録~
p.timetable-speaker
span Shogo Sensui
span & Hiroki Tani
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar C-5
p.timetable-title
a(href="speakers#C-5") AbemaTVにおけるCSS is too fragile問題に対する解
p.timetable-speaker Shota Kubota
dt.timetable-time.-ama
span 17:50
dd.timetable-item.-ama
div.timetable-session
p.timetable-label
span.Tag.-ama AMA A-5
p.timetable-speaker Yosuke Kurami
a(href="https://app2.sli.do/event/aujbegbu/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
div.timetable-session
p.timetable-label
span.Tag.-ama AMA B-5
p.timetable-speaker 未定
div.timetable-session
p.timetable-label
span.Tag.-ama AMA C-5
p.timetable-speaker Shota Kubota
a(href="https://app2.sli.do/event/vdvxniys/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
dt.timetable-time
span 18:20
dd.timetable-item
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar A-6
p.timetable-title
a(href="speakers#A-6") 世界中誰もが使えるサービスを目指して、Web標準で作るガラケーサイト
p.timetable-speaker Mariko Kosaka
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar B-6
p.timetable-title
a(href="speakers#B-6") Loading Performanceとの向き合い方
p.timetable-speaker Sho Miyamoto
div.timetable-session
p.timetable-label
span.Tag.-seminar Seminar C-6
p.timetable-title
a(href="speakers#C-6") 品質と開発速度を両立させるために捨てたものと守ったもの
p.timetable-speaker
span Tsuyoshi Wada
span & Soichi Masuda
dt.timetable-time.-ama
span 19:00
dd.timetable-item.-ama
div.timetable-session
p.timetable-label
span.Tag.-ama AMA A-6
p.timetable-speaker Mariko Kosaka
a(href="https://app2.sli.do/event/4uq0bpko/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
div.timetable-session
p.timetable-label
span.Tag.-ama AMA B-6
p.timetable-speaker Sho Miyamoto
a(href="https://app2.sli.do/event/b2weo43p/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
div.timetable-session
p.timetable-label
span.Tag.-ama AMA C-6
p.timetable-speaker
span Tsuyoshi Wada
span & Soichi Masuda
a(href="https://app2.sli.do/event/5idlaspx/live/questions" target="_blank" rel="noopener").timetable-ask.Ask
img(src="/src/assets/ask.svg" alt="")
span Ask
dt.timetable-time
span 19:30
dd.timetable-item
div.timetable-session 終演
dt.timetable-time
span 19:50
dd.timetable-item
div.timetable-session
p.timetable-title 🍺懇親会
dt.timetable-time
span 22:00
dd.timetable-item
div.timetable-session 終了
section#venue.venue
.venue-content.Section
header.venue-header.Section-header
h2.Heading Venue
.venue-body
p
a.venue-address(href='https://goo.gl/maps/VvXotYrYikP2') 東京都渋谷区宇田川町40番1号
span Abema Towers 10F セミナールーム
p JR渋谷駅・井の頭線神泉駅より徒歩10分
.venue-map
iframe(width='100%' height='240' title='Abema Towersまでの地図（Google Maps）' frameborder='0' style='border:0' src='https://www.google.com/maps/embed/v1/place?key=AIzaSyCJ_-VEmb0nroM6xxf_CpzErxL20SMpWRY\
&q=Abema+Towers')
.closing
.tickets
p.tickets-lead 本イベントは終了しました
p.tickets-action
a.Button.-soldout
| Buy Tickets
span.Button-subLabel at Peatix
.sponsors.Section
header.sponsors-header.Section-header
h2.Heading Sponsors
.sponsors-body
ul.sponsors-list
li
.sponsor.-gold
a(href='//www.fastly.jp/' target="_blank" rel="noopener")
img(src='/src/assets/sponsors/bnr-fastly.svg' loading='lazy' alt='Fastly')
li
.sponsor.-silver
a(href='http://www.nikkei.co.jp/' target="_blank" rel="noopener")
img(src='/src/assets/sponsors/bnr-nikkei.svg' loading='lazy' alt='日本経済新聞社')
div.sponsors-subheader.Section-header
h3.SubHeading & Organizers
.sponsors-body
ul.organizers-list
li
.organizer
a(href='https://www.cyberagent.co.jp/' target="_blank" rel="noopener")
img(src='/src/assets/sponsors/bnr-cyberagent.svg' loading='lazy' alt='株式会社サイバーエージェント')
li
.organizer
a(href='https://www.yahoo.co.jp/' target="_blank" rel="noopener")
img(src='/src/assets/sponsors/bnr-yahoo.svg' loading='lazy' alt='ヤフー株式会社')
footer.footer
.footer-achives
ul.footer-links
li
a(href='https://github.com/insidefrontend/issue-1/blob/master/backyard/CODE_OF_CONDUCT.md') Code Of Conduct
li
a(href='/2018') 2018
li
a(href='/2017') 2017
p.footer-copyright
| © 2019, Inside Frontend
script(src='./src/app.js')