-
#01 microCMSを使ってみよう (01:52)- CMSの概要
- microCMSの紹介
- レッスンの範囲
-
#02 コンテンツを埋め込むサイトを作っていこう (02:09)- 学習環境の説明
- プロジェクトフォルダの設定
- index.htmlの作成
- ブラウザでの確認
-
#03 お知らせの一覧を作ろう (01:23)- お知らせ一覧の作成
- ブラウザでの確認
-
#04 microCMSでサービスの設定をしよう (01:53)- microCMSでのログイン
- サービスの設定
-
#05 microCMSでAPIの設定をしよう (02:06)- APIの設定
- フィールドの追加、設定
-
#06 microCMSでコンテンツを追加しよう (02:06)- コンテンツの追加
- 公開の設定
-
#07 APIのプレビューをしてみよう (01:53)- APIプレビュー
- データ構造の確認
-
#08 JavaScriptでデータを取得していこう (02:13)- scriptタグの読み込み
- APIの設定
- コンテンツ取得コードのコピー
-
#09 取得したデータを確認しよう (02:42)- コンソールの表示
- 取得したデータの確認
-
#10 お知らせの一覧を生成しよう (02:20)- id属性の付与
- 要素の生成
- ブラウザでの確認
-
#11 microCMSでサイトの更新をしてみよう (02:44)- コンテンツの追加
- ブラウザでの確認
- 今回の構成
- Static Site Generation
- microCMS公式サイトの紹介
#01 microCMSを使ってみよう
補足情報 microCMSの公式サイトについて
動画中で紹介しているmicroCMSの公式サイトには、以下のURLからアクセスしてみてください。
・microCMS｜APIベースの日本製ヘッドレスCMS
https://microcms.io/
#04 microCMSでサービスの設定をしよう
補足情報 microCMSのサイトURLについて
動画中で紹介しているmicroCMSの公式サイトには、以下のURLからアクセスしてみてください。
・microCMS｜APIベースの日本製ヘッドレスCMS
https://microcms.io/
#11 microCMSでサイトの更新をしてみよう
補足情報 microCMSの公式サイトについて
動画中で紹介しているmicroCMSの公式サイトには、以下のURLからアクセスしてみてください。
・microCMS｜APIベースの日本製ヘッドレスCMS
https://microcms.io/
また各種フレームワークと組み合わせる方法については以下を参照してみてください。
・microCMSドキュメント
https://document.microcms.io/