このエントリーをはてなブックマークに追加

Nov

9

Vue.js入門

Vue.js、Vuexの説明をします

Registration info

参加枠1

Free

FCFS
49/18

Description

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枚(名札用)

登壇予定者

吉本 和弘

アジェンダ

時間 発表者
19:20~19:30 受付
19:30~20:30 イベント


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

注意

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

Presenter

Feed

kazuhiro.yoshimoto

kazuhiro.yoshimotoさんが資料をアップしました。

11/09/2017 19:27

ビズリーチ_D3

ビズリーチ_D3 published Vue.js入門.

11/01/2017 10:27

Vue.js入門 を公開しました!

Group

Visionalグループ

ビズリーチ/HRMOS/yamory/トラボックス/ビズリーチ・サクシードなど様々なサービスを展開

Number of events 349

Members 6515

Ended

2017/11/09(Thu)

19:30
20:30

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2017/11/01(Wed) 10:27 〜
2017/11/09(Thu) 20:30

Location

株式会社ビズリーチ

東京都渋谷区渋谷2-15-1 渋谷クロスタワー 12F

Attendees(18)

KojiYamauchi

KojiYamauchi

Vue.js入門 に参加を申し込みました!

hi6tsugu

hi6tsugu

Vue.js入門 に参加を申し込みました!

msakuma

msakuma

Vue.js入門 に参加を申し込みました!

t216

t216

Vue.js入門 に参加を申し込みました!

わたさん

わたさん

Vue.js入門に参加を申し込みました!

yagimono

yagimono

I joined Vue.js入門!

Taiju Aoki

Taiju Aoki

Vue.js入門に参加を申し込みました!

tsura

tsura

Vue.js入門に参加を申し込みました!

02

02

Vue.js入門 に参加を申し込みました!

Shigetaka Shirouchi

Shigetaka Shirouchi

Vue.js入門に参加を申し込みました!

Attendees (18)

Waitlist (31)

fiotto

fiotto

Vue.js入門に参加を申し込みました!

masa8080

masa8080

Vue.js入門に参加を申し込みました!

miurabo

miurabo

Vue.js入門 に参加を申し込みました!

アダチカズヒデ

アダチカズヒデ

Vue.js入門に参加を申し込みました!

hinitta

hinitta

Vue.js入門 に参加を申し込みました!

アリンコ

アリンコ

Vue.js入門 に参加を申し込みました!

mayukooooonsnack

mayukooooonsnack

Vue.js入門 に参加を申し込みました!

Office Hirose

Office Hirose

Vue.js入門 に参加を申し込みました!

tnishi3

tnishi3

Vue.js入門 に参加を申し込みました!

akazukin

akazukin

Vue.js入門に参加を申し込みました!

Waitlist (31)

Canceled (20)