【学生限定】NUXTではじめるVue.js@LIG OthloEvent#35

Aug

25
【学生限定】NUXTではじめるVue.js@LIG OthloEvent#35

Hashtag ：#OthloTech

Registration info	LT枠(学生) Free FCFS 1/3 一般枠(学生) Free FCFS 12/22

Description

はじめに

OthloTechでは、東海圏の学生エンジニア／デザイナーが集まり、情報の共有や学生同士の繋がりを広げるために月1回のペースで勉強会「OthloEvent」を開催しています。

今回は株式会社LIG様のご協力により、「NUXTではじめるVue.js」を開催いたします。
※学生限定のイベントです。既に卒業された方は参加いただけません。

イベント概要

今回のイベントでは、Vue.jsのフレームワークであるNuxt.jsを用いてアプリケーションを作成するハンズオンを行います。
Nuxt.jsは、サーバーサイドレンダリング(SSR)を手軽に実現でき、アプリケーションを静的なHTMLとして書き出せることが特徴です。
さらに、フロントエンド開発に必要となる様々な機能を予め備えているため、一般的なWebサイトの制作にも便利に活用できます。
簡単なWebサイト作成を通して、Nuxt.jsによる手軽でスピーディーな開発を体験していただきます。

勉強会資料 : https://github.com/dsktschy/vue-introduction

講師：土屋大輔

大阪生まれ。2016年にLIGへ入社、フロントエンドの実装を担当しています。
HTML / CSS / JS / 地図 / 甘味が好き。 IDは大体 @dsktschy

ハンズオンの流れ

Vue.jsに関しての説明と、コンポーネントを作成するハンズオン
Nuxtでローカル環境にVue環境をインストール。
Nuxtに関しての説明と、作成したコンポーネントをNuxtの環境に移植するハンズオン

Vue.jsとは

Vueはユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可能です。
出典: https://jp.vuejs.org/v2/guide/

Nuxt.jsとは

Nuxt.js はユニバーサルな Vue.js アプリケーションを構築するためのフレームワークです。サーバサイドとクライアントサイドの違いを抽象化することで無視して、一貫した方法で UIレンダリングすることに焦点を当てています。Nuxt.js はサーバーサイドレンダリングする Vue.js アプリケーションの開発をもっと楽しくするために必要な設定を、あらかじめセットしています。
出典: https://ja.nuxtjs.org/guide

タイムテーブル

時間	内容
13:45	受付開始
14:00	イベント開始
14:00	会社説明
14:15	Vue.jsハンズオン
16:30	LT会 + 懇親会
18:00	完全撤収

会場

会場：ミッドランドインキュベーターズハウス
住所：〒453-0012 愛知県名古屋市中村区井深町１−番1号新名古屋センタービル本陣街142号室

備考

Wi-Fi: あり
電源: あり(人数分はありませんので、譲り合ってご利用ください)

株式会社LIGについて

株式会社LIG(リグ)は東京都上野を中心に「Life is Good」掲げて活動する社長がイケメンな事で有名な会社です。
Webサイト・ホームページ制作、コンテンツ制作、記事制作、コワーキング・シェアオフィス運営、ゲストハウス運営、飲食事業、教育事業、地方創生事業、プロモーション、システム開発、Webマーケティングなどをおこなっています。

▼株式会社LIGのHP
liginc.co.jp