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

6月

15

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン

Organizing : JSLounge powered by ElevenBack

Hashtag :#jslounge
Registration info

参加枠

5000(Pay at the door)

FCFS
19/20

リモート参加枠(事前連絡者限定)

5000(Pay at the door)

FCFS
2/2

Description

イベント概要

国内のフロントエンド開発ではトップクラスの人気を誇るフレームワークである Vue.js。 そんな Vue.js のコードのテスト補助ツールとして、公式から Vue Test Utils (以下 vue-test-utils )というツールが提供されています。

まだ多くの機能追加があるためベータ版ではありますが、初期のベータリリースから半年以上立っており、徐々に公式のテストツールとして浸透してきています。

今回のJSLoungeでは、そんな vue-test-utils と、 JavaScript でのテストにおいてトップクラスの人気を誇るテストツール「Jest」を組み合わせて、 Vuex を使った SPA のロジックとコンポーネントのテストの記述を体験できるハンズオンを開催いたします。

「フロントエンドJavaScriptのテスト事情についてキャッチアップしたい」「Vue.jsの開発でテストがかけなくてつらい」とお困りの方は、ぜひご参加いただければと思います。

JSLoungeについて

JSLoungeは、「週末の渋谷で、今よりひとつステップアップ」をコンセプトに、毎週一度、少しずつモダンなJavaScriptについて勉強していくイベント団体です。

制作会社からプロダクト開発まで、様々なレイヤでの開発に携わった講師が、jQueryによるホームページ作成から、モダンなJavaScriptでのWebアプリケーション開発まで、幅広い分野での、あなたのスキルアップをサポートいたします。

対象者

  • フロントエンドJavaScriptでのテストの取り扱いで悩んでいるかた
  • Vue.jsでも正しくテストコードを書いて開発を進めたい方

持ち物

ノートPCの貸出は行っておりませんので、各自ご持参のほどお願いいたします。
なお、開発環境としてはWindowsでも問題ございませんが、Mac, Linux環境ですと円滑に開発を行いやすいかと思います。

また、当日までにNode.jsの環境を構築しておいてください。
https://nodejs.org/ja/

必要となる知識

  • JavaScriptの基本的な知識
  • Vue.jsの基礎文法の使い方

今回の講座で得られるもの

  • Jestとvue-test-utilsを組み合わせたVueコンポーネントのテスト方法
  • Vuexストアの上手なテスト方法と切り分け方

タイムテーブル

時刻 予定
19:00 開場
19:30 ごあいさつ・会場注意
19:40 ハンズオンで扱う技術の紹介
19:45 ハンズオン開始
21:30 ハンズオン終了
〜22:00 ハンズオンのサポート・質問タイム
22:00 解散

講師情報

花谷拓磨

ハンズオン講師

Elevenback主辞・JSLounge代表
Vue.js Japan User group 運営スタッフ

イラストコミュニケーションサービス「pixiv」を運営するピクシブ株式会社のエンジニアを経て、現在はフリーランスのエンジニアを行っている。 JavaScriptでのフロントエンドからPHPでのサーバーサイド、はたまたWebのUIデザインまで、様々な分野でプロダクト開発を行うエンジニア。

普段はJavaScriptによるプロダクト開発を主としており、現場のモダン化経験は数知れず。

普段のプロダクト開発で得た知識を、ITカンファレンスやエンジニア向けのメディアなどで共有しており、モダンJavaScriptとその現場での運用についての造詣も深い。

コミュニティ活動として、 FRONTEND CONFERENCE 2017 実行委員長、Vue.js 公式ドキュメントの翻訳。 執筆活動として、 HTML5Experts.jp より 「Vue.js製フレームワークNuxt.jsではじめるUniversalアプリケーション開発」 など。

著書に「Nuxt tech book ~超高生産性をあなたに~」

石岡将明

ハンズオンメンター

株式会社Queue フロントエンドエンジニア・株式会社viviane フロントエンドエンジニア

昨年11月からプログラミングを始め、日本初のCtoB人材紹介プラットフォーム「SCOUTER」を運営している株式会社SCOUTERのエンジニアを経て、現在フリーランスとしてエンジニアを行なっている。

最近はwebのUIデザインや技術選定からリファクタリング等フロントを丸々任せられることが多い。 Vue.jsを用いたSPA開発が得意。

長瀬幸翼

ハンズオンメンター

都内の大学に通いながら、株式会社Future StandardでWebエンジニアとして働いている。ときたまOpen CVなどを用いて画像処理関係のプログラムも作成する。過去には株式会社eurekaでの短期インターンや、CHISA主催「データ分析プログラム言語『Python』入門」でのTAの経験がある。

eurekaでのインターンでAngularJS+TypeScriptの構成に触れたことがきっかけで、その後angular-cliなどを用いていくつかのSPAを作成し公開した。また、ホビー・プロダクション共にVue/Nuxtの使用経験があり、今回はそれらの経験を活かしてメンターを担当する。

好きな食べ物はたこわさ。

よくある質問

Q. Windowsマシンですが問題ありませんか?

A. 問題ありません。

Q.領収書を出していただくことは可能ですか?

A. はい。可能です。会場費は当日受け付けにて支払いとなりますので、その時に宛名と併せてお申し付けいただければ対応いたします。

会場について

会場は「DIVE INTO CODE」様をお借りして開催いたします。 会場となる建物の大場ビルはすきやとモスバーガーの間が入り口となっております。お間違えないのないよう、お越しください。

お問い合わせについて

各種不明点、お困りごとに関しましては、以下のメールアドレスにご連絡ください。

info@elevenback.jp

Presenter

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

HANATANI Takuma(@potato4d)

HANATANI Takuma(@potato4d) published JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン.

05/25/2018 19:21

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン を公開しました!

Group

JSLounge

「週末の渋谷で一歩ずつステップアップ」をサポートするイベント団体

Number of events 22

Members 312

Ended

2018/06/15(Fri)

19:30
22:00

開催日時が重複しているイベントに申し込んでいる場合、このイベントには申し込むことができません

Registration Period
2018/05/25(Fri) 19:21 〜
2018/06/15(Fri) 22:00

Location

DIVE INTO CODEセミナールーム

東京都渋谷区円山町28−4 大場ビル4階

Attendees(21)

Yoichi Sato

Yoichi Sato

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオンに参加を申し込みました!

@shin

@shin

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン に参加を申し込みました!

tshinchi

tshinchi

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオンに参加を申し込みました!

アリンコ

アリンコ

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン に参加を申し込みました!

tanaka_kazuki

tanaka_kazuki

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン に参加を申し込みました!

Seiji Komatsu

Seiji Komatsu

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン に参加を申し込みました!

gyarasu

gyarasu

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン に参加を申し込みました!

skillet

skillet

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオンに参加を申し込みました!

tttshima

tttshima

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン に参加を申し込みました!

akiraterakado

akiraterakado

JSLounge「Vue Test Utils + JestによるSPAのユニットテスト」ハンズオン に参加を申し込みました!

Attendees (21)

Canceled (10)