Nuxt.js による Jamstack 入門

印刷用ページ印刷用ページ

高速で安全性の高いWebサイト構築の手法として注目されるJamstackの仕組みと具体的な実現方法を学びます。

マシン実習を通じて、ヘッドレスCMSや静的サイトジェネレータといったJamstackの構成要素が果たす役割について理解を深めることができます。

受講申込: 
研修講座コード
TF012
受講料(税込)
¥60,500
日数(時間)
2日間(12時間)
開講予定
2022-10-11 (火)2022-10-12 (水)
開講時間
9:30-16:30 (お昼休み 基本12:00から13:00まで)
前提知識

「HTML/CSS/JavaScriptによるコンテンツ作成入門」を受講済みか同程度の知識があること

「開発者のためのGit入門」受講者済み、または同程度のGitに関する知識があること

対象者

ヘッドレスCMSによるコンテンツ管理と静的サイトジェネレータを使ったサイト構築に興味がある方

Nuxt.js に代表される静的サイトジェネレータの機能と特徴を知りたい方

到達目標

ヘッドレスCMSの目的と機能を理解し、具体的な製品やサービスの例を知ることができる。

静的サイトジェネレータを使って簡単なサイトを構築できる。

ヘッドレスCMSと静的サイトジェネレータで構築したサイトを汎用のサービスにデプロイして公開できる。

講師
(株)シナジークエスト
講座分類

研修内容: 

<1日目>

Jamstack、Vue、Nuxt.jsの概要と実習環境
Nuxtでサイトの基本構造を作る
パーツのコンポーネント化
ページ作成実習
課題演習

<2日目>

ヘッドレスCMSと使い方
APIによるデータ取得とNuxt.jsへの表示
ホスティングサービスへのデプロイ
更新ワークフロー
課題演習

◎実習環境:VSCode、node.js、Nuxt.js

※進捗状況により変更となる場合があります。