このエントリーをはてなブックマークに追加

2月

16

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン

Vue.js と Element UIで本格的な管理画面を作ってみましょう

Organizing : JSLounge

Hashtag :#jslounge
Registration info

参加枠

5000(Pay at the door)

FCFS
10/20

Description

イベント概要

モダンJavaScriptでの開発でのUIフレームワークの選定は、既存のDOMに密接に紐づくBootstrapから、それぞれのフレームワークにマッチしたフレームワークに移り変わりつつあります。

例えばVue.jsであれば、CSSフレームワークとしての見た目の体裁だけでなく、VueのコンポーネントとしてUI部品にそれぞれの適切な機能までを提供してくれるものが殆どとなっています。

今回はそんなVue.jsのUIフレームワークの中で、最も人気の高いフレームワークである「Element UI」の実践入門を、管理画面作成をテーマにハンズオン形式で行います。

素早くそれなりのUIが機能付きで作成できるElement UIは、管理画面などのちょっとしたUIを高速開発したいモチベーションには大きく貢献すること間違いありません。

JSLoungeについて

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

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

対象者

  • Vue.jsを触ったことがあるかたで、Element UIの利用に興味のあるかた
  • Vue.jsのUIフレームワークの選定でお困りのかた

必要となる知識

  • Vue.jsの基本についての基礎的な知識

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

  • Vue.jsの開発におけるUIフレームワークの情勢について
  • Element UIを使った開発の基礎知識

持ち物

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

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

タイムテーブル

時刻 予定
19:00 開場
19:30 ごあいさつ・会場注意
19:40 ハンズオンで扱う技術の紹介
20:00 ハンズオン開始
21:30 ハンズオン終了
〜22:00 ハンズオンのサポート・質問タイム
22:00 解散

講師情報

花谷拓磨

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

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

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

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

石岡将明

メンター

株式会社Queue フロントエンドエンジニア・株式会社viviane フロントエンドエンジニア

昨年11月からプログラミングを始め、日本初のCtoB人材紹介プラットフォーム「SCOUTER」を運営している株式会社SCOUTERのエンジニアを経て、現在フリーランスとしてエンジニアを行なっている。

最近はwebのUIデザインや技術選定からリファクタリング等フロントを丸々任せられることが多い。 Vue.jsを用いたSPA開発が得意。

よくある質問

Q. Windowsマシンですが問題ありませんか?

A. 問題ありません。ただ、Windows環境ですと特有の問題が発生することもありますので、仮想マシンにてLinuxを立ち上げるか、あるいはオンライン上の開発環境であるCloud 9の環境を事前に作成しておいていただくとより円滑です。

Cloud 9は無料で5分で環境を作成できますので、よろしければご利用ください。
https://c9.io/login

Q.領収書を出していただくことは可能ですか?

A. はい。可能です。会場費は当日受け付けにて支払いとなりますので、その時に宛名と併せてお申し付けいただければ対応いたします。

会場について

会場は「DIVE INTO CODE」様をお借りして開催いたします。 会場となる建物の大場ビルはすきやとモスバーガーの間が入り口となっております。お間違えないのないよう、お越しください。

お問い合わせについて

各種不明点、お困りごとに関しましては、以下のメールアドレスにご連絡ください。

info@elevenback.jp

Presenter

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

HANATANI Takuma(@potato4d)

HANATANI Takuma(@potato4d) published JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン.

02/06/2018 19:48

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン を公開しました!

Group

JSLounge

「週末の渋谷で一歩ずつステップアップ」をサポートするイベント団体

Number of events 22

Members 312

Ended

2018/02/16(Fri)

19:30
22:00

開催日時が重複しているイベントに申し込んでいる場合、このイベントには申し込むことができません

Registration Period
2018/02/06(Tue) 19:48 〜
2018/02/16(Fri) 22:00

Location

DIVE INTO CODEセミナールーム

東京都渋谷区円山町28−4 大場ビル4階

Attendees(10)

FURUKAWA,Daisuke

FURUKAWA,Daisuke

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオンに参加を申し込みました!

kimursp1

kimursp1

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオンに参加を申し込みました!

YuukiTanakaa

YuukiTanakaa

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン に参加を申し込みました!

mennma

mennma

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン に参加を申し込みました!

miyake

miyake

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオンに参加を申し込みました!

fuqda

fuqda

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン に参加を申し込みました!

アリンコ

アリンコ

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン に参加を申し込みました!

いっせい

いっせい

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン に参加を申し込みました!

Keiju Togashi

Keiju Togashi

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン に参加を申し込みました!

Takashi_Hirota

Takashi_Hirota

JSLounge 「Vue+Element UIで学ぶモダンJS時代のUIフレームワーク」ハンズオン に参加を申し込みました!

Attendees (10)

Canceled (2)