HTML5 Conference 2018 にメドレーが協賛しました！

こんにちは。開発本部の日下です。昨年新卒として入社してからはや 1 年半、最近は医療介護の求人サイト「ジョブメドレー」にてサーバーからインフラ近くまでをメインに担当しております。

先日開催されたHTML5 Conference 2018にメドレーがスポンサーとして協賛させていただきました。

今まで Web フロントをメインとしたカンファレンスに参加する機会がなかったのですが、こういった縁があり僕も参加させていただきましたので、当日の様子をレポートさせていただきます。

HTML5 Conference とは

HTML5 Web に関する最新技術のトレンドを集め、交流する祭典として 2011 年に Chrome+HTML5 Conference として始まったカンファレンスです。

以降 HTML5 Conference として開催し、今年で 7 回目の開催となります。

定員枠は年々埋まるのが早くなっているそうで、今年は 1600 人の定員が 1 日で埋まったほどの人気でした。

今年のテーマは「The Web is shifting to the next gear」

会場の様子

500 人が収容できる大講堂や、可動式の壁で自由に大きさを変えられる講義室など会場自体はとても整備されていました。

一方で立ち見、入場規制をうけてしまうほど人が多く盛況だったことが印象的でした。

弊社リーフレットを発見！

セッション

各セッションでは、スピーカーの方々が Web フロントに関する最新技術の様々なトレンドの発表をしていました。

参加した中からいくつか気になったセッションを紹介します。

通常セッション

TypeScript Evolution by 倉見洋輔

弊社でも TypeScript を実運用しているプロダクトがあり、また Flow を使用している他プロダクトも TypeScript へ移行しようかという話がでています。

そのため、TypeScript に関するディープな話しが聞きたいなと思いこちらのセッションに参加しました。

倉見さんによる本セッションでは、TypeScript に関する概要から最新情報まで、40 分で 78 枚のスライドをまさに駆け抜けるかたちで紹介いただきました。

@types のリポジトリ、リリースサイクル、TC39 などとの兼ね合いと言った基本的な TypeScript に関する情報から最新の 3.x 系に含まれる変更まで、具体的なコードと共に紹介いただけたのでわかりやすいセッションでした。

特に構造的部分型は初めて聞いたキーワードだったのですが、例えなどを交えた説明がとても腹落ちしたことが印象的でした。

これを機に型に関する知識を深めようと考えています。

PWA の導入で得られた成果と見えてきた課題 from 宍戸俊哉

今回のカンファレンスでも多くのセッションがパフォーマンス絡みでしたが、この分野はビジネスに直結するため、Web サービスをしている上では重要な分野です。

もちろん弊社もパフォーマンスに関してもより良くしていこうと常に意識しています。

そのため、今年 5 月のGoogle I/O でも紹介されたことも記憶に新しい日経さんの事例は聞いておきたいと思い参加しました。

Team Performance Day（通常業務はせず、パフォーマンス改善のみを各自行う日）といった日経のパフォーマンスに関する文化や、PageSpeed Insights や SpeedCurve など実際に使用しているツールやモニタリングの様子など、事例を交えての発表だったのでとてもイメージしやすくかったです。

また、Performance Budget（パフォーマンス関連のメトリクスに対する予算）など最新の情報も事例を交えて紹介いただけたので、とてもためになりました。

その他のセッション

残念ながら見に行くことができなかったセッションも多々ありましたが、Twitter のハッシュタグがとても良く整備・周知されているため、発表の様子やスライドなど後から他の部屋の情報を入手するのに非常に役に立ちました。

また、動画もしばらくしたら HTML5 Conference 側から公開されるようですので公式 Twitterまたは公式 YouTube アカウントを見ておくと良さそうです。公開されたら参加していないセッションはもちろんのこと、参加したセッションも復習がてら見てみようと思います。

スペシャルセッション

最後に行われたスペシャルセッションでは、LT や Web 標準に関する難易度の高いクイズがありました。

LT では AMP 対応の話から始まり PureScript、UNIQLO のパフォーマンス改善、CSS 組版の話しやブラウザの内部構造の話など、濃縮された Web フロントに関する情報が得られたのでとても勉強になりました。

クイズでは Web 標準に関するかなり高度な（例えばある時期はこの回答が正しいが、現在だとこちらが正しいといったような）選択肢が散りばめられているひっかけ問題が出題され、その解説込みで Web の歴史の一部を覗くことのできたとても楽しい会となりました。

いずれも現時点でライブ配信のアーカイブが公開されていますので、気になる方は覗いてみると面白いかもしれません。

まとめ

はじめての Web フロントメインのカンファレンスへの参加でしたが、Web に関する最新技術の様々なトレンドの事例を含めた実務に近い知識を得ることのできるとても刺激的なカンファレンスでした。

Web フロントに関しては「フロントエンドに再入門する」という社内勉強会で基礎的なところを学んでいましたが、最近はサーバーがメインだったこともあり情報が不足しがちでした。

今回のカンファレンスは、特に不足を感じていた最新情報をアップデートする良い機会となりました。

また、長年運営されてるイベントで公式のTwitter ハッシュタグがよく整備・周知されていたため、各セッションの資料が収集しやすかったのはとても助かりました。

その他にも、通常のセッションの他にクイズなど会場参加型のものもあり、開催側が参加者を飽きさせない工夫がそこかしこにあり、カンファレンス全体を通して楽しむことができました。

来年もチャンスがあればまた参加したいと思います。

企画された方も参加された方もお疲れ様でした！