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

イベント内容

イベント概要

正式リリースされしばらく経ち、徐々にその存在が浸透してきた 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

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

類似しているイベント