Apr
27
JSLounge「Nuxt.jsによる Webアプリケーション開発入門」ハンズオン
【Nuxt書籍販売開始記念】Vue.js製フレームワーク「Nuxt.js」でのモダン開発を体験
Organizing : JSLounge produced by ElevenBack
Registration info |
参加枠 ¥5000(Pay at the door)
FCFS
|
---|
Description
イベント概要
少しずつ実践的な利用例も増えており、今人気急上昇中の Vue.js ベースのフレームワーク Nuxt.js 。 紙媒体からネット媒体まで、情報が増えてきており、新たなフロントエンドのフルスタックフレームワークとして目が離せない技術となっております。
今回のJSLoungeでは、そんな Nuxt.js での SPA 開発の基本を体験できるハンズオンとなっております。 Vue.js での本格的な開発には欠かせない機能を全て詰め込んだ Nuxt.js を学んで、高生産性開発を体験してみましょう。
※ 当日は、「Nuxt tech book 〜超高生産性をあなたに〜」の書籍の購入も可能となっております。
「Nuxt tech book」
https://techbookfest.org/event/tbf04/circle/17580004
JSLoungeについて
JSLoungeは、「週末の渋谷で、今よりひとつステップアップ」をコンセプトに、毎週一度、少しずつモダンなJavaScriptについて勉強していくイベント団体です。
制作会社からプロダクト開発まで、様々なレイヤでの開発に携わった講師が、jQueryによるホームページ作成から、モダンなJavaScriptでのWebアプリケーション開発まで、幅広い分野での、あなたのスキルアップをサポートいたします。
対象者
- Vue.jsユーザーで、Nuxt.jsでの開発に興味のあるかた
- Nuxt tech bookのコンテンツをハンズオン形式で学びたいかた
持ち物
ノートPCの貸出は行っておりませんので、各自ご持参のほどお願いいたします。
なお、開発環境としてはWindowsでも問題ございませんが、Mac, Linux環境ですと円滑に開発を行いやすいかと思います。
また、当日までにNode.jsの環境を構築しておいてください。
https://nodejs.org/ja/
必要となる知識
- 基本的なプログラミングの知識
今回の講座で得られるもの
- Nuxt.js の仕組みと規約
- Nuxt.js を使った開発の流れとエコシステムの活用方法
タイムテーブル
時刻 | 予定 |
---|---|
19:00 | 開場 |
19:30 | ごあいさつ・会場注意 |
19:40 | ハンズオンで扱う技術の紹介 |
19:50 | ハンズオン開始 |
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 tech book ~超高生産性をあなたに~」
石岡将明
ハンズオンメンター
株式会社Queue フロントエンドエンジニア・株式会社viviane フロントエンドエンジニア
昨年11月からプログラミングを始め、日本初のCtoB人材紹介プラットフォーム「SCOUTER」を運営している株式会社SCOUTERのエンジニアを経て、現在フリーランスとしてエンジニアを行なっている。
最近はwebのUIデザインや技術選定からリファクタリング等フロントを丸々任せられることが多い。 Vue.jsを用いたSPA開発が得意。
よくある質問
Q. Windowsマシンですが問題ありませんか?
A. 問題ありません。
Q.領収書を出していただくことは可能ですか?
A. はい。可能です。会場費は当日受け付けにて支払いとなりますので、その時に宛名と併せてお申し付けいただければ対応いたします。
会場について
会場はアクアミーティングスペース渋谷様をお借りして開催いたします。
お問い合わせについて
各種不明点、お困りごとに関しましては、以下のメールアドレスにご連絡ください。
Presenter
Media View all Media
If you add event media, up to 3 items will be shown here.
Feed
2018/04/27 20:31
commit 5024b777153efb020fa722f3c74405dedb9bf738 (HEAD -> master, origin/master) Author: HANATANI Takuma <mail@potato4d.me> Date: Thu Apr 26 18:17:00 2018 +0900 9. head メソッドによるメタタグの設定 commit 030c6f18f8dcfcbeeb6278ddf352ac173349de91 Author: HANATANI Takuma <mail@potato4d.me> Date: Thu Apr 26 18:12:18 2018 +0900 8. Vuex ストアのトップページからの再利用 commit 21f3e2802119532c3fc0c5cd8170019f75c2d598 Author: HANATANI Takuma <mail@potato4d.me> Date: Thu Apr 26 18:03:31 2018 +0900 7. Vuex への移譲とモジュールモードでの実装 commit 7fd8c7536e8a391806226db58033b1680be55a50 Author: HANATANI Takuma <mail@potato4d.me> Date: Thu Apr 26 00:24:51 2018 +0900 6. asyncDataのエラーハンドリング commit 828c57eabc8ec45ee4e05419a5aa496568a66eda Author: HANATANI Takuma <mail@potato4d.me> Date: Thu Apr 26 00:23:15 2018 +0900 5. axiosモジュールによるAPI通信 commit 039d14be56452a88fbba0ca8a5c5ed8e3e5c0406 Author: HANATANI Takuma <mail@potato4d.me> Date: Thu Apr 26 00:12:49 2018 +0900 4. Nuxtでのプログラムでのルーティング移動とasyncDataのサンプル実装 commit 17e99c2b2edf5922a0e60cd62f8ff12d93591b57 Author: HANATANI Takuma <mail@potato4d.me> Date: Thu Apr 26 00:06:28 2018 +0900