{ "id": "learning-objectives", "schemaVersion": 2, "title": { "ja": "学習目標 — この時間でできるようになることを、動詞から 4 つ", "en": "Learning Objectives — Four Things You Will Be Able to Do, Verb First" }, "summary": { "ja": "できるようになることを 4 つ、動詞を左の列に抜き出して並べ、右の札に対象・時間・持ち物を置く", "en": "Four objectives with their verbs pulled into a left column, and a card on the right with audience, duration and what to bring" }, "capturedAt": "2026-10-19", "categories": [ "presentation" ], "tags": [ "minimal", "typography" ], "useCases": [ "learning" ], "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 } }, "type": { "kicker": { "size": 24, "weight": 700, "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "verb": { "size": 34, "weight": 700, "numeric": "tabular" }, "objective": { "size": 32, "weight": 500, "leading": 1.5, "numeric": "tabular" }, "infoLabel": { "size": 22, "weight": 700, "numeric": "tabular" }, "info": { "size": 28, "weight": 500, "leading": 1.5, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#F5EFE4", "surface": "#FFFBF4", "ink": "#2B2620", "muted": "#776E62", "accent": "#B4502B", "rule": "#E3D9C8", "series": [] }, "rules": [ { "ja": "目標は、やって見せられる動詞で書く。「理解する」「知る」は確かめようがない", "en": "Write objectives with verbs that can be demonstrated — 'understand' cannot be checked" }, { "ja": "動詞を左の列に抜き出し、強調色にする。拾い読みで 4 つが分かる", "en": "Pull the verbs into a left column in the accent, so a skim gives all four" }, { "ja": "目標は 3〜4 つ。研修の最後に、同じ 4 つで振り返る", "en": "Three or four objectives, revisited at the end of the session" }, { "ja": "対象・時間・持ち物は札に分け、目標と混ぜない", "en": "Audience, duration and materials sit on a separate card" } ], "cover": "https://design-vault.pages.dev/_astro/cover.BdM1yshH.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "agenda-numbered-sections", "bullets-three-levels", "recap-key-takeaways" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 } }, "type": { "kicker": { "size": 24, "weight": 700, "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "verb": { "size": 34, "weight": 700, "numeric": "tabular" }, "objective": { "size": 32, "weight": 500, "leading": 1.5, "numeric": "tabular" }, "infoLabel": { "size": 22, "weight": 700, "numeric": "tabular" }, "info": { "size": 28, "weight": 500, "leading": 1.5, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#F5EFE4", "surface": "#FFFBF4", "ink": "#2B2620", "muted": "#776E62", "accent": "#B4502B", "rule": "#E3D9C8" }, "rules": [ "Write objectives with verbs that can be demonstrated — 'understand' cannot be checked", "Pull the verbs into a left column in the accent, so a skim gives all four", "Three or four objectives, revisited at the end of the session", "Audience, duration and materials sit on a separate card" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 24px / 700 / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nverb 34px / 700 / 等幅数字\nobjective 32px / 500 / 行送り 1.5 / 等幅数字\ninfoLabel 22px / 700 / 等幅数字\ninfo 28px / 500 / 行送り 1.5 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #F5EFE4 / 面 #FFFBF4 / 文字 #2B2620 / 補助 #776E62 / 強調 #B4502B / 罫 #E3D9C8\n\n## 外すと崩れる点\n- 目標は、やって見せられる動詞で書く。「理解する」「知る」は確かめようがない\n- 動詞を左の列に抜き出し、強調色にする。拾い読みで 4 つが分かる\n- 目標は 3〜4 つ。研修の最後に、同じ 4 つで振り返る\n- 対象・時間・持ち物は札に分け、目標と混ぜない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/learning-objectives/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 88 right 140 bottom 56 left 140\n\n## Type (px against a 1920px canvas)\nkicker 24px / 700 / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nverb 34px / 700 / tabular numerals\nobjective 32px / 500 / leading 1.5 / tabular numerals\ninfoLabel 22px / 700 / tabular numerals\ninfo 28px / 500 / leading 1.5 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #F5EFE4 / Surface #FFFBF4 / Ink #2B2620 / Muted #776E62 / Accent #B4502B / Rule #E3D9C8\n\n## Constraints — dropping these breaks it\n- Write objectives with verbs that can be demonstrated — 'understand' cannot be checked\n- Pull the verbs into a left column in the accent, so a skim gives all four\n- Three or four objectives, revisited at the end of the session\n- Audience, duration and materials sit on a separate card\n\nReplace the content with [your content]. Keep the measurements and colours as given.\nFor an exact reproduction, use the verbatim HTML at https://design-vault.pages.dev/designs/learning-objectives/pattern.html." }, "code": { "html": "\n\n学習目標 — この時間でできるようになることを、動詞から 4 つ\n\n\n\n\n
\n
\n
\n

この 90 分のゴール

\n

終わったとき、この 4 つができるようになっている

\n
\n
\n
    \n

  1. 聞く

    相手の過去の行動を、具体的な場面で聞き出せる

    2. \n

  2. 避ける

    「欲しいですか」のような答えの決まった質問を避けられる

    3. \n

  3. 記録する

    発言と自分の解釈を分けて書き留められる

    4. \n

  4. まとめる

    似た発言をまとめて、悩みに名前を付けられる

    5. \n
\n
\n

対象

入社 1〜3 年目の企画・営業

\n

時間

90 分（演習 2 回）

\n

持ち物

付箋とペン、最近の顧客との会話 1 つ

\n
\n
\n
\n

はじめての顧客インタビュー　社内研修

\n

02

\n
\n
\n
\n", "url": "https://design-vault.pages.dev/designs/learning-objectives/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/learning-objectives/font.css", "https://design-vault.pages.dev/designs/learning-objectives/font-0.woff2", "https://design-vault.pages.dev/designs/learning-objectives/font-1.woff2", "https://design-vault.pages.dev/designs/learning-objectives/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/learning-objectives", "en": "https://design-vault.pages.dev/en/designs/learning-objectives" }, "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。一式「研修・講義」の\n1 枚で、架空の社内研修「はじめての顧客インタビュー」として描いてある。研修の中身・人物・数値はすべて架空。\n\nA self-authored pattern. `pattern.html` is the artboard itself; both `cover.png` and the\nmeasurements in the frontmatter are derived from it. One of the six training slides, drawn as a\nfictional in-house workshop on customer interviews; its content, people and figures are invented.\n\n### Techniques\n\n- チェック欄の四角・動詞 150px・目標 1fr の 3 列\n- 行は破線で区切り、手書きの書き込み欄に見せる\n- 丸みのある書体と砂色の地で、講義より作業の場に寄せる\n\n### Apply to\n\n- 研修・勉強会の 2 枚目\n- 新人向けの手引きの冒頭" }