ご来場のみなさま、ありがとうございました！

参加者および講師・スタッフ、協力企業のみなさまによって、カンファレンスは大盛況のうちに終了しました。

各セッションのスライド等は、ブログ記事にて案内しています。

Speakers

Schedule

斉藤 祐也（基調講演）、Simuraiのセッションを除き、JavaScriptトラック（ルームA）・CSSトラック（ルームB）に分かれてセッションをおこないます。

※Simuraiのセッションは英語でおこなわれます。（逐次通訳あり）

12:00
開場・受付
12:30

Pragmatic Front-end Developer: From Artisan to Expert

斉藤 祐也

Webそのものが変わり続けることだけが変わらない中、フロントエンド開発の領域も不明瞭で、時を追うごとに変化してきています。 ユーザとシステムの間にあるものが何であれ、それが存在しつづける限り、フロントエンドという役割も必要な存在でありつづけるでしょう。

このセッションではそのフロントエンドで戦い続けるためにも知っておきたい、実践的フロントエンド・デベロッパに求められるスキルセットについて紹介していきます。

13:15
休憩・会場転換
13:30

Reactive Programming in JavaScript

佐藤 歩

近ごろJavaScript界隈でも、まことしやかに囁かれるようになった「リアクティブプログラミング」というキーワード。何がリアクティブなのか？ 従来のプログラミングと何が異なるのか？ JavaScriptにはどんなライブラリが？ 本セッションでは、Webフロントエンド開発者からみた「リアクティブ」の現状確認を紹介します。

箱

矢倉 眞隆

JavaScriptではECMAScript 2015、HTMLあたりではWeb ComponentsやServiceWorkerなど楽しそうなものが出てきています。でもCSSはどうでしょうか。Sassなどのプリプロセサ、BEMなどの使うノウハウは出てしばらく経ちましたが、CSS自体は進んでいるのでしょうか。暗くなるかもしれませんがそこらへんをお話しします。

14:15

Introduction to React

外村 和仁

Facebook製のJavaScriptライブラリであるReactは最近よく名前を聞くようになってきました。Reactとは何なのか、Reactを使うと何が改善されるのか、といったことを中心に解説するセッションです。また、Reactを取り巻く、FluxやFlowといったキーワードについても合わせて解説します。

Web Components/Polymer, Styling Shadow DOM

谷 拓樹

Web Components、Shadow DOMの世界において、CSS設計はどうなるのでしょうか。まだ実例が少ないテーマですが、よくあるコンポーネントをWeb Components的に設計・実装してみたらどうなるかお話します。

15:00
休憩
15:15

Lightning Talks

  • ドラデバイス（仮）

    @ktknest

  • Componentization with Gilgamesh

    @ygoto3_

  • API Test with Service Worker

    @yoheimune

  • AngularJS自作filter自慢

    @migi

  • 新卒が現場にgulpをねじ込んでみた

    @moschann

※順不同

Lightning Talks

  • CSS3 プロパティを使ってなにか作ります

    @herablog

  • CSS Polyfill Preprocessor

    @pocotan001

  • position: fixed;を上手に飼う方法

    石橋 啓太

  • 5分でわかるflexbox

    @a_t

  • Yet Another CSS Preprocessor

    @morishitter_

※順不同

15:40

Introduction to ServiceWorker

泉水 翔吾

HTML・CSS・JavaScript・画像といったWebリソースの取り扱いは、パフォーマンスの観点やオフラインWebを考える上で、非常に重要なものです。今までのWebにはそれを充分にコントロールする術はありませんでしたが、Service Workerがついにそれを実現します。 本セッションではService Workerのコンセプト及び、予想される様々なユースケースを紹介します。

Inline layout

高津戸 壮

新しい技術がどんどんブラウザに実装されている昨今、受託の世界では、ようやくIE8以上を対象にしてWebサイトを作れるようになってきました。そんなIE8からまともに利用できるCSSの機能に、display: inline-blockがあります。何気なく使っているこのインラインブロックですが、よくよく考えると、このインラインブロックを初め、文中に配置される画像や、displayがinlineである要素群がどのようにレイアウトされるのか、はっきりと理解していないことに私は気づきました。

行の中で行われるレイアウトがどのように決定されるのか、正確に仕様を理解することで、私のモヤっとした悩みはいくつか解消されました。まったくもって目新しい内容ではありませんが、普段何気なく使っているCSSの機能を詳しく確認してみます。

16:25

JavaScriptテストの疑問、お答えします。

吾郷 協

近年、JavaScriptのテストは大きく進化していますが、それでも現場ではまだまだJavaScriptのテストに対する疑問が多く語られています。 このセッションでは「テストってほんとうに必要？」、「あんまり意味がある気がしないんだけど。。。」、「どこまでやればいいの？」、「UIのテストはやらないって言うけど、JavaScriptだとほとんどUIだよね？」、「で、今手元にあるコードをどうしたら良いの？」、「なんでJavaScriptのテストってこんなに面倒なの？」と言った疑問を元に、その内容に答えていきたいと思います。

Evaluating CSS

石本 光司

何千行もあるCSS、複数人で開発するCSS、3ヶ月前に書いた自分のCSS、これらのコードを常にどんな状態か把握していますか？それを解決するために必要なのがStyleStatsです。本セッションではStyleStatsの開発背景や使い方を説明し、よりよいCSSを書くための道標として使ってもらえれば幸いです。

17:10
休憩・会場転換
17:25

Styling Atom (Editor)

Simurai

Atom.ioエディタはデスクトップ・アプリケーションのようにインストールできますが、HTMLやCSS(LESS)、JavaScript(CoffeeScript)などのWeb技術によって作成されています。このセッションではAtomのUIコンポーネント、CSSアーキテクチャ、そして実際にどのようにスタイルの衝突を避けつつ、見た目をテーマを使って変更するかについて紹介します。

The atom.io editor can be installed like a desktop application, but is actually made with Web technologies, such as HTML, CSS (LESS), JS (CoffeeScript). In this session you will learn about Atom’s UI components, CSS architecture, how it avoids style collision and uses themes to change its looks.

18:15
終了

Location

渋谷マークシティ 13F
セミナールーム A/B

JR渋谷駅より京王井の頭線 渋谷駅方面にお越しください。また、渋谷マークシティは京王井の頭線「渋谷」駅に直結しています。

はじめてお越しの方は、「 スッキリわかる渋谷マークシティ入門！」をご覧ください。

定員 500名 入場無料

本イベントは終了しました