Nov
9
Nuxt + Netlify + HeadlessCMSでSPA ハンズオン/JS Builders
Nuxt.jsを学びたい、現場で使える様になりたい方へのキッカケになるハンズオンイベントです。
Organizing : ROLO Co.,Ltd.
Registration info |
参加枠 Free
Standard (Lottery Finished)
BLOG枠 Free
FCFS
|
---|
Description
概要
今、圧倒的な人気を誇る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秒ほど進むと、左手にダイソーが見えてきます。
▼ダイソーの前で右に曲がります。クレープ屋さんと靴屋さんの間の道です。
▼一つ目の角を左に曲がります。
▼右手にBarbizon 76と書いた建物が見えてくるので、いくつかある飲食店を通り過ぎ、すぐ後ろにある階段を上がってください。
▼すぐ右手にある、Barbizon 76の表札のあるドアがBarbizon76の入口です。入って階段を上がっていただき、最初のドアが会場入口です。
明治神宮前駅からの道案内
▼3番出口を上がります。
▼階段を上がりきるとすぐ右に銀だこがあります。銀だことIQOSショップの間の道を進んでください。
▼しばらく進むと、左手にCASCADEがあります。CASCADEの看板の横の階段を降りてください。
▼そのまままっすぐ進み、右手に見える専門学校や左手に見えるアイス屋さんを通り過ぎてください。
▼突き当たりのT字路を左に曲がります。
▼右手に美容院を見ながら、すぐにぶつかるT字路を右に曲がります。
▼左手にあるバイク屋さんを通り過ぎてください。
▼続いて、左手にあるブルーガーデンの入口も通り過ぎてください。
▼ブルーガーデンの入口の奥にある、Barbizon 76の表札のあるドアがBarbizon76の入口です。入って階段を上がっていただき、最初のドアが会場入口です。
連絡先
株式会社ROLO: 03-6277-5707
連絡事項
- キャンセルされる方は早めにご連絡ください
- 土足OKです!
- トイレは座ってお願い致します
- 近くに美味しいクレープ屋さんがたくさんあります
アンケートURL
Presenter
Media View all Media
If you add event media, up to 3 items will be shown here.