-
Notifications
You must be signed in to change notification settings - Fork 4
/
speakers.pug
207 lines (200 loc) · 13.4 KB
/
speakers.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
doctype html
html(lang="ja")
head
meta(charset='utf-8')
title Speakers | 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
p.sitename
a(href="./index")
img.sitename-banner(src='/src/assets/logo-horizontal.svg' alt='Inside Frontend')
section#sessions.sessions.Section
header.sessions-header.Section-header
h1.Heading Speakers
.sessions-body
include ./includes/sessions
ul.sessions-list
for speaker in speakers
+sessions(speaker)
section.session#A-3
.session-speaker
.speaker
.speaker-image
img(src="/src/assets/speaker-sawapi.jpg" alt="Koichi Sawadaの画像" loading='lazy')
.speaker-body
p.speaker-name Koichi Sawada
p.speaker-title Frontend Engineer
span.speaker-org at Yahoo! JAPAN
p.speaker-url
span Twitter:
a(href="//twitter.com/sawapi") sawapi
p.speaker-url
span GitHub:
a(href="//github.com/sawapi") sawapi
.speaker
.speaker-image
img(src="/src/assets/speaker-33haji.jpg" alt="Hajime Sasanumaの画像" loading='lazy')
.speaker-body
p.speaker-name Hajime Sasanuma
p.speaker-title Frontend Engineer
span.speaker-org at Yahoo! JAPAN
p.speaker-url
span GitHub:
a(href="//github.com/33haji") 33haji
.session-body
h2.session-title
span Nuxt.jsで中規模サービスを統合した話
.session-summary ヤフー株式会社と株式会社イーブックイニシアティブジャパンが共同で運営する電子書籍販売サービス「ebookjapan」が2018年10月にリリースされました。両社それぞれが運営していた電子書籍販売サービスを統合する形で生まれたこのサービスですが、当然リリースするまでには様々な苦労がありました。SPA開発未経験者がほとんどの中でのVue.js × Nuxt.jsを使った開発での苦労やAtomicDesignでの失敗談、中規模サービスの統合の難しさなど。実際に起きたこれらのことをどのように解決したのか、またはどうしたらよかったのかを振り返りながら話していきます。
ul.session-handout
li
a(href='https://www.slideshare.net/HajimeSasanuma/unification-of-the-middle-scale-services-by-nuxtjs' target="_blank" rel="noopener").Button.-seminar スライド
li
a(href='https://app2.sli.do/event/bswcoysn/live/questions' target="_blank" rel="noopener").Button.-ama AMA一覧
.session#B-4
.session-speaker
.speaker
.speaker-image
img(src="/src/assets/speaker-herablog.jpg" alt="Kazunari Haraの画像" loading='lazy')
.speaker-body
p.speaker-name Kazunari Hara
p.speaker-title Web Developer
span.speaker-org at CyberAgent
p.speaker-url
span Twitter:
a(href="//twitter.com/herablog") herablog
p.speaker-url
span GitHub:
a(href="//github.com/herablog") herablog
.speaker
.speaker-image
img(src="/src/assets/speaker-tokimari.jpg" alt="Marina Tokiの画像" loading='lazy')
.speaker-body
p.speaker-name Marina Toki
p.speaker-title Frontend Engineer
span.speaker-org at CyberAgent
p.speaker-url
span Twitter:
a(href="//twitter.com/tokimariri") tokimariri
p.speaker-url
span GitHub:
a(href="//github.com/tokimari") tokimari
.session-body
.session-title
span Web App Checklist ~高品質のWebアプリケーションをつくるために~
.session-summary 高品質のWebアプリケーションをつくるためには、ユーザーインターフェイス、パフォーマンス、アクセシビリティ、セキュリティ、ネットワーク、開発体験など様々な要素を適切に組み合わせなければなりません。Amebaの新機能である「こえのブログ」ではそれらを満たすためにどのように開発していったのか、チェックリスト形式でお伝えします。
ul.session-handout
li
a(href='https://speakerdeck.com/herablog/web-app-checklist-2019-at-inside-frontend' target="_blank" rel="noopener").Button.-seminar スライド
li
a(href='https://app2.sli.do/event/ppjicyvn/live/questions' target="_blank" rel="noopener").Button.-ama AMA一覧
.session#C-6
.session-speaker
.speaker
.speaker-image
img(src="/src/assets/speaker-wadackel.jpg" alt="Tsuyoshi Wadaの画像" loading='lazy')
.speaker-body
p.speaker-name Tsuyoshi Wada
p.speaker-title Frontend Engineer
span.speaker-org at CyberAgent
p.speaker-url
span Twitter:
a(href="//twitter.com/wadackel") wadackel
p.speaker-url
span GitHub:
a(href="//github.com/tsuyoshiwada") tsuyoshiwada
.speaker
.speaker-image
img(src="/src/assets/speaker-masuP9.jpg" alt="Soichi Masudaの画像" loading='lazy')
.speaker-body
p.speaker-name Soichi Masuda
p.speaker-title Web Accessibility Expert
span.speaker-org at CyberAgent
p.speaker-url
span Twitter:
a(href="//twitter.com/masuP9") masuP9
p.speaker-url
span GitHub:
a(href="//github.com/masuP9") masuP9
.session-body
.session-title
span 品質と開発速度を両立させるために捨てたものと守ったもの
.session-summary 4月にリリースした WinTicket (競輪のインターネット投票サービス) では、開発速度はもちろんのこと、後発がゆえにプロダクトを高い品質でリリースし差別化を図る必要がありました。様々な利用者、利用環境が想定される公営ギャンブルという事業ドメインにおいて、高い利用体験を提供することを品質として定義しました。大規模な開発においてそれらの品質と開発速度を両立するための戦略的取捨選択の過程とその結果、これからについてお話します。
ul.session-handout
li
a(href='https://docs.google.com/presentation/d/13QD86hxp0dB_xHkYcyLrFX1xNt0Vg4wsqIo8yeBQmFs/edit?usp=sharing' target="_blank" rel="noopener").Button.-seminar スライド
li
a(href='https://app2.sli.do/event/5idlaspx/live/questions' target="_blank" rel="noopener").Button.-ama AMA一覧
.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' alt='Fastly' loading='lazy')
li
.sponsor.-silver
a(href='http://www.nikkei.co.jp/' target="_blank" rel="noopener")
img(src='/src/assets/sponsors/bnr-nikkei.svg' alt='日本経済新聞社' loading='lazy')
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' alt='株式会社サイバーエージェント' loading='lazy')
li
.organizer
a(href='https://www.yahoo.co.jp/' target="_blank" rel="noopener")
img(src='/src/assets/sponsors/bnr-yahoo.svg' alt='ヤフー株式会社' loading='lazy')
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/speakers.js')