小学生でもわかる AI図鑑
速報
  1. ホーム
  2. 小学生でもわかるCloudflare EmDash
  3. 第5話

Cloudflare EmDash 第5話

【小学生でもわかる】EmDashでイベントやメニュー表の型を作る!欄の選び方と、ページが出ない理由

お店や教室のサイトで、イベントの日時や場所、メニューの値段を、毎回ふつうの記事の本文に書きこんでいて、書く人によって書き方がばらばらになる人へ。ただし、EmDash では、型を作っただけではお客さんのページは出ません。制作でもここで一度つまずきました。

  • 0円(型を作るのも欄を足すのも、パソコンの Node.js 版なら0円。ページ作りを AI の道具に頼むなら、その道具の料金は別)
Xで記事を読む シェア
品物の型紙を作るのカバー

どんな話?

管理画面で「イベント」という型(コンテンツタイプ)を作り、欄を足して書けるところまで進めた回です。識別名は日本語から作られず「s」や空になり、作った直後はタイトルの欄もありません。欄は17種類で、日時を入れる前にタイムゾーンを Asia/Tokyo にします。型を作ってもページは出ず404で、Astro のページを書くか AI に頼みます。見本を置くと、公開したイベントだけが日本時間で並びました。成果物は、乗りかえ判断メモの5枚目です。

この記事でわかること

  • 型は「コンテンツタイプ」→「コンテンツタイプを作成」で作る。ラベルに「イベント」と入れると複数形は「イベントs」、識別名は「s」の1文字になり、英字の「events」に手で直した
  • 作った直後は「6件のシステムフィールド」だけで、タイトルの欄も無い。題の欄(短文テキスト、識別名 title)を最初に足す
  • 欄は17種類。決まった時刻は日時、「毎週土曜の午後」のような書き方は短文テキスト。欄の識別名と種類はあとで変えられない
  • タイムゾーンが初期値の UTC のまま「14:00」と入れると一覧で「23:00」。Asia/Tokyo にしてから入れ直すと「14:00」(各3回)
  • 型を作っても「/events」は404。見本の index.astro と [slug].astro を置くと、公開したイベントだけが日本時間で並び、1件ずつのページも開いた
  • 欄を消すとその欄の値がすべての記事から、型を消すと型とその型の記事が全部消え、戻せない。消す前にバックアップ

やることチェックリスト

0/6

記事を読みながら、できたものにチェックを付けていけます。チェックはこの端末に残ります。

くわしい手順と画面の図は、Xの記事にあります。

こんな人に

  • イベントの日時やメニューの値段を、毎回ふつうの記事の本文に書きこんでいる人
  • 書く人によって書き方がばらばらで、一覧にしたくてもできない人
  • EmDash で型を作ったのに、サイトの側でページが出ない(404)人

この話のTIPS

  • コツ新しく作る型には、題の欄(短文テキスト、識別名 title)を最初に足しておくと、管理画面の一覧でも見分けやすくなります。
  • 注意UTC のまま入れた日時は、あとから設定を変えても自動では直りません。直すなら、その記事の日時を入れ直します。
すべてのTIPS