はじめに

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

ハンズオンの流れ

1. Vue.jsに関しての説明と、コンポーネントを作成するハンズオン
2. Nuxtでローカル環境にVue環境をインストール。
3. 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

タイムテーブル

会場

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

備考

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

株式会社LIGについて

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

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

OthloTechについて

私たちは、名古屋でクリエイティブな学生のコミュニティを作るために「OthloTech」を結成しました。 専門技術を持った学生が集まり、勉強会や交流会を通して学校では学べない知識を共有しましょう。 学生同士の横の繋がりを広げて、新しいサービスが生まれるきっかけを作りたいと思っています。

▼OthloTechのHP・SNS
OthloTechホームページ
Facebookページ
Twitterアカウント @OthloTech

▼10/7,8に第2回目となる学生ハッカソンを開催しました
OthloHack2017
Twitterモーメント