D3とは

創業以来、高い技術力と戦略的なUI/UXを武器に、世の中に価値あるサービスを生み出しているビズリーチ。
サービスの数が増えるにつれ、技術の幅が広がったため、そのスキルやノウハウを社内のみならず、
世の中のエンジニアやデザイナーとも共有すべく、
私たちは「D3（ディーキューブ）※」というプロジェクトチームを立ち上げました。
D3では、たくさんのイベントや勉強会を開催し、
世のエンジニア・デザイナーと共に、さらなる高みを目指します。
※D3＝DESIGNER & DEVELOPER DIVISION

イベント説明

Vue.js、Vuexについて説明します。
Vue.jsは、ライブラリとしての部分導入から本格的なSPAまで幅広い用途で使えるJavaScriptライブラリです。
Vuexは、Vue.jsのFluxフレームワークです。
社内システムをVue.js、VuexでSPAを作った経験をふまえ説明します。
また、Vue.jsの特徴について他のライブラリ（jQuery、React.js）と比較しながら、
サンプルアプリのコードを用いて説明をします。

サンプルアプリ

・Vue.jsのTodoアプリ
　　http://jsfiddle.net/kazuy/4xddgvfr/
・jQueryのTodoアプリ
　　http://jsfiddle.net/kazuy/oxd0jkLk/
・React.jsのTodoアプリ
　　http://jsfiddle.net/kazuy/06x73y8x/

発表内容

Vue.jsの特徴

Vue.jsの特徴について他のライブラリ（jQuery、React.js）と比較して説明をします。
サンプルアプリのコードを用いて説明します。

・導入、学習コストが低い
・リアクティブ
・HTML-Centric
　　テンプレート構文、ディレクティブ、双方向バインディング
・コンポーネント指向
・ビューのライブラリ

Vue.jsでの開発

Vue.jsの開発環境をセットアップする公式ツールvue-cliを用いた開発について説明します。
Vue.jsで開発する上で抑えておくべき周辺ツールやUIライブラリについても説明します。

・vue-cliによる環境構築（vue-router、ESLint、SASS）
　　https://github.com/vuejs/vue-cli
・Element(Vue.jsのUIライブラリ)
　　http://element.eleme.io/#/en-US

Vuex

Vue.jsのFluxフレームワークであるVuexについて説明をします。

・Vuexについて
・Vuexの下記要素についてサンプルアプリのコードを用いて説明します
　　State、Mutations、Actions、Getters
　　＊サンプルアプリはVuex公式( https://github.com/vuejs/vuex )のサンプル「counter」を用います。
・Vuexで実装する上で考慮すべきこと

開催概要

• 日時:2017/11/9（木）19:30〜20:30（19:20開場）
• 場所:株式会社ビズリーチ 東京都渋谷区渋谷2-15-1 渋谷クロスタワー 12F
• 参加費:無料
• 持参物:名刺1枚（名札用）

登壇予定者

吉本 和弘

アジェンダ

※アジェンダは予告なく変更される場合がございます。

注意

• イベント参加者によるスカウト等勧誘行為は禁止です。
• イベントの写真を撮らせて頂く場合がございます。
• イベントキャンセルが多い方はこちらで参加をお断りさせていただく場合がございます。
• 参加登録時に入力していただいた名前・メールアドレスは今後ビズリーチのイベント開催等おしらせに利用させていただきます。 ご理解ご協力のほど、よろしくお願い致します。