JSLounge 「Nuxt.jsで作るVue.jsによるweb制作ハンズオン」

2017/12/08(金)19:00 〜 22:00 開催

ブックマーク

JavaScript, UX, ハンズオン

イベント内容

イベント概要

今回のJSLoungeは今話題のVue.js製のフレームワーク「Nuxt.js」の入門ハンズオンとなります。 Vue.jsのSPA開発の技術をそのままにサーバーサイドレンダリングや静的Webサイト制作にも活かせる、便利な機能が盛り沢山なNuxt.jsを使って、一味違った快適なWebサイト制作を体験してみましょう。

これまでのフロントエンドとはことなり、babelやwebpackなどの環境構築から解放された気軽に構築できる環境上で、コンポーネント志向をベースとしたCSS設計に悩まされることのないあたらしいコーディングが可能なNuxt.jsの世界は、制作効率の向上にも役立つはずです。

JSLoungeについて

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

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

対象者

Vue.jsをすこし触ったことがあるかた
Nuxt.jsについての概要・魅力をを知りたいかた
過去にVue.jsを覚えたものの、SEOやOGPの都合で現場への導入を断念されたかた

持ち物

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

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

必要となる知識

今回はVue.jsを前提とした講座となりますので、基本的なガイドの内容を一通り把握しているかたを対象としていますが、複雑なことは行わないためあまり詳しくなくても問題ありません。
https://jp.vuejs.org/v2/guide/

あればより良い知識

Vue.jsによるコンポーネントの基本などをご存知のかたですと、よりいっそうNuxt.jsの魅力を体験できます

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

モダンな開発フレームワークNuxt.jsについての概要をキャッチアップすることができる
babelやwebpackなどのツールの知識を無理に覚える必要のないままモダンなJavaScriptでの開発をはじめることができるようになる
コンポーネントベースでの新しいコーディングのキホンを学ぶことができる

タイムテーブル

時刻	予定
19:00	開場
19:30	ごあいさつ・会場注意
19:40	ハンズオンで扱う技術の紹介
20:00	ハンズオン開始
21:20	本編終了・次回のお知らせ
〜22:00	質問タイム(任意参加)

講師情報

花谷拓磨

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

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

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

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