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

11月

23

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオン

Vue.js + Vuex + Vue Router + Jest による最新の環境を体験してみよう

主催 : JSLounge produced by ElevenBack

ハッシュタグ :#jslounge
募集内容

参加枠

5000円(会場払い)

先着順
15/18

イベントの説明

イベント概要

正式リリースされしばらく経ち、徐々にその存在が浸透してきた Vue CLI v3。

従来型の Vue.js 開発の環境メンテナンスの煩雑さから解放され、 Angular CLI のような柔軟性をもつ強力なツールへと生まれ変わりました。

JSLounge では、3月にベータ版の Vue CLI v3 を使って TypeScript の開発をテーマに簡単にご紹介しましたが、今回のハンズオンでは、 JavaScript 環境のもと、より多くのツールを利用する実践的な開発環境の構築をご紹介します。

Vuex や Vue Router はもちろん、 Vue CLI v3 のプラグイン機能を使って、 Nuxt.js のようなルーティングの自動生成や、 Jest によるテスト環境の構築まで。本格的な Vue.js 開発環境を Step-by-Step 形式で体験してみましょう。

JSLoungeについて

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

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

対象者

  • 最新の Vue.js 事情のキャッチアップをしたいかた
  • webpack によるビルド環境やテスト環境の準備の煩雑さにうんざりしているかた

持ち物

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

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

可能であれば、 Vue.js の開発に最適なエディタである Visual Studio Code もインストールしておくと円滑です。

必要となる知識

  • JavaScriptの基本的な知識
  • Vue.js の基本的な使い方
  • Node.js 環境についての最低限の知識

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

  • 最新の Vue.js プロジェクトの開発環境事情
  • Vue.js によるフロントエンドの最新環境の利用方法
  • Vuex
  • vue-auto-routing をつかった Vue Router のルーティング自動生成
  • Jest によるテスト環境の構築

タイムテーブル

時刻 予定
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.jsビギナーズガイド(出版: C&R研究所)」がある。

中山貴幸

ハンズオンメンター

1996年生まれ,東京都出身.大学院在学.

現在,組込系開発会社にて各種プロジェクトに従事,株式会社エアークローゼットでデータサイエンスに従事,またフリーランスエンジニアとして様々な業務改善(自動化)案件に携わる.

講師として,【サポーターズCoLab勉強会】はじめてのGoogle Apps Script及び社内研修,TAとして角川アスキー総合研究所 × MaruLabo「ディープラーニングの基礎を画像認識で学ぶ」ハンズオンセミナー及び【クラウド上の最新ディープラーニング開発環境を体験しよう!】簡単に人工知能アプリを作る為のAmazon SageMakerクラウド・ハンズオンに参加する等,指導経験は多岐にわたる.

C++ / Python / JavaScript / AndroidJavaなどを得意とする.

著書にサーバーレスでお手軽自動化!Google Apps Script活用入門がある.

インターネット上では「なかひこくん」と名乗り,活動を行っている.

よくある質問

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

A. 問題ありません。

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

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

会場について

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

お問い合わせについて

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

info@elevenback.jp

発表者

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

フィード

HANATANI Takuma

HANATANI Takuma さんが書き込みました。

2018/11/23 19:34

https://jslounge-archives.elevenback.jp

HANATANI Takuma

HANATANI Takuma さんが JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオン を公開しました。

2018/11/13 19:07

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオン を公開しました!

グループ

JSLounge

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

イベント数 21回

メンバー数 273人

終了

2018/11/23(金)

19:30
22:00

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

募集期間
2018/11/13(火) 18:55 〜
2018/11/23(金) 22:00

会場

DIVE INTO CODEセミナールーム

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

参加者(15人)

FURUKAWA,Daisuke

FURUKAWA,Daisuke

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオンに参加を申し込みました!(リモート参加)

naruohama

naruohama

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオンに参加を申し込みました!

Hide

Hide

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオン に参加を申し込みました!

Takashi_Hirota

Takashi_Hirota

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオン に参加を申し込みました!

4439ftsh

4439ftsh

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオン に参加を申し込みました!

アリンコ

アリンコ

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオン に参加を申し込みました!

KotaroKido

KotaroKido

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオン に参加を申し込みました!

m_mitsuhide

m_mitsuhide

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオン に参加を申し込みました!

ssdsht

ssdsht

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオンに参加を申し込みました!

kku

kku

JSLounge「Vue CLI v3 時代の実践的な Vue.js プロジェクト構築」ハンズオンに参加を申し込みました!

参加者一覧(15人)

キャンセルした人(2人)