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

11月

9

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Builders

Nuxt.jsを学びたい、現場で使える様になりたい方へのキッカケになるハンズオンイベントです。

主催 : ROLO Co.,Ltd.

ハッシュタグ :#js_builders
募集内容

参加枠

無料

先着順(抽選終了)
33/6

BLOG枠

無料

先着順
1/1

イベントの説明

概要

今、圧倒的な人気を誇るVue.jsのフレームワーク「Nuxt.js」
今回のイベントではNuxt.js + Netlify + HeadlessCMS(Contentful) を使いWEBサイトを構築するハンズオンを行います。
※本イベントは初心者向けですので当日は初心者の方でも構築出来る様な流れで進めていきます。

実際にNuxt.jsでの開発を実践している講師1名とメンター3名によるイベントとなりますので是非共、ご参加下さい。

ハンズオン終了後は実際に現場での相談やNuxt.jsもしくはReact.jsを開発する上での相談も受け付けています。

Netlifyとは?

今、フロントエンド界隈で話題の「Netlify」
フロントエンドエンジニアであれば抑えておきたい技術です。
静的コンテンツのみで構成されたWebサイトを公開・運用・配信出来る、Hosting Webサービスです。

Contentfulとは?

contentfulはAPIファーストなCMSで、HeadlessCMSの1つです。
WordPressなどと同様に、記事(コンテンツ)の投稿、管理画面のUIは用意されており、
記事データはREST APIとして配信する事ができます。

Storyblokとは?

(Contentfulに変更になりました)

対象者

・Nuxt.jsに興味がある方
・Netlifyに興味がある方
・HeadlessCMSに興味がある方
・JavaScriptが好きな方

事前準備

Git、Node.jsのインストールを行い、gitコマンド、npmコマンドが使用出来る状態にしておいて下さい。
もし、インストールが出来ない方は 19:00 に会場に来て頂くか、
Twitter @rolotokyo 宛にDMください。

参加費

無料です。
簡単な食事と飲み物は用意してあります。

タイムテーブル

開始 終了 内容
19:00 19:30 受付
19:30 21:30 ハンズオン開始
21:30 22:00 調整時間
22:00 - 解散

講師情報

谷口 朱香

メイン講師

フロントエンドエンジニア
現場ではAtomic Designを採用したコンポーネント設計にて Nuxt.jsを使用し、モダンな開発を行なっている。

ゆうきゃん

ハンズオンメンター①
PHPとNuxtを得意とするエンジニア。
前職では組込み、インフラ、バックエンド、フロントの開発を経験。
オンラインスクールメンターもしており、現場では最新のLaravel5.7によるGraphQLでの開発も実践している。
松屋が好き。
https://twitter.com/ucan_lab

為藤 アキラ

ハンズオンメンター②
Nuxt.jsでのプロダクト数は7つ程経験をしており、カレーライスが好き
https://twitter.com/AkiraTameto

市川 大輔

ハンズオンメンター③
フロントエンド歴7年で現場ではフロントエンドのリーダーとして活躍中。

アイドル情報

tatane

JavaScript Builders 運営責任者
Twitter界隈のアイドル
https://twitter.com/tatane616

村瀬 みゆき

frontend & backend engineer

ReactのContainers and Componentsの設計を取り入れ日々奮闘中の焼肉エンジニア

ちなみに誕生日が焼肉の日(08月29日)である。

アクセス

  • JR東日本 山手線「原宿駅」竹下通り口 徒歩3分
  • 東京メトロ 千代田線「明治神宮前駅」3番出口 徒歩3分
  • 東京メトロ 副都心線線「明治神宮前駅」5番出口 徒歩5分

〒150-0001 東京都渋谷区神宮前1-15-4 Barbizon76 3F

原宿駅からの道案内

▼原宿駅から竹下通りを30秒ほど進むと、左手にダイソーが見えてきます。

map_01

▼ダイソーの前で右に曲がります。クレープ屋さんと靴屋さんの間の道です。

map_02

▼一つ目の角を左に曲がります。

map_03

▼右手にBarbizon 76と書いた建物が見えてくるので、いくつかある飲食店を通り過ぎ、すぐ後ろにある階段を上がってください。

map_04 map_05

▼すぐ右手にある、Barbizon 76の表札のあるドアがBarbizon76の入口です。入って階段を上がっていただき、最初のドアが会場入口です。

map_06

明治神宮前駅からの道案内

▼3番出口を上がります。

s__10649624

▼階段を上がりきるとすぐ右に銀だこがあります。銀だことIQOSショップの間の道を進んでください。

s__10649625

▼しばらく進むと、左手にCASCADEがあります。CASCADEの看板の横の階段を降りてください。

s__10649626

▼そのまままっすぐ進み、右手に見える専門学校や左手に見えるアイス屋さんを通り過ぎてください。

s__10649627 s__10649628

▼突き当たりのT字路を左に曲がります。

s__10649629

▼右手に美容院を見ながら、すぐにぶつかるT字路を右に曲がります。

s__10649630

▼左手にあるバイク屋さんを通り過ぎてください。

s__10649631

▼続いて、左手にあるブルーガーデンの入口も通り過ぎてください。

s__10649632

▼ブルーガーデンの入口の奥にある、Barbizon 76の表札のあるドアがBarbizon76の入口です。入って階段を上がっていただき、最初のドアが会場入口です。

map_06

連絡先

株式会社ROLO: 03-6277-5707

連絡事項

  • キャンセルされる方は早めにご連絡ください
  • 土足OKです!
  • トイレは座ってお願い致します
  • 近くに美味しいクレープ屋さんがたくさんあります

アンケートURL

https://goo.gl/forms/XIpPMHUxAg9ch2RU2

発表者

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

フィード

tame

tame さんが Nuxt + Netlify + StoryblockでSPA ハンズオン/JS Builders を公開しました。

2018/10/18 19:36

終了

2018/11/09(金)

19:30
22:00

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

募集期間
2018/10/18(木) 18:00 〜
2018/10/29(月) 10:00

会場

ROLO Co.,Ltd.

東京都渋谷区神宮前1-15-4 Barbizon76 3F

参加者(7人)

わたさん

わたさん

Nuxt + Netlify + StoryblokでSPA ハンズオン/JS Buildersに参加を申し込みました!

りんねぐりっど

りんねぐりっど

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Buildersに参加を申し込みました!

amenochi0125

amenochi0125

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Builders に参加を申し込みました!

ふー

ふー

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Buildersに参加を申し込みました!

h_plum

h_plum

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Builders に参加を申し込みました!

miyarappo

miyarappo

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Builders に参加を申し込みました!

rry

rry

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Builders に参加を申し込みました!

参加者一覧(7人)

補欠者(27人)

TaroYoshimura

TaroYoshimura

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Builders に参加を申し込みました!

yn

yn

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Builders に参加を申し込みました!

RyuichiSakagami

RyuichiSakagami

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Buildersに参加を申し込みました!

honta

honta

Nuxt + Netlify + StoryblokでSPA ハンズオン/JS Buildersに参加を申し込みました!

宮崎兼一

宮崎兼一

Nuxt + Netlify + StoryblokでSPA ハンズオン/JS Builders に参加を申し込みました!

o1ive_

o1ive_

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Buildersに参加を申し込みました!

kenty0124

kenty0124

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Buildersに参加を申し込みました!

makoto_ohmori

makoto_ohmori

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Builders に参加を申し込みました!

okkun

okkun

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Buildersに参加を申し込みました!

okagaway

okagaway

Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Buildersに参加を申し込みました!

補欠者一覧(27人)

キャンセルした人(16人)