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

2018/11/09(金)19:30 〜 22:00 開催
ブックマーク

イベント内容

概要

今、圧倒的な人気を誇る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

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

関連するイベント